From 5309fbda785317465789ee8e3b31f7eaba9b3c36 Mon Sep 17 00:00:00 2001 From: Dominik Csapak Date: Thu, 14 Feb 2019 13:52:59 +0100 Subject: [PATCH] intial commit Signed-off-by: Dominik Csapak --- .gitignore | 2 + Makefile | 60 + debian/changelog | 5 + debian/compat | 1 + debian/control | 13 + debian/copyright | 49 + debian/files | 2 + debian/patches/change-font-url.patch | 21 + debian/patches/series | 1 + debian/rules | 4 + debian/source/format | 1 + defines.mk | 26 + framework7-icons/Makefile | 9 + framework7-icons/css/framework7-icons.css | 31 + .../fonts/Framework7Icons-Regular.eot | Bin 0 -> 82770 bytes .../fonts/Framework7Icons-Regular.ttf | Bin 0 -> 82560 bytes .../fonts/Framework7Icons-Regular.woff | Bin 0 -> 40036 bytes .../fonts/Framework7Icons-Regular.woff2 | Bin 0 -> 31456 bytes framework7/Makefile | 10 + framework7/css/framework7-lazy.css | 7344 ++++ framework7/css/framework7-lazy.min.css | 12 + framework7/css/framework7-lazy.rtl.css | 7348 ++++ framework7/css/framework7-lazy.rtl.min.css | 12 + framework7/css/framework7.bundle.css | 15688 +++++++ framework7/css/framework7.bundle.min.css | 13 + framework7/css/framework7.bundle.rtl.css | 15702 +++++++ framework7/css/framework7.bundle.rtl.min.css | 13 + framework7/css/framework7.css | 4426 ++ framework7/css/framework7.ios.css | 17432 ++++++++ framework7/css/framework7.ios.min.css | 12 + framework7/css/framework7.md.css | 18901 ++++++++ framework7/css/framework7.md.min.css | 12 + framework7/css/framework7.min.css | 13 + framework7/css/framework7.rtl.css | 4430 ++ framework7/css/framework7.rtl.ios.css | 17463 ++++++++ framework7/css/framework7.rtl.ios.min.css | 12 + framework7/css/framework7.rtl.md.css | 18928 ++++++++ framework7/css/framework7.rtl.md.min.css | 12 + framework7/css/framework7.rtl.min.css | 13 + framework7/js/framework7-lazy.js | 12195 ++++++ framework7/js/framework7-lazy.min.js | 13 + framework7/js/framework7-lazy.min.js.map | 1 + framework7/js/framework7.bundle.d.ts | 312 + framework7/js/framework7.bundle.js | 35827 ++++++++++++++++ framework7/js/framework7.bundle.min.js | 14 + framework7/js/framework7.bundle.min.js.map | 1 + framework7/js/framework7.d.ts | 312 + framework7/js/framework7.js | 13063 ++++++ framework7/js/framework7.min.js | 14 + framework7/js/framework7.min.js.map | 1 + material-icons/Makefile | 9 + material-icons/MaterialIcons-Regular.ttf | Bin 0 -> 128180 bytes material-icons/MaterialIcons-Regular.woff | Bin 0 -> 57620 bytes material-icons/MaterialIcons-Regular.woff2 | Bin 0 -> 44300 bytes material-icons/material-icons.css | 36 + 55 files changed, 189819 insertions(+) create mode 100644 .gitignore create mode 100644 Makefile create mode 100644 debian/changelog create mode 100644 debian/compat create mode 100644 debian/control create mode 100644 debian/copyright create mode 100644 debian/files create mode 100644 debian/patches/change-font-url.patch create mode 100644 debian/patches/series create mode 100755 debian/rules create mode 100644 debian/source/format create mode 100644 defines.mk create mode 100644 framework7-icons/Makefile create mode 100755 framework7-icons/css/framework7-icons.css create mode 100644 framework7-icons/fonts/Framework7Icons-Regular.eot create mode 100644 framework7-icons/fonts/Framework7Icons-Regular.ttf create mode 100644 framework7-icons/fonts/Framework7Icons-Regular.woff create mode 100644 framework7-icons/fonts/Framework7Icons-Regular.woff2 create mode 100644 framework7/Makefile create mode 100644 framework7/css/framework7-lazy.css create mode 100644 framework7/css/framework7-lazy.min.css create mode 100644 framework7/css/framework7-lazy.rtl.css create mode 100644 framework7/css/framework7-lazy.rtl.min.css create mode 100644 framework7/css/framework7.bundle.css create mode 100644 framework7/css/framework7.bundle.min.css create mode 100644 framework7/css/framework7.bundle.rtl.css create mode 100644 framework7/css/framework7.bundle.rtl.min.css create mode 100644 framework7/css/framework7.css create mode 100644 framework7/css/framework7.ios.css create mode 100644 framework7/css/framework7.ios.min.css create mode 100644 framework7/css/framework7.md.css create mode 100644 framework7/css/framework7.md.min.css create mode 100644 framework7/css/framework7.min.css create mode 100644 framework7/css/framework7.rtl.css create mode 100644 framework7/css/framework7.rtl.ios.css create mode 100644 framework7/css/framework7.rtl.ios.min.css create mode 100644 framework7/css/framework7.rtl.md.css create mode 100644 framework7/css/framework7.rtl.md.min.css create mode 100644 framework7/css/framework7.rtl.min.css create mode 100644 framework7/js/framework7-lazy.js create mode 100644 framework7/js/framework7-lazy.min.js create mode 100644 framework7/js/framework7-lazy.min.js.map create mode 100644 framework7/js/framework7.bundle.d.ts create mode 100644 framework7/js/framework7.bundle.js create mode 100644 framework7/js/framework7.bundle.min.js create mode 100644 framework7/js/framework7.bundle.min.js.map create mode 100644 framework7/js/framework7.d.ts create mode 100644 framework7/js/framework7.js create mode 100644 framework7/js/framework7.min.js create mode 100644 framework7/js/framework7.min.js.map create mode 100644 material-icons/Makefile create mode 100644 material-icons/MaterialIcons-Regular.ttf create mode 100644 material-icons/MaterialIcons-Regular.woff create mode 100644 material-icons/MaterialIcons-Regular.woff2 create mode 100644 material-icons/material-icons.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..623ee97 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*.tar.gz +build/ diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..d489813 --- /dev/null +++ b/Makefile @@ -0,0 +1,60 @@ +include defines.mk + +PKGVER != dpkg-parsechangelog -S version + +all: $(DEB) + +DEB=${PACKAGE}_${PKGVER}_all.deb + +.PHONY: deb +deb: $(DEB) +$(DEB): + rm -rf build + rsync -a ./* build/ + cd build; dpkg-buildpackage -b -us -uc + lintian $(DEB) + + +install: + install -d ${CSSDIR} + install -d ${JSDIR} + install -d ${FONTDIR} + make -C ${F7DIR} install + make -C ${F7ICONSDIR} install + make -C ${MATERIALDIR} install + +.PHONY: framework7 +framework7: + wget ${F7URL} -O framework7.tar.gz.tmp + mv framework7.tar.gz.tmp framework7.tar.gz + mkdir -p ${F7DIR}.tmp + tar -xf framework7.tar.gz -C ${F7DIR}.tmp + cp -ar ${F7DIR}.tmp/js ${F7DIR}/ + cp -ar ${F7DIR}.tmp/css ${F7DIR}/ + rm framework7.tar.gz + rm -rf ${F7DIR}.tmp + +.PHONY: framework7-icons +framework7-icons: + wget ${F7ICONSURL} -O f7icons.tar.gz.tmp + mv f7icons.tar.gz.tmp f7icons.tar.gz + tar -xf f7icons.tar.gz + cp -rf ${F7ICONSDIR}-${F7ICONSVER}/css ${F7ICONSDIR}/ + cp -rf ${F7ICONSDIR}-${F7ICONSVER}/fonts ${F7ICONSDIR}/ + rm -rf ${F7ICONSDIR}-${F7ICONSVER} + rm f7icons.tar.gz + +.PHONY: material-icons +material-icons: + mkdir -p ${MATERIALDIR} + for i in ${MATERIALFONTS} ${MATERIALCSS}; do \ + wget ${MATERIALURL}/$$i -O material-icons/$$i.tmp; \ + mv material-icons/$$i.tmp material-icons/$$i; \ + done + +.PHONY: download +download: framework7 framework7-icons material-icons + +.PHONY: clean +clean: + rm -rf *.tar.gz build/ *.deb *.buildinfo *.changes diff --git a/debian/changelog b/debian/changelog new file mode 100644 index 0000000..8ec1fb3 --- /dev/null +++ b/debian/changelog @@ -0,0 +1,5 @@ +libjs-framework7 (4.0.5-1) UNRELEASED; urgency=medium + + * initial import + + -- Proxmox Support Team Wed, 25 Jan 2017 17:41:16 +0100 diff --git a/debian/compat b/debian/compat new file mode 100644 index 0000000..f599e28 --- /dev/null +++ b/debian/compat @@ -0,0 +1 @@ +10 diff --git a/debian/control b/debian/control new file mode 100644 index 0000000..5b874e4 --- /dev/null +++ b/debian/control @@ -0,0 +1,13 @@ +Source: libjs-framework7 +Section: web +Priority: optional +Maintainer: Proxmox Support Team +Build-Depends: debhelper (>= 10~) +Standards-Version: 3.9.8 +Homepage: https://framework7.io/ + +Package: libjs-framework7 +Architecture: all +Depends: ${misc:Depends} +Description: cross-browser JavaScript library + Full Featured Mobile HTML Framework For Building iOS & Android Apps diff --git a/debian/copyright b/debian/copyright new file mode 100644 index 0000000..86d715f --- /dev/null +++ b/debian/copyright @@ -0,0 +1,49 @@ +Format: http://www.debian.org/doc/packaging-manuals/copyright-format/1.0/ +Upstream-Name: Framework7 +Source: https://github.com/framework7io/framework7 + +Files: framework7/* +Copyright: (c) 2014,Vladimir Kharlampidi +License: MIT + +Files: framework7-icons/* +Copyright: (c) 2014,Vladimir Kharlampidi +License: MIT + +Files: material-icons/* +Copyright: (c) Google Inc. +License: Apache-2.0 + +License: MIT + Permission is hereby granted, free of charge, to any person obtaining a copy of + this software and associated documentation files (the "Software"), to deal in + the Software without restriction, including without limitation the rights to + use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of + the Software, and to permit persons to whom the Software is furnished to do so, + subject to the following conditions: + + The above copyright notice and this permission notice shall be included in all + copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS + FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR + COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER + IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN + CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +License: Apache-2.0 + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + + On Debian systems, the full text of the Apache Software License version 2 can + be found in the file `/usr/share/common-licenses/Apache-2.0'. diff --git a/debian/files b/debian/files new file mode 100644 index 0000000..d1d008f --- /dev/null +++ b/debian/files @@ -0,0 +1,2 @@ +libjs-framework7_4.0.0-1_all.deb web optional +libjs-framework7_4.0.0-1_amd64.buildinfo web optional diff --git a/debian/patches/change-font-url.patch b/debian/patches/change-font-url.patch new file mode 100644 index 0000000..52dc14e --- /dev/null +++ b/debian/patches/change-font-url.patch @@ -0,0 +1,21 @@ +Index: framework7/material-icons/material-icons.css +=================================================================== +--- framework7.orig/material-icons/material-icons.css ++++ framework7/material-icons/material-icons.css +@@ -2,12 +2,12 @@ + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; +- src: url(MaterialIcons-Regular.eot); /* For IE6-8 */ ++ src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), +- url(MaterialIcons-Regular.woff2) format('woff2'), +- url(MaterialIcons-Regular.woff) format('woff'), +- url(MaterialIcons-Regular.ttf) format('truetype'); ++ url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), ++ url(../fonts/MaterialIcons-Regular.woff) format('woff'), ++ url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); + } + + .material-icons { diff --git a/debian/patches/series b/debian/patches/series new file mode 100644 index 0000000..cddacf8 --- /dev/null +++ b/debian/patches/series @@ -0,0 +1 @@ +change-font-url.patch diff --git a/debian/rules b/debian/rules new file mode 100755 index 0000000..8294a69 --- /dev/null +++ b/debian/rules @@ -0,0 +1,4 @@ +#!/usr/bin/make -f + +%: + dh ${@} --with-quilt diff --git a/debian/source/format b/debian/source/format new file mode 100644 index 0000000..163aaf8 --- /dev/null +++ b/debian/source/format @@ -0,0 +1 @@ +3.0 (quilt) diff --git a/defines.mk b/defines.mk new file mode 100644 index 0000000..20a53f5 --- /dev/null +++ b/defines.mk @@ -0,0 +1,26 @@ +PACKAGE := libjs-framework7 + +PREFIX := /usr +DATAROOTDIR := ${PREFIX}/share +TARGETDIR := ${DATAROOTDIR}/javascript/framework7 +CSSDIR := ${DESTDIR}/${TARGETDIR}/css +JSDIR := ${DESTDIR}/${TARGETDIR}/js +FONTDIR := ${DESTDIR}/${TARGETDIR}/fonts + +F7DIR := framework7 +F7VER := 4.0.5 +F7URL := https://github.com/framework7io/framework7/releases/download/v${F7VER}/framework7.tar.gz + +F7ICONSDIR := framework7-icons +F7ICONSVER := 2.2.0 +F7ICONSURL := https://github.com/framework7io/framework7-icons/archive/v${F7ICONSVER}.tar.gz + +MATERIALDIR := material-icons +MATERIALVER := 3.0.1 +MATERIALURL := https://github.com/google/material-design-icons/raw/${MATERIALVER}/iconfont + +MATERIALFONTS := MaterialIcons-Regular.ttf \ + MaterialIcons-Regular.woff \ + MaterialIcons-Regular.woff2 + +MATERIALCSS := material-icons.css diff --git a/framework7-icons/Makefile b/framework7-icons/Makefile new file mode 100644 index 0000000..2dbce3c --- /dev/null +++ b/framework7-icons/Makefile @@ -0,0 +1,9 @@ +include ../defines.mk + +all: + +install: + install -d ${CSSDIR} + install -d ${FONTDIR} + install -Dm 644 css/*.css ${CSSDIR} + install -Dm 644 fonts/* ${FONTDIR} diff --git a/framework7-icons/css/framework7-icons.css b/framework7-icons/css/framework7-icons.css new file mode 100755 index 0000000..5052bda --- /dev/null +++ b/framework7-icons/css/framework7-icons.css @@ -0,0 +1,31 @@ +@font-face { + font-family: 'Framework7 Icons'; + font-style: normal; + font-weight: 400; + src: url("../fonts/Framework7Icons-Regular.eot"); + src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), + url("../fonts/Framework7Icons-Regular.woff") format("woff"), + url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); +} + +.f7-icons, .framework7-icons { + font-family: 'Framework7 Icons'; + font-weight: normal; + font-style: normal; + font-size: 28px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-feature-settings: "liga"; + -moz-font-feature-settings: "liga=1"; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; +} \ No newline at end of file diff --git a/framework7-icons/fonts/Framework7Icons-Regular.eot b/framework7-icons/fonts/Framework7Icons-Regular.eot new file mode 100644 index 0000000000000000000000000000000000000000..22c16283b377301cad5e01707da831d83ee9570f GIT binary patch literal 82770 zcmeFa378z!c`jV1_NBY4ySl5ZXS%1S_nv*}neNs)8m(v~fi^&ZBtW1MAkZMQNEl;# z?28?NHzFK@4RHb&IbL;b>%QNq?wOvE zSnS;UJpXf_zo)0_)T!#KQ>V`PmiJp~$66-Lu3-WbM1ek{ph&!cntK?PwrrzS=6S!C zmb@D4zubM~;`!QEDI;tUZW8thhlFY2sBk07*9&zaBTNZbV{1mZ83%@h9oTz~aI0_w zj=Tvq8R25o+=RW?@uM=r2>wQeA-*2Lemdrj&y2$u{=-ROMqP}(KaAnke zkBO5W!~QF;KD6)fyT5vCTo9CNQTM5;Tvzh z=FDkPV5hOEHwOVu zkMHR-r-dO=!2M7)Y8HG3_%Zhi-xkmt_|S=I7zx589vXdQob?_-LG>1P0Ndv^*FO_F zgge_u8usCL&u6gapKS-$?-yo;OgZYe0d1Sa4&DOZPC>{B3E^=e!VmuxU;au9G zj0s6$DW;Kx^#GKgd8 zsHAWK-%~(~4`RCq>m;r?i=$c}I&UX_L7zVCr4L=L)vG&j4cey96xL&ch$Wr>2>$4r zNwh%_R`c@vv7}EDcX5!nfwufRqI;q?*Mz&M5+4UwIS4AiwiTY;C}KX)m24iMAE6hg!K`=t7z5=;O?lHlc=&J%lwq zgX1{%68vHZj*bc&v8PkGkoSY%I~({t*3lo6=!rvEQjd&bNoOqxy+o(bW}1D}R=P{S zEv+l>MolmN>36Gf9(oG2ZySD5!#U{ajkuzJmxH{&{n`ug%=*#32SG^b2|C!<`W(V9 zs1GN3MIJ3{eI^Bu*L&zw0l)X3V+z-xUZ4;4G<}Fu(0|IGo5Ca5qFI{4Jsrb3Erd}M z!fYMHSe+EE5N^+Ysh}0I#fOUDEUhR_m!m{o`2G>Tf8W{r&;0PrchCIQnZG#m`7@vU zyPKaYJ{S1@2fn}mZ+`kW-};;G=5=w3*ZMHENjPu-6S1KG_7B?IWO#lpo`#}ox?x&@ zV92ks+mAoH92O!@H0H*=L`P>b)s^nfWOMmKu~hEqrN{dJi4W&d7-jS~E==HA?hy6} z2ZY1mg?9=c6z&%u7G7l{3$QrLus$}yiMe`lzr_7hE4c4hZEO2q)iNKG8>w?FF{~XGMHikYE`msG=AGBW$UmJcR{Ev~& z$d<^1k#9LU=WeGFeK`7qSRnR}*i&xG{XO^P_~G~uyo&b@@0mn8aam$E@n}b-<4DK- z9Y5(@(fRJqZ+E_$T#@{6^10Md>X%*DcAf0{e)?GVecgYTsbvml9?U$IU6Fk{cVX^R zx##k0^0(zbmH&BRP0=adQkp4!xqP_%iJnl;ZM}zkPxZ-td-}fA_fmgf|9ksS56AK;9%kNqKZz~>N z@#B?$y7JYDEfb$um0ETGsxMEbC!bnfSiNP9xMpO{mNlPPtFPU%_RH%=*4?!3)OvmW z{`H^R5Z`cM!A_8Zy;EZT;NVpKn{X?e1;g-hTP^hqr%k$6xPE?L2(pz=cm=G<4BT z7u|ocdGX!5Lc1>8b$r*;yI#KJ7nk;3defyJyYzFH{^YVdE_?8@Cw7awFWLRMJ*7Q2 z?0I5uW$(JZ_wD_~<^Ooau`7ObW#Y;k_Nn{U>^rsZr&k@g>cOjCzB+dGj;kNJ`rG@* zr{mL?PrrZq`v+6y7|=8H40-k7-Y!W+MKICl7!!(Tf5)3^NITfTLZbJGnsJ$lnm zZoc^D<2V2FEj_o)+&X^iv0Hz9r1Qwkk&hjD>PX}0_|bP9{nOj@+unWK*KT|Ht;gT` z)!X}Szx?)7x4-(fuinvf$NoD$e#bw&J@ob~-~PpSkPJj}#YfmhAPkx?^m!%>uXt3G zg%>NISC!{hJSvGO3ZIv#TA}JkHI@Bx#iJlEFIL7PW0CS$Bp*3;^uPgjQRCAQMzkJO zh9npKqZAqCQq2F&bt3U2c7ja{0b!LO)N`sEi;q<%SarNquB4e8Q}ekYR?cHps*cyj zD&AOi%#DpzYB(a_JiP8UcmFc#y3s(?j0c9N`ug&LSWpy$#qM&sJ0BEt@rXOMeEH@J zR`t2b(v~YOf4QrpBNa@9JGyQyts59!rrTy_q*NU4>bND|Td1$wwrcfeBV}B+b<5>M zod0ir4*&nXz4_-0$zX1dLL`VR75OxUEE7HRBKtWz0oiK+>S!IBVU~t-7K61;BRQKZ ztz>*4uVS@sjPcrXR*82pFU>SHuZ_9+dbwmXH_MJUo-=hO=w>l)H=eWOdEL^#Z&|lm zT2!-YswgYwr>CZN|Au8AV})l=>6WFRdeU}X`$5tZ9df z7{iiKKl3d3@(D<-qa^3DxTbcqxQgp%b3S$Ue?n>E8b$pnW>a|i%_2M?e z!b5$`RkaY^NO^p;RIgxCLaZ69)N9omb3PCgjZsZ9bffWc#nNPD)DUAIFvI3YS=bOe zBcf5cy<&)wPE{8_t!RuXUdT=;QUFqgtXQVPWOgk0Y{*(=c$%tcrfTS`tkAPTlkTW- z(vYOA*EPLo&vciU)fI6_Qy7yaI~tF$fMhWiqBHUNdPw*zyI1&*0Ku#d+L3J%6x=AA zq3%_5#njKx>a=cRNehT|kbWKZ7@GlAcZDn@Qt0LNTnx`@JYOF3PtwnFrSV!hTUp7* z(Q{oarp!HIddmEAc(gGUN2*w-Mf|>o9i^uYV-LQ2&?TfSzLl` zYU~>IK)g~L$777i)bL6?cH-3R?5SC{{+avkd*;3*inFIqpmg6eMC%~kw*59ry8Gha zm$g+)tCv4{@@;QB`8KwKpXRv-E_mRv3$qSt-gfen{A?R8c;JG^#TEV7mWP^i$75Ia zd12XBB{A&vF*omeQ8$||T2?Wgb)(*3<|b3qOg&R(-Q#J~vy2<6bX5|c< zE+kY*7Ntai#R_g>q9dK|O6q#DE1m9`NMr_?Y*?0|b##w+M+ZjT;*{fPom-0CQ(ePr zJNOveEv#WD8RBQt z>&@p9iCo7qOJW9NS(O#b3?

P}sdp3}~B2M%Q^=<;YkV^%v4UG3rFImK@A+eSO3Z zYLSVK#P4*_i9V|23?^B!(rL-e=qW7fyAt6`t-dRcO|UT{U3?IEF1m4ofnbpk5fWQt zyV;+O->EV;5_Z*4&<%^@YADn<-WM+wR#03yhepu+>4FIYoJPAWfaX)<3yk;Y0)JT zOHJiG0o@%E`4?dT0jaK%m^||3mS@!IUtG&CmTi|sgk5*GFr%1 zm6&5V=f~=Ywr({7%+%jL_z}})3_tvR_i;1GLdIvUj~M|;)#a0RSd?8w3gPEYR&!#S z+7*>G(deeRTRZbJ_5`S@3(g@FX>7;%NH3G<#kobSHAvV_#;#G!uyT#a`o`8>dF5SK ze*fU+%?CHXon52aCaT4*eaEi6a^31xsN780kqDe=6`N-3aeiPJ^*m8jOnY3WPDC@G z%VT8LYaWr*JZ2a!%8Bg1RSaWH5;w^r!*{c&Uk8?8O5$~^h$jBMQ8ZXpk{SDmJSwKv zE4nECi@~;Vl8MVMm}@pP-m|D&5lp!{0lrwySI3$Xs7qr8^vJ_Lj3{jZC2c(WuE%WG zl=}+ua8J&OrXq=;ynVBnYA3P5?z9;3LPjVN3l#c{ZryT2Atzy3eL}jPjTpM^9l7mocgljBR!6ir^2ooVNp~0Ajr~6#j=$=2-7VpGvf9nF_*?8w0uFcisI(wx_Oi_ zeVY|-e4Drsn>8cmY0FkWs3Ri(%*IOf2@&71nwOUF9fd>$KI37mVMSj~B{412qKA|4(^Q+M!TE5S6|9Oi zKMS@-(h%rGewq|>=S~BeiHIjZ4UKDv3+#V1dUZu%N`;A1J|zX1#3V^#vW69AvuLU! zi9?bhX&RamWr-4KfQh3-QDUOVKovzD+f2f7imZsTtgA}OLoHAm9E5rtMh8Mn!bvre zu7`;qNd*m&&ckqRrfRg7B}tYUfmK-o5vaHHlz``Y&8biB8QPv~} zG8~HOPzcRqswy+hB2mUrjX<2YO;j9N7iA^}gO(Hs=#rrYCFZHRZsNI%klA)XW*dT} zgE1CuN!DEaDpiX_aEWw~)C%^Dxie*?9!nZV^0Ab`I_kJf83LfD)HMc`&qy7o#mxhX zs4D6`*dq@p#u5Wa>LA9~cR&Yip<5^epIrll>?$%%MYEve^E0sK%}-TK$WmVBQkR<3 zFgbl0GFNg@_PLUX8D95g%aG^`mtK=!(H3zl+UEB&B#uvrz}!gQZ#;r!j%XdLaryWK z@OykA%Nm%%SSvcokg{f7eV?q$qM}OoX{M>&r<&MA5jTypsop1P^!zn;ym?leu26u; z{Z#Ap8~LeswtA!qO!TBInPjkEmc<5UsJn7l*Kki)+|HbZs~2+6i_N_;(RK zw;Fteq+?7-F3%Bnra6Kc2DVJ9JthmJoQl@g5nz}Lw%BURUE^92C!ODSY+o+z40PC| z;3^e6p&BE`28hvU3<=ZPd~vtqq(k1i^16Ndu<$~1!75KwH*c=4Dh2Xd-O}j3Y-_F{ z2r5}ySdr}%OrYCD$3}$Z0OpB?`OF~R6sucIu(hobQZa;KhxeRW9BPJ92I+f?-&i`61L_Eh$WdrECu>9Uj=qr; z{V%UCBwzRXGO!{jXMPA9-u=**dLdn|Ciyao8Q0BXo!$TS|6R83Jy?uTAk zE)^#j=yFI*OS}MrO9IdkbOTV)4Id7q4UaYc#gy$3yV>rPEhU`LWjEv~mTcRN51`6a z!d|#5##ULDB$}a+CCgUGj`I!83aAy!Qls&JBwElnt~Jy^ma#9E@WZQdhH^CEq=Swq zMted@X+LU8v7ob5k+w@QOEYDepYS|2YJnn&QY^j||CY-4(YRR1t0!^qmw*lZ>ijx7 zH@iu<0V(k3I>t+T`Au-}$;W8AK868dX?~Fg{|wg+PwYrb-&u;Jab5+pYm&VLeaeD$r~sSd2&BO_Ejy3Sfg;Z@M2H2e$4CXw zx$*HF1hPsDS0CTarlC+jU`#?TAsNDM%wS@Gq8r8|q>ir^2oq#=?y3lI0;q zS#O$-!;M!mldysuup!HvBLGk(RjX6*-&vtMF z9=7;lUGc#|FU5aq-HF3n-}e9*(k=9xe&+vWuR_1`gkd00%VGHxie+EF(aLBq2_6t- zM!6J{_la)3HcA4G=Yy{GvPZH!?g`Vh1cu4tAyz805_|WkSuL4nUnaffDt8$20~>Zd zP_^v`oL<`Mb%uKTiq%pkv2#f<98InaM%Z@(w#@nzF<>i=zm_jt9rH?6v2Ja11{7Oi z15PxXy2LJ1xfJe+*Hc5KYV^>QnT&cdIUah_5Y@(Qs*M#p2Gd--P8=21wM&tB5WLk8 z@rcI8fkRdO8hT22Hu)StH#c9JLyMvL`uK56-D`xS(Xj34c6egzw#iI9QmC$(9IZ?^ zwv!UAbY~`$?6yQPZl`lweEIV?6TOLq8;Y4%U9f7+7Twb(>f>vd4yAL>J~vVB&XhX? z;nChDQ2c02&z^aj&4TY)u!rU$H4KA3Mo7JZV1V&jrFKGcpoxPTNDe;Mq*lgrQgcY3 zSU6(cy{!Suu_S{{W4L2UL%uP?1#%30KH?j9VMrT70rT}a%vZvKJTAM?I9WyG#A!+< zwMA=T(ROQp;Wg@uxk@fqc}Lr_@v*iIf5$nh*m?B31>eRG7H(tr6KBou_*y8I zEtsrYBpUbgYEs%<$!;m&tgI87#kW+3MAot!9QV zXIMv8^!KmmZ@d6)l@!(~J7?pY@t&n0V9|JGa`)uq?rBbpL4jxcR`&O={Ckiy6Vw>E zT2m&C6SV|F26?KvP=}$q62bJElIcnY{tHYEI7D;7o^Y41G`h_d38UKzOG>KKh2&>- z_)?&m3UnF4q>(XJtTnUBYWDu~zH_b3?7hX16bMUVDEJlIJ-_j1B#RzZLaJg0dV%Zh zxg{b;|B2d`7dqMZ*!4gSR)U6NIyTX^>q-uv|C^wf;lWE`T4QBH60aaM7z?qe2QPkP(l(5@7#+r2 zbi*EE4wLGs{k<;B4LTVOj4cx$kfd=_T&w7etyMHp8e!T3T0>I)*_Z(DQQtU4ENG$r zzX(}wSNjjnNp}8lYmMCixTsK!G|gQl;2cG;eL~nu%-MhUeFs+`&i^eC;=A`7-|Rds zoYC%`K6u~C@pmfL^u5|Yn(D1pI$t}Dw24Nx)aiK)tV~D^`qTqmB&3pXN{~e&n!bjN zkvoZsTd{}zDK+JP&?SaN@Cczda$qCujfl# zQv{D^?9bRcp_>4IiZ*)*AgvE_L5NjI8)>Vc=~JnHBRP@03p%r;-ZfWZ=dD^)vuYD| zvYANaB1zIh^2Oos#iFFy^7TD@bx~_a&rl=+Jt+x2=>_0FVR)})AOp4OvmwU0M4@@} zsxNv}@CbQLa&z^m>gN3N9F}ZPG8#=fQFQdkx{si9H(bSvq~$!7Tb{?#q1_kJ&XFwb zq|Rr;QqYnofS>F`ztb>L`$f!8j-bqeC_q2Pxz@(fk6Nx;ZUa$#_+yMv6g74Z_#;L* zN}L@V(=6@LM}bx_bySjbDcKT%M#z$^1Ev7DVQJ9zo8X5E5Y!R9QWQcwU_L@NAa>{` z00;?Sg`$Xn3NVh+33+M1V(8|t1Y4-OCIyVw#4MO-f-W*VmmT1tC&5E)VF~6JtY>HG z{4p1h4=uVx4jhpZ!ytuK0TBT>s*Ynox!wruMkKcI!Q3w1A7u^~S6{;N12RN*B@~pz ze0GJ&jFkqvl`Mi}vBI*Gj6xbM*bp}xfdDfYj}D>NWYIK$Tl7&!0o94y0W*=-$I(lc zX!ILmfEngPP$}`P&CB$%Af5RU^tj*WcCWIq3=Ui^PS2SiH~B%>u1hMW0+iapWuwOsF@paXP(gyH=E!PxT9BAAX?1E)6Vj3Dd8ZD z-7jIZjuT1;B(6qNmc39)mBx>6b?x3>m1&(_Bg;2z>|S?QHPaC)T$56?-l(fh27ziHp|MXpIV{31<@7sD>w z;o2|ok{kBt3M$=j;RV|@sDR_z_+TH_tb9cf!7$cmsY7XUr9T4jx^CCgzG((9_cx7Vd zK>cW5AmbgVjEccH=p(ett-Y2tEZZ8`f+xzI zeLYnx0$WfJjKs<*lBn2&E0&MP2pT^PI77T@+lS`+nBK@Pn* zaIayqR+n(QU)yYUfCDr3qpk*P}1jJ4Sf{rHX>?&9W>`q4p zf*&wos%!kNA!^>*HwMcTwiO&G5Ra-5NWgiiWa$>K0*^K4fU<854TL)l>2k^Fl)@dh zm2jgv-_|>o^c!Jlu}OXjE4~+})cmt=k}O;q5LF1e%R)bcBy{7mrB)1SbR3Nb05J3A z1)^!=E<>Bq@HO6pf~um>E`FBZrK$3yY~f$g+sd4OEMq@l>&VVtY}Za0neaLN0c{Y@ zM1!Y7p;JMuf>Bz0^`LF(2X$A!UW0wg)M)irRHZ?egy%PS(oXQCr9eZcgzey@fVSbb zMo88WoI`LU+-oEbV=yY|I&%XbY!-q6@!1-rtZK_{pf-7NYdzE98f?aJJFspXH{4}p zgtOyLD&+v|YM_XD8D&F0?`d0pZ=`II<-;ns3d5wm^+xqTx*K$^k2|K6T|KZOpt}ZV zT}$KPa6G)M#l}EmTYNIs#ONRlqr>1sfKdw#j?}jp6q&QxXH!kSZ8eOGUr_N_Z+hk`Kw$p(*>QC5YyKx5C3ww48y3GZ9P{58mfnLhnQO;EOG`N3+;e zsa7jxyfXqF%LFfD#cU(<$=w9T?oLi7le5G+XE}{bLXLcaeGUlcUO*3=!i_dnGp^~( z^QJn9G@zPf{{goq%Lq|JP!pB@>5s@Ic7cj=-C(iw6HqktFy~cyJXn}?EokxIgG`j; zrjcC2>8MyzV!S$J+Qo=1%T5P`qLqB-%0)txC)25*_~o9UyLlo97N}0LpHwpmZp;X~ zg|WC2*kl-0OH_kqXFL?i<`dwaiXjIVNn0W?saM(eVN2_T_9Z}GgBpq(Y#K{QcJr#F ztdhqBmzTi_NUA1NEANCaJJE1>%fXQgD_agOC;LAWT`}~b**}<_-HlnA7)+U>1~^p& zshrxV%HpmS<#j!~R!k1S&`O_hr~X@8uD|~N8(`1uglW{!ooEC$KMI|I6x_m92rI&q@15omb6eQcZq)OQZSeHqX1t(o zVffQSxwvVklYFb)0$Uz8>zV386JCQ{fGqoJE|t(@y4E6d5jPwao7OoTF+(6f?I5Ea zzMx|**~Ebsz7%u}@nz6%FxuwLoUmWQ&`CI3QWZPbcqiUATV+cua{T2kHjSJ)@ISR_8lPk?^;$KUQcc?f5Y8in1JrZA?WK# zDp9-s9Nxln^*= zE12Zj!96@I_2em<#3doHBocbiif%5^ zXdy|BGlH&w@-KvT$2^R2 zK5(nt3z1tDyx8g4Vy##NPpFZiLEbWM_%6(uunSuZv=L!4Su7?eC;OH!?}NtjERD-& z!|urf4cP+jA>|O9>!ehSJFTg=PD2NZg1RKpGO`SuMO(;IZR{NXlf>(R_0w{^kaCi# zWHD)^2HCXlLyDdk?D(crZ6A7WVw-OvFvmG$(03`~tT4n{h&e|xX>f8ES>Nyh2ov{A zZn8KRqV0g0ZNfbOC56?f0$U|b94@{<_Q#{=e#P9Y_!O5n-U(Rwlb#7Vi{x5j`%B z!Dzx+U?c{oL%#t~7{Y^g#YJm2o#f792ADpGlfnILla~I7 zZk?>tr@)sx>Ww{hR-0cMY=}r%<7s%anAC@$%51KV(?o+QMK=AS3l3Q-SIPg3<`nK$gNGV~t}$>+(vu)tj=69o%)@kN48^MP#73j9 zuiE4FR$0F~WNaJl@j7}EeRBWFJ#w$(R(DFCopvO%lr0WOg@QC#=vDTJ(Up1H65V2= zM}?gHfG~k}tP^4!6>0OsBO(bQ_Qg5JI}mJ3|Bv->@0MOR#Ld`*YcihYykDCG*{qLd z;yJiUl(-3iRg%lfzN$`+6R*iJ?o8yNzvenTu7&D>$lh~vhsK<~>TqqTveSaLQWDCf!8T6ZDjmI&qo4vHmtJ$Y^k0yqUdK!kP27I1^V+@tq*d1k;JoHX;9 zOx~OvbOXUySD&%x3U*~X4_KG%k}~peUrY^a(f%PhBXuRCI>b$)Py5e2kA5P&7U&=x zY<(eFgOooc)|v?V^d;}TWPB`bB=z*z_?_Ia{?fL+d$*NlrV5r-n3`cA?-}$m`n`pZ zk_S*9M(^3Er`S9zL?FgRAV{>B9wnAN3-9dXjz2{R0r-MKuzSveHyd}ur6-<#9(KPL zC<>jKqOfc5P1uC^vjM`=3e>gaFw50TSd>*nDNx`Bd}c{E$fL8NB=`Xu(8)j&F@|w` zlTwef1T?|zXhO|2w_D!F_~ggD7-QhT4@G8K=k|r0niTl%rDr7VOt#lfAi%6no~e~(rgv5j+Sfy zqb11(8e{_}1G8g49LF?K+pQW~$m;c#KFgwrJw&jdd4c=z1u)~wzw1nZ6gZ|a5$ zt5xb;yesE57lW5*D*S9=%d#GNtA;v?Phe&TGRY&s$$nU`H*KyvO0yz=OVZ(?iaX2)akl-Q5 zhl;w`)Gt~#Pz`edmY9|$Dw`*Kpo&NdEsvf=fhGIN8-o4rrURe9ZttgVpSpYMo@;h} z_#%~R`>*@_flX7le`@bF_e@>%VWOQEfOmcYw$)zYGRz+#$}tq+D1<@d57-LWkq<;v z;XMH#MGm;A-uNhZDmN=}5!1(H$d{8le#4qj2jk_S1!34DS}l!74uA3*xsk&oqg)~{ z1{~ZlVNFzkH=_g0j?Oqxi;E_gZ^|bSmLW-K2lSW&qKs$^QB$IO&);@X3+Z|^f@}kd zq;}{*P&aMN(ey5f?S`rYzi$f`G3x%#)UXMMYokM!VlJEPNJ!)zZi`~f>e4hWw1l~A?+yT=_;`3JFeZt3uPYI6-|Bvv; z!k-A=6#fF#mSb#{+L)VzSiqgLNGKqTYpeo!fG8}qGQ>=dH3^X$L+A|H6?J+o4|&EN zqDTnpUtd#)L`<|ATn`;hVT`Sar3Jqv*J8Rt2^Jq*0oN?kx#)WQk=LuRq4;K^2}WWy zhn+xEZI&-%bIc=?9f>g>{Utff`$r>CST-M*e ztb2HP_$vHER6?E<1Ge*7?$6l-SD>EJe4=ULOD8BpJRrfOITaCLmd|PGT^v7*Dtfph z3QO={tP_!;=$xPnBQT_sc%6yM!qJd;;%<(ru+=dgJ_I3=A%FtM!HRyugd~7q3Kk4$ z9QP@}C+|7<9?VFp>`g*m!+hB>vuygd>1CBmn2^!5psHq7HK=|2RuQIbUAfg9H98eI&r6-g z=pV&6F^-vc>|8OueEIZ>`V}kntm^*=OVH-|xLsI|Nv{S;MmK?%oE5c8=tcE)0&yqF z(DynawzC9b(=$5=edvC69;98eW!dI zH>%N~`d!rwn(CD11W^b2G^1fJ$u{kL29&+UXE3ADql>UBKfdwU*=Uu|OddCtTNQ*U z0b^UCs(_|Mq36s`;BR(6&=hz!7U+EB4A&AislnI+8ykY?$qkMw*?mb6t?^oF0}tQi z;;DaZiETg&x}sHQyCX&uSXT%HuXOE9C(I!=%UH98$4SopbBXn-` zLW<}{F>m+)#_drbKpW(b+xyR2T7Ig+wQV&G#T-Cgva`T4@^8PMo#o$UoQZSqWXaKjo;T7xmCkjDpvkWq{DewoA++~Z!0QO`lKulthGj@pUI~w=7B3zS)kCLyBr_qI^v+ zIKX?yTe0toem`I)h{IIDX6D0|IAv`-#a9#~1^o|sso;My&GD07^0;XC!Sa0;{3`%V zYuW?2xF?k>Ud3$^z$O!$A3^on({nyq+P%CjSaS4`qlRRVSl4#zXzSdK?;zt#7!elS zGGm*YFoZ0P+dpP`-@@efDmMYW+O)Z$v+!xh;iH7Ywy0?_MyNY?f_A;Oa!Xu4+g|Qd z)H1@jd_%day{oOv=MrDc`R({-YvMp07AtZqD#i_m1F_ScVTU+WelIX;c1h!brjHIg zWXCDh0r%X2!%lMEr3cTZt@en#cZi79`W+sdbTsylgVWCTq)m^E%*2Nx6LvcmPxuPC?y?{juZ~a zWbeslGLLq4?VikJFfQlY1zY8Oo61c~3&cvYb;GV;`?eyIR-2Bsq_O1GR%1@*IB8Jf za;(a$X=Z0T$$f@~idTxqOI~ioZ`2pyJwy{9p`9?6TT1SI9OHz?Uc59=io@3%c^O)I zk|$)L)0`V2zaCh@&Cqs!1Jd}1gx@7;2eK<*V!!A767^-B7JRcvJ&Pl_j~cH*kg=bl z1Zxlfv`zo5G94-583B9Z42I?`4F%dyQPkyg>|?K0KRrD?Rdk#>kZ?e7h2zCy<3zEz z=crSkDo&wtvRJIo%*+;xPN6VeEWX0OIQsO|?n7j6p~XP4$WZ09RW*LLaNC$F){)7p zFtrEgdD5vnvr|)a`r^?&v$LBH%?uUqDoz)7;*xvzY}&+5V5fg>x&SqyLt?|?Fu3B~A+Ee%$lpaHeVH)Gt6b%CoW4J6FEL7%S7BGA$BuWU( zg4Pw#5Fd?o!c}BDD9cJLtRr3uYDhpsf(S|1pvsw=E(Ng}f-M#NShpQTmV>sWxE^-e zNR}gsaaR_DHl94hA|-4A)(1!`0V92x{RQme24qY?lH3de?6~4--H@5^MEdanM5&e7 z2yhlRwrTks{A>V3v!@g#Pz)d>q!bK14m~Xl_g}?&+$|)djh6y$AnCl6|0ZIV9Fx5Z zVPJHuQVa&Z3^Z8^+MQo+eEO;Ui_v7j4KgR1EF$~?*f+kyLHH;~A=4z_KQj)AW+Uu? zmm^2vyFu5Q5p0O&hs>fuiz{=ywn?iv%2uwU8s?m)*yF{?77UfC+*0l^ay7q>M@5jB z=*vfH>qz+F)Il7{!ZLRn4Vo%W!(I*r;!Xmdih74BF401PLP-wjp+Uzaq zCzecp#&i-9BW$Tj*$XCZBY56hw`{UwMu$eh&p3rK5V!4ks1ql$qJaobY1+1H1A#+1 zpTK4LelduFp{ku>r&KFBfk3hcYS}{B!akR0UReYA=De5l3gQ>#F>kDXqTMC-w>OV0 zUAnZmY}vAr&3!A`%68+;^Y4fzV7Rp3|c7IsjQmt;O#siH0jo5C3($@++$C1PdB`kD ze;hb{%>)}G5s1w{@!6$k`Dle7-`@XAdodxAoF4<;|qkaF9&GhwT7tQcew! z*7l?tsMM37l&_aoLx!0Oc{Sh~4pc=Sxd&-Aa2Bu;&NDR75N1WXOc=97ErE;~zz`{|MpzDq0|4+$%LYIwVL-rT zc`mVrD)Yn|QaTtSHyS8r5~U3iu{KnuBee$MxQc_&H{j91KtKvu`b;wm*t{%mf!5~W zfq@7MaB%LV2hQ6buU3wM!LI}mra@)$1J~-QFRk9Qdv?#p;#>sVi`s{c;mv(TKaMRE zKDc^z_m(5kziN+YOLtwQnx77?ytL9D+s3m(V?OPHj9WoFNb4xi3EZki(}@TKNCLnO z4FW_{E|(B$f)rKR5#mRUSwsr4%gJf+a`dD4hv5PHE9e*TauTnvVA>x9f{%ku&6dzB ze&ywa*S@4EClT}b1}yfC{1{KE@3 z?t~ra5}hLR8=uh4&lpC*Fs71G3?qbsBfidwC%E^I3lWFX$uZ|i(k-4O4fto#DCY5Q zV4swSqXbVHA?kv0q0{Ev^@hOODI^(nz81_CIxmN0f9G~m)zl~JT-}BG3#GPRk7w-; z`#J73dp0D(RF*6tIs`}h%R(mp9FEU;&&4yRTK=U_b}fBQ*TqmInmVt8+3I32BQEO4$z^*nuu>N;6<%GX)}}!p`8)UXG<$W@m|3DC=LjStH5zXLMMGVggon7 z#{Rjh&zzMz>C5e`kR>65eNa_b&}hpmfG!(PEs6&Lyw}YA)`}FT80~XLBDeIbRv*+5 zE#4x1E&FY&WgpHPYEU(onOGWmLfXEE#s1NJel$M|H7kkaf>GX-Rzg5#=}{P+^hn@V zMBHK#c^{6=j}AvSA*RqtKDn^rB4Xp7ME;$V@JT>#6-%o`8wn5Nwzx{nLr71H-N0@% zF!W)JE;ejRnP}z9UHyBTg}yt2qNLmKaIIV)RHBeZDldq}(erBG=oXFJ&a3@N_xcgT z2_p#qrjcky0V^W;#K63J1@q2^ZzO!9qKgm-f-iG-{!Zh-Tj>V!)D3FNuUwj%plVo%nMzITaS_(hUX4!dP&C?*7CW) ztGGn#&y8s~U-tKRH=d#;BB*BJy!cH*mxvy4PhYsNV=@v&k!ai8*>nU3{owT%+5jPG zx?*ix7xLfuzhoy`C#H)O-SE^@*loOm13{g%y*S#kH*(_*Kf#V>MQgWz(v6D_r>pos zC0lz-j-tG9%h9V>K>Iv9I~;I&h>8E3cd2l(+s4k^Ca1o)hm^0DLFs{Na9G z@oN$N>!Lg}t-0Tt=fydEo*P1G_(KpJlB;>F$aV@_8-Y1+T$_+^2!%j!V^`hv513dK z%-*1^7-l%C!}oVfE)BJq0x_-bWG2&@w#1YJ=SEcur+Yg_C)ZR9k$7fuTVb-DwEm`t zG#Q8*3dXFf)-UNDMTRl}^qu8QcRAtiLlz&~4S1!by%tennx}7B)4Li3WFf6TcU(|= znuWIV0*c=_Vbl$L5BaP1hJDX4o@;$^z4`oM^h%kv7-i@fz|Gu!3$#{kvP90*!4Y8s zBoEAZGd-a{0ONcFg5nUPz(Me!Jx+}5xNagTpld&7BSRC5N>O-ALC=j!ZhPjjS7wM$ z(_$oU^Sm|3;nu#p1eAhu6Ra~tTZ*2Qk_@qEN#uTc0l8no(A5jj)+dBbpgAyOwq;6O zP8Kd|o=5%+B#@JH<}xa-y3&Aq?j;>8L~V6zP84AzP&!i1 z;5ZeQHjXSv{KCRFUIr&nKIm7$LLy4(n={D{OC|jy6TB3jXHYhvWUO2=a?IPc37Q5r zF5S7E#TKQ20lja<=Lxl0ftnaDFno}zh8!Jb(pKm80**&(=1zs=03;-lmF=h%)a12mWfeKO zY~UK3x4=^%q_6_B0*ct1Mf zBCOMrGg&x8Ff|B&7q~CDG31R^c3DAHX}iv*&HiZB4)fcn>752&OTp zIg-UfZpZK@QXijSJX0&DVSq=;m%@$2$7)gRgFHf^wNwW!JcqChK0Ig}gM?f&xMKz$ zGdpc{_jm&VV27HbJH>$^*!UVhEILS-i1^sScn`88DZ~F!>x+kVqdtzD6KFd6i`*@u zPI9~+Gi0~Fwz>dgpH`?d+cpysIL9Pne+z#vEu2HnkYrdxG{@g|#e<1FwYjKEM77yv{_&MUpc5acmxU{*oB!LPF z#^Stj>+xE%13-+xrNK6M>+pP9`XS<8Uo+3EN0wVWa^g$e6(3nT7Fu91I~P{e-b7sZ zB)n~)pV3m$FW~`Lh`mybT|5Gdw%>fHIH`Jwcz{SaixRRbk}o39P}dffMgAs7gdz4{ zpyR{e1QQz%kZx$sK;N|7msu2kC1#sv$&KW9!ouG)q2g%YoFYGymKO?K)WJ87ocSet zKkSx8XbI%)OI9w@aS5@6G{ntYzN$bTzqm4KkFaIIjbKzSr+UfGxpfr>j=tvI2S8d67-_X#|pABL$)RPM*qi{Fs=_(D1L#*d~H(LDGKp$^Q zOTY8;aGfQ=0jY*xS-!eJiusWGHf6S5c6na?#Voh~l3!H}zSTFtmJO?npFT_hoxYR1 zL?BseO0$rt+qSghT3mY_UFAyQTD;}ww*S+*N}FQxzh6<=!c&NJ{hv`&YTOt9qB#|2 zPDx=rMrQ^wIxw6RAzhFbPV$A16d-DbJ*>k`^4Kvw64xKLPKnqKd$f((hY4cTH__SFCCBld*8YaB29tR}eYCzkZtJ_Tlp+&!l__-;E`NOdG*qB4jGY z{*b)`twE!ZStmCv!30@kU%6j()RE*3p%A->?Q5J2g|1JGqUu4+t@(EMksowR6MB2Rv&jJZP6%ULe}qV=(Muam%xokasOxf>P7CFI=#UA!tBj11mzP?FHMy z0lii{(D<6a3lhbmeI9=Xx@`oI&evdX(gU(r3Ncv!&oB~gnDBnw^L74s=3d|6rX(|CoIysskA^cCJ%(>MZaic?wRkwUj|oC%=Eg)TX;m{C zxCwo>{38C94@V@w<*-B31A^zfUB(qCs8Zmxm@5l)Ll4OGSyyPy9KQBJlZBUQP7Pd= zW=H$Q?&Q1vOIt48h1cWxbXweRWs2Z*qn57lgDI(QuE3?83PbP)G9Df>YyyTR^c za(6Sc!Ji|e0U^AzxbA#jEUu{&4%d!$5f10$Zteb5gBPPOX$xzJKaR zeE-xU$2W+|wCHXt!(E+i`KAHMK!s!wa{MeIPDuL{4D}Eq$WxWOr$UHuDEHqaCctUP z3KY`{yZ7SkM2k@Yh0`xMO_FCCiD7NYiV)d;g0y}tSPcLo9Ab5HdTL8t^knM*_lp1- zbqF?o4x@P-nB)ZN)iLB5KZ_$2G3tCX1NqsUyR799_BRjQ`{LqU?jv=gc{a9P`}RkBOKX$e>NX7oN2kRJ;Ra4XXahlpa9Rk z>m)NjkBjqeRp1zaHOZ-pjE${X{32oK>SYLtz=FJgF*N*H+_QqrJC~{W;)oT$PcQ|| zjn;K2Bh(u3X)a#!_c(V}!2Au4jh4mLka*^(Ma3s%@6{sR5TY*D=L&F{TCg2p01a*{Vs+i5 zH192c#%WVON*#HWlIOXR0CvV77Fn1mao2=~LH=p%ZdJ6-Jqfr(8}y^f#IWSJrj(WF;0wZDgHK6iotE)e0@ z&=B8*w)f_BIrJNbz?q-p8QslkWIs^(EkLaf32zrZApFkR`UBnsLWo2QO3h=trFiFo zS1;Pf!)E6X&iWG4e8u9k!EU5bBGWIF`l5| zCkO(5XJh7_ex3%5NlMi4PHXAHR1Gh5#Aat>U+r+4?=N%N(%>pUH^|tqDhSz(uKyIS z-vuuo-&zA;kQ}CJ7y%G~@vbj8hQb_<$A%hU6>k`+3|Yc&HNe%*!pKZ^VBC*Nh_&qPXq&47dGGkq3fpcu9ie+uJv}Kb+I@I5P}n)Sxk%AOfWn5MfN^d+=dJuP&3G3=c(g-@ zG{{HqVm_0-$u!;tc}YEVNJV(hyBN{!IX>P!f8KIlL%5vRbTcNPg_G=-WA<7if|HZx;;OC=n(wEqNAf&pi39X`$70q0l`_pe0;f1+Ao~GAlcTvYTO$`^j|d( zO_EGAE=CF>1aVd0Yn;2a9QK^vXb~?JD@X;_mx*S3)@UUqKah*&`g8eawINZJK1Q$un71)q*NeRSrB0_S(mRBpU8(IID_KMao%;09{{7Cq;`q7LGH6AmG9tRy@0xOQ|ZLMb+X! z;D8DMw4@Y>h?iv`U9QSL5nK}6;+RfMQImQm3)u_2*i|{h?u&*NX?^eVPUxnznTfy_V*Fn3s1Ly4~Zo4>hA7Ypxq~T46YK~q4 zB^t zyov|j3tTn_d*O;UH_O*KvPDOk_C)JJ^4~AC@89c3Y}~`~HJ+Z#+-sY#Zs6rYlQ<)+ z8nA?zJDZXXCBdQ#ZzRRut#SDV$CGD(<^P(-Yf>n{jpp#0tk_A06$&aE6-p zeIon!*U45#xYgxn{+4~3eUvaK&7H?As*YUa{(;ny~RhgrzX6Li^XsuwlpNK!-VGc zA)f?r`_RG!gb#o=%#y@BtKpqm`YHZvs75oWZ($3(f9Kmxd8?OF2I0k660k$`Ehn&$ z21|LOqAdhu4rk)IHR^;KfYm_VAlo!apyTECyJ&xF+H;Rk`yL_DoC$PaNO^|Lfj605 zCPEa=RLpRa!C)c=v)60C9w!dJS4a~0FCAL{1FP9x6u_f0=?d z!(nqowGeC`7YEk?69X)+?pnq?j+$c^N6q65`xv3^w6h)EVFIEXtX=@ec!gIleiT|U zz!2-AvSk-Ep61y4!hKBjcjC4oBeve5reXffy>%w;Q*}<$=aR-lxMtnlN`V*9!Fz`M zXy_aZV>inbGNRrk(21Xu!*y7d^U;18%gHePCxXC;YwlH?nY6fsl@v(})Qe;5uHoY3Tb+;gA@GjW(uR@-mIVrtN;!>Voke7Gkbx6CVGNdYGvny#3b-656ujY|r z8r68`B^K2ZenFeG#6hZtBym{K8{tsn`a5ZZ_OL6y`rh|`^}RPDhp@6r>{HoPZjCOk zQc}*6Om2#OyRDpRJLXs_9tfG+a`9x>fe_w<8^63O89z2(n%`Z-+28wB%?R{X3T`qz z%s!ecRC)t(gAJ#TwH43I9fp|eDkq4fE&0IYAdl6o7A;RK^8k%Qk2T$6zku)r4y-0#A+E%GZJar zqFAbln%cSX;$JUd$Kpxb_VTbDWEm(_G`(|UCt@&aB_v^ivWD;orCdeY4GGsqE>Us3 z4CIxq|MfzA?#a;g*7<=xOt@Fr$qunW{_L72vL=4q#N0WF(OBpCgz;W*0pYvnx0O$y zRpaknsH@v;Q~(p+9jmwA{rw?$0=&)F%Abdqz%P)QzD*amAy+5q%}Wj?1;L{co3`Wn z!aS0sl=yih5!U9xTtFH%TqDxVgHKtp4V66H3!k~@5@f><_d{tO$SWmnO;0wO>0_i) z`>#W2Jnk#f>!t2sWN?ib4J1OM67F=;1yY`iU0HdPXpf|P#kwnlCX+5OkDb&(1Ais- z1W76|fqhJ+{N|AqiQXfg=za5eN-Yt&mjdbTjf^csR%jk4g#hHkJ1J78UZIypSBbFF zKYyJiRA0O}B}cA2o?1?`F`xwH_}Hf>u3cS7MLSbzE0u9qElKK2rwdNFJ09!Hx~?&j z9$Re%)?5%AxnS?GA;(gd9L9dttI#XL>IXi%BSICN}8_tZ;8TgrWyWz+}lFCSQppF zU(YUvT>HL1)SQgiCNCnJ135|Z+iud^In&SLz!Bdr2G*|Vedn-@-PO$N0MnRl!7zrG zgaDCj7oEnqE({5wWg7DhWt&<;!ZXA}+AL!p1=OA_ip0-DbRcI3Z0kCh;go$a9;K#vAZX+*MK|AeC`mBXKtG3N9`;VXfon3 z$s2cMjQbNqFooFN4FS}b`w`(oxsMUxb6eB)M;;n}Ci&Ywi!R$kreq#5w42f+D60{~ z4jY=Eww{maRvs5_r75=X0mwh(#5fn2gc}FhtwYv_hjXpvlS;3XL4y#e>C9!^zzA!e zzP|X?K*-s0J=p5>nwFgsa+chsza!CDJpm{OS zix**Ad>?Gg0_D5({gxJy3*YWW?`*-7N1O3F^AKTIz+nU=a9KbT^5W8M+m?=QfmRL5 zfCYJ~Xd|2YHXb;@rrI8XFH+~Xzh(QXVT1)B$+9N*t|?C617Aqc(`{#d%svA;whm)I z#=R@ZHx;@O9xs^`JXNa#HUt6Ve>IS;xQinx$du!a{74*KhTqMoralXB&rTGPhbtb} z5v`w!==9z|L;D7{5cMhBh4_$Wcp11pAzhfk9@3dTV&59;!t0_nt-~v55{}cuh`vl6 zC=PlZP!jQ`axu$Hz40RqFXZk`X$s!O)CZ3mRbd~+%ZqU<3wScUQI?P5xiR7MuIB9Z z!6RCNSm#@UR4q4NY1tfGM(_`}0=WY1;avxKR2O2j_Vd@j`J%xe%*S#0aa{|exfbZ8 z2~gGcyeo^5fH%epS`9ogHz;2NC-57$c$D&AosAC!(2vJpXm|zMV;OP(+u)mZi|}6H zbRQK?3Qr)nAnXEMuk#?e$_=p^Ht~CG!O%mFqqR3YTN%bL-UihQ8LFkkVv402A*%qN0G=Qa zS*&2$L5SI2&5Usur5N6mGW3Rr-w6v4{mfsv4%|NB{^_sEaNh>kMz%;u+)^YK>rzd7 z{_3{5@ao9oq(2nJ=aUggtWbNlB2k74k9)*Jbl@NSU#Hlg0Ye)c2*HQY7#M^HTG~Il z`+%a&z1 z9%4C`oj7)g6KAxY*s?9#a%9Po`LL))AM-a=pOZoS_o^ zC`XvzU?{sXwf>I3*HU(M7AM}HN!ZMvrHh66FaB~!!h-MR)3O@EBsd6M|5d@#^DpTd z#q`fo#rD_vBf(T4GkX7TYmo@!t>%37Ys=rk!WLrb_{AdPw=9-`cS_*2+_m<3^@mq4>S2L?u(yepWPU&uB`h^SB-=^+|&h-zcu_JM)+Vpq}N-c63}5umJtOoiIshHYtA1A~dgR*w!8 zyEun;_^v^Zw_5C*CA^QJm?4#Q3`L@hR_vLJX@xQUB59E)e{oW;T!y*M%s$$J>a z%L&gWI1A?9(F|9@hlr0IBYR0yeb-G*0Rg6H}meQO65WS9{M7msTTtY^U`p? zcVk^4A|69$+j515Wdd)POEF7g@V++q>aOy726AAE>aH=BITu=s&?p(H@!D{1Xu zpGv}-!@8Bgk%KTy;6xO2%hPVc|;CJB@q3fU=V)7yM3La>NTYxNM zKqBDLKE1L)TaasTxU~z=N!9kyumsG;yMK7la6c>}&FJ9i@&FFMaw0$}Ae_X1*jz9u z>Hz?F322{oj$iTI#ftF=9&IL_l6y=DkelXj*TmVw<8!p4a#XEXr! zDYDfM5N{=Z(Un)u?CBGCVC)=-)zloetY02~*Rf-lrc?2OWmqUBVo@u!;pJo?4qs2y zA#$5g*{@c#;^G|Te`4i^kl)7D*@`S%9Yd4>9g1Kjc6-QgjodggvSL*mPgq1c52(pa z*Is+awSKD^bP`TB64tNpN?5m$@@Me-q2<<9NT97KHWpZZ_paZ%f~4V1Nz&+sn~`x4 zO-!UVn%*(Cz6I?)xr?LDnA8$p$GDqX!ZQUI9H;?D4}>DAOK4U@crcg1nkivwyWy!M zC@da0;u>MtDsRl#4sAJfh(kRUd_#aPT~3lBe_#XSfE}_Vcaa*0PXb`Fv7ZvCB2-vg zO8-=XCGl~t&{8P0h+>g5;t_jwmVm@RQ;}fy##!a zP)(3M3$nJ+M}LJc2!ic};nhZki#!s1Cm(v~L&s4t*qs-f;Buk3wwy=#uX~?Cr9S z!U9!TN0me3zLeDazkh4jbA@wDpjJ zhJ!H5nIW}upB>Ca+tND0r^0)YSh6GOwrDQ+>PR+L7t2oR&k@-Q^HY3&5%R7%U(VgO zZ|l~5TMZA+Qq4bRg^@fHIw5SS@yN1dIu?0B+g-f?=a^g;X-t(<{I-@}kf!+f?()rj z`L=w^l_UE{M)sd&vV<{vBS#LI%xMUE>2mhgH`Hk)W-=p&O>{CmfY_l27>n1LPQwp~ zXNywP53bz0b>;Jr(fmH&v#tBOP0N*fn`lc=+-P_}s8?1tZx4!yqkFV_^L0im79@a> zvb0E|47>>cZhRKg;_rioi}k2(?xEn&Agq&gW~fUOKw?VXz?MFz_pGFSRU0 zIl)RI6%-Ctj0sn%vP=+1zr=%=WnZF7*DqcLMpS6QeA6Ol zFT?IJX8T@FMf?ie&n(nN7~4-QK}!~fpj=}eiW%tt!|fFhA>>7*>3^su@o+F4H0g*P zBhgy9fY`x2Crq8h-(SDT9F!Du#!z%>ku_)%`o~y`PA{?sO;jvJzXyP8GaJcbEH+sB zL-H6Sx0a+iz*$x1;ECUkvjB|HumqMz0Z`H~76!x`l?1kJrfhf!LJlt8!AgI6NF6*7 zDz)bFiAr+9Q2Ri0As#K|T1z1#g&57lVMcP<`UJTN`}=a?bSU50nVhUE^ROp-bhESEtiHoXvOfhL%=e1-fK&7iCr5N+vxIz16}M_c*rqwg zt+2Kt$}4M9>Iu2lW@?0pWbYK4{X7v(H)%%HZ|2VV#_8+sO`#QvoWbpI!2`s&+)R9| zomjzNOHPe3@#7U6QVpk3y(B6mFNB zIBK*D!-;7`c&J!P3e_#&n0uu4QrZQ<${!w(J9u{>?lcx_^Iv`R^yx=Ws}5Ujv6}Kd z?Oj)^XffYpZBY#ob#>Q!J=a5?I`1td^O=_Y?QOA+>-$>pGP<F|#Cu(>VyxH3 zc+u%c+q$q@OGMRh`|BfEvvoDLv=6KIcrL3IzFyxOw%hCWE4$nmOtstL-g2O?Y^#?& z*H?S$aE1=P`mgFw)SK|MYX(oD3(esS!7L!I3o~jF!NO*MaWpl(t|r!%DFQ`N$s6jb zZtyn0RMWr!{Kt6phAYA-%u!+i-Q3&OlcawQdA%fbcpDWu|C`GBZj5_l&<3srvg%k zBP|&y5L}DoXDV*$=-^sapLnvl!)I5Z)IXp-(4ZHE*%Ryvh^`~9l`wHo{+duJ1CJ81 zl0unsWIhhS{ZQFiblLAdHe?ZC7T+yvqkzSp0Aba`mOVwPuHar=fQz;P8r32$VtaYu z*kzXwqTdRWM9Z=+x_Xbm?eogAi{X8!<|0_|+X_opVv3OWcnY~TQYQ`sZ47AGeCeCe zD~90I*IIld@=QZ-imD4EHC)Eh#dPb+)`8Ih+`&Q-Xo`XD18V0hVr=nF@fLe$ES-+M zB1FS0<$;0nX9-#r34V6v$jD0h&iRa7li2@nCH6lFp~Ns!)7=sVLJmUA#308XK_V(K z?hnS}2jR#91@#!@^sV7oU~e?K7e0&8q7Z|gzkxV)zfPPwp$j(x+1Pgzu^oH1>M5s> z`Wi1e9X10ghBliBuR?LhwRp;j=?6-?E@GW2NgB|ty42QmWA_q{a|7h9WeSpAZw_|W ziLn>j&&J+EHIeFWD>ekyFXd0SDV1>?>Y5u?|7NjC+kJ(W=X)AY9$y%vPU1Q}k6i8v zxHjP?2hm0nolCXn2K|PnLQo@UokQGj%&)ppO^Zm?!gSZnFVILdFPRicFgu_Re}5O_ z9uPtURh{3VFxRezU{Z7cQ2hLFkvTh6*eh%&q5TWV&nFA2RFJP{r>0iv^MKTSv9vbF zkiQ(*4`O(ghFO(Qb@lvX>ReWcs;p3)A5G?wY2M6b_G&oUm!&11jYY%r|4w27j5=ay zsQDvb#l#~P#w}QQwrVVh7HG`tuwY)Km2h|^24i@oFoA_7nHYJWQ;MS(S*5_1mamG4 zYiN_0(vdlMt+)UgavbwSXBuVlypbd@(v5{*l8<|oz1ddLO>OOD6iAXrFAzENbA*|| zW83A+FC(eEid%M{ZN*4bwKmdR7mcTi5;B^fL=$>?2wcQ10W^DJ^X*%pN|ov z{3GG;-i#1<>${P$M4lBD$+I2reJ^y^W#~mdk8P37ZXj}NDLh>29&Q(#VooS%E|#3& zhMZ*KkhtlH<>^NC!`<7OH*9F$wmWBw{-*P8$tQXX$Tk?h_0~Wj;vc#tVBh`H(6(}U z+t7v^gUWADgNU!WJ&2ja=qMHh_U+gB1GYzY5{BAJR`GxLaEgGKC5Np0%PSta0wtrN z-nKn*#Us7rgTS(z_vBsJnEa~mW4_-2mb=-A9Kh>-t`sLSnF|w~h_Us86epg%CT^ya zu5Kr@N%f+V*Q9!}t`vq85>p1CD$FCuBTJ!XaAdym-pz_PQY3NnITfUz6)3 z9FD+F)@C~)oxp;0Cxl7-%JoyRY{#L^%i`_1y1Mx0-rne`_wT>|SeXB6`sdGlQb&r^ zMR`xMDZ=D0$b91WFU)*`aT(d8YjdB}mlkF|Q7XOdbsfb_tF@u~U~9&{^>+Wt{>|+x zbx*_lgva0%xX!kzviY``_5O5Yvr8@~as{~tsahvc%{>P0;{-GZ2*d!4 zrjwU%vwF#6Unh2pFy-x-SGp0|CCC6aDh=1V8QQb~DyiG9@q}SV8HcRm<1*eV-{kcd z7u75z2!j_5GQ^Q9wfQNY;o>QNYElwE-sAX-!wuadp5pk6<28P_g066R@i4RKSgxpN z#coAC=vb|I-z}^#Gb5UniVLzu(CCOFALsk(TasNXkJ+j5pob&gz5|u zx|ufDcR6_>#2(~I>_JwDJ;<<-#~fiT%n4^RRN=o#JTL;?x#8_@SZEC5*Ky{aLw9L` zW09_IAuxQnl*9K#Le5!e%fEU5U;NM2*O_Wb;;O_eQqUl3tJu71% z;?Vx30_z7VafW(`C9+52os&BaPC&?~uz2%!uSLbC#exPOR>m>NptST(%ig$>(clUSGa(pq*4ZoJIL% zoecy5dqHSvnizgsNKuJ+dZFy=LEldJ2Fah`(RIk`IC>7@2rgDRNvy?{s5^$8Y#|}i zK4ctS$JB*Y8Cu<;o`7RH0x&2oasX2<-W#LE9em6F5V#)#d)kNgev!Ke2_xjvlTcW*N^U*Vb>;6GOSRU5{Oewc4UttNrj$5f~)-qoQx+c$IG`zGLd_Yx7jXUqzzAU+LWg zuO+R7v6>V9yL$dsqMm3xY(kYt9Shibfw-NIv09=NY7W3tYukJV78c=UzeU=4wg~4W zhf*@oy^hc%oKxh@exr(~3z0yq5KlLxQh0XtC6bMqL}8iAMVs66>9yg|=KQ+mKrkDR zUDO!Jbj6#4-A$jt3=M?T-kiVs)E$FY+TYJv#m!qVb- zg=>RcLWpEb2{OQwntlO&BCXIEEol-(<;bWW=F}1b1~X=&+Vjs)DEy@=k=z@%J`>f{ z$qKR*k!30_>9+7Uck)w(i=?+gs^=$NJMmkP?TM{IGLc7|hyFerpiM6F8bfnr5Gfun zj35+Fngm#xtR%yVg`jXCaH36EI0VCFr`IG-&?aS9I1GV91bKQMst+cxUf1+Zi1(x+ zaI%R@I}LH;r8#e@(wr6;0{bbPPH-lWMKKG;qOrzEzOG~?sK#ObVKkdi8pWzsV#$vPH^BxKpu*0FuEH{3ka?c%Z1iQcY@Lt1ND zjjTr^j*2wPa4Z~dua$9nza)y1^OFxr6D5*LoXFnm@+^zfO%FS@W8q=aP&qzjQx#t? ziRMs~a2njCDmIj@e9J=*u?uwtHGOMFGaGRSNEOU3B`_c0tqavXsI(-h~{!D zuiDUlZa?wgckdP9NFtd|63pKUWs?!VziG{A=WakraA5DNKUIIO-hv%cpZ2vHh6cC?J#soQ9T|>l`y%szZ`8LH);4w7!IlVw|ps@IGiex zoi6&NSaWP&Opy$*luoN#*fc4>|8Rox7`RR9`Temczr+#cxw9|UykF{<()82v1z!CL zF~#4CRtnui=iu-l-4P^*trLHTv`Ab?0BC=00uBp?Ja{0q8VQ~TZv8n3OCYKWVG8)$ zjJ!qivr1Sewt`R)<$mP3UFteefnXkCf%u2D$nOb|LakXqTlePneVHdKCO@;r;@IRGoJ z;Bl*i?}#5m#5WMfJzVrl@sOkfyIWs2{K=o&=S1v$-}cAne6 z@~VwxH{j!KN_lx_d;F<$<&9UZ-0$Y(dW8E`F8Uq`h#@&Mf296Iy%P&Xk)}h{iY7x$ z)4*2jIyqtxIy$H)3AXAkb;&A{ct$TE*h^}&B{leQM}%_vp^*9z(gVm6za7OPDUwDK z8VwY#>5ax$`BT8Qg*+y(Y~vS&Pfp~OJJ^K|He&gbDS-~Kfo}pA6^&Fs?)F>@9<(ZaT|qQ*!@`dloffu|pjpAd#qOV% z(|d^pOBYag6}G{{4GSs4Hiw4`l?ydI+_lQ;5O%Wz(Pm>-PLgcnV@W^m$w!}$~$h$HAh z!4SVP|DO^VSu!|dTedjK^TPS@$QZks4! z2|G4Y;@S3L^bo#IOvZ4}p*lNB z2?w=ROm%d$ERTom!rDxhBR4ZtutV{_=8g_T7!edbMYgqn8;3jxJqgnTD+-1B0|%bx z#lvX~&QyAs_v*B36b+@J2d(rFMQoa!{~PAz(u4UAL)}3dqsI0R_ab3!MfC^8m$FmE zj=ttBjyIVA`bmBRnMkyb_zKbmI|a>+ny?klqIVdjAbp@GejK_c9R9b819HNpyI26u zqJsXy7mJB4*8YwnU#>X6SqSlo!V${Z0LIGJnAdLV%NDxCdUgu4SqC9_%xkNrwSCQE zSX=6?w=lW&;CrE0&}5K1MyPV3P{Qu{i?a=7h*yzx;nf6d! zYgc|~*RG-7OA>DtjfNN(F31o2%IeKy_m6E}9nZCt;=4}nTGiF(#_K{WD;kl|2xjD* zJ+6M`7s-9gkzQ53n8k5PxWRQ7$bBoF74-{8R7ELsf#kPdwk8_+4_84WIMRDQ*Ncyt zyEf?jfD)EX?{v0gd0|X#2Wal>4~6>C!^ChbnEy{v&^{=VO#?EY>A6L7 zNj39(0s38rp>-U{Uvw&z1@t>yw>MVuBKrNu7W8{HYO*+Hd*uz@vriLRGMBCax3h{r zirV*xm(t`Z3Ceu8qh9-yh3Yln#m#3KgL-MN#I@I=e&|rKvURUTRH_e!oxy~JnB_s|sM1)*=9Q z$}2UfOI*o}_UzCkAE%j|hn@Ug`2U%6=N@Yy_**1K@RIp;Vg5u22S=QD92iGBI_4kj z=y>FS{`U>@O-;JcJ9ZQyJ4!a zu~Gh`iC%|q^>fgvX064xYA1T?16XF(L`Q6McqG|+k{!ZO0>;YNz4q1-6C_=3;%Qbb z-9ru|qZt|@s@lstT~$s@9npb7B|y#mr{puDzb|$F)2M!&#N=0LG9Hher?uD4NBQJj zO{o!MS7Sb>sKl=r_EvsRQJ_`YIvzb%u2b6XRgzngxK@mkyts2|-q8VB2d6uykk)60 zYk0@+d*ZfvW4L)4$dl)d=T@61x(zJ;|HD|)JBv#YjBhiBog{@4{bV*Fhg@nTwFfhP;Na_&H(~L05~& zUq>q{k?obGK(oDJhbgx|I7gqc>}6P_2C|7@U|E9PyU2sTZrKEzBOz%ZS4d`5b5uPV!Qb%FMM04)KS?|h z2fb!YBqZ7#=n@p^GuXLuFk7LzcogAM8k4dpqCvd+kqZS1iIhK>NH4P#+3D(4q%PW^ z*vC~ljO-qtI=`gFQR^aw6BJffzVnDu`n33Dr532D{Y%M9Ue+>_oR*r1zu-FJi;C@n z_zSM$tho};-D&Z+7wcFd-Cgc#k(J|X-2Z=le!o`gVg*{zz91YzvG9Q<%Fam@tVN4O zZ7Ipg6^rofqB03(>OPJGhi;F`PZ!0~RNq2@ub<|Y^8EspHBNSQ1NlrZ4COD~0)Ai>h_e==^ihbGCgs z{(C`E1H{9LAjgTTlYiw|8%v{CPXG zKO1R{$h9GX`M~K*XsL>tUOmwqYK@L=v|H_lgxwVP8>biJ0Fw*))3Fx2Zd0_y-n?P{ zZn}Ix=5qeyslsnh=7O2I{i#%M!bVoTN0vo3)ytp%iG^u8=1+9qL?ru(Z>(@1DWn$I zzevQ}#gfskEmn&3WW|)V#cGFNpxfkP)Q0VSwHfKY74_FAJKtAqy)0@iOX4=sdXT)$ z@WMSe%HKe+$9vM<=a1aHuJ^+wzs;XVOB;Jq%K~bwS3aQ$UAs?WvFE^B=ePBIhANKcCvQWSifS=@|t$WBGl2M4NZQY^91%?E7NTJ3*i?WV6TnkORRP=;)r0*p(8vC zAtJPI)_1jfN%f0gZYLD4mNH?|t_@~H;uKc>jTqi<=$n59f_C55#qNF}bI7Bd%thFz9{$g<%fW8|t$4YhwPowL|^U zRA(j?2xRLUiQ1+531_(W!G$pnN799k!D2AZ4jGDBp+s~Up7U+(b-|rOt@X){<2>4% zD}+bliT!Q#FX)jEr_eQ&m&#AtS)~xyIEdFpz%^tPp19(sL{f-T+VAKFo#oLBS|{18 z`WBU(U+IIpR|WSDz;#^BntR>!*q@8Nw2k9H1ucu&xCc!m)pA@5DmAY5ZrSPvEgXKW z$ct)!)yplm%4}=1#TQ1v*Wd=E)x=?}<=K!FJGsa-R)plP@NCYtCcN9qJFy%gM+@A; zQ}Vg+8rql}==y|YzDm>2S4rRi-mdX*gKvZSTWo#mv0fVn@?edSyJ~B>Can|FvqjM` zBI=6qPbm+d=MWswBBi|V)m-AKWb&y5e_qZ%R=(a+zq=-W61rB5d|vvp3wcqAcF3os|fc!pDX4&^tzkBy0$r4eMKS zd~`Qrq^kB^=L%9>t?{*?o41T2T-tJT=wsT@^<(P!ihKsE0Y_?c@wJGQuDw_@7dCcL z5^w1T`mFHdJs*Pt@a2XJ;ZmV{Xp1s``#;6MXTHlnb$#h^m3_SKUBA=z6)XRhwqNt| zAs3)ek>@f7k2&Q6`gC0A)2aYqF@3sNNoe_Ahy3`n*as~a*$vSHOnekbN-G8?$%Plvg+EysrEv7xjfQC zOw*24?a5M?MPiwTuD!Q@!|Ghg17ggQMwJ^w@d$71k40nk*%a2ptjjrHR-IE*tVttK ze38Zq@cOX!5M$br21SR^Wt6btGa^o{xoHfkMHKLujsJhv&bfq5F!D)Ll7-3v6r@~@ zyz0Yh&S!U4{aV>h{oYc2jEK9d;PyUWLH)J51*|0$hNuepaan`X&^qyO7Rf6+scQ&> zegqN{WC%J#ltM^Ln^ZUcYM2lcO&V$_zI&jdJI#)=ni|$0&k}bu{%D-v?8nw$mxy#S zaR(73L=NHx(aql*SEl2UkE?KNc4K`wknBC$IE;U=>QC8`TkU%LR$?%&>msn9pZVX0 zg-CFl6x|maOltvXQS+6t^RO=h|V!9`dkQXWl zaR^ye(hGgXu1Y5R&{lC4Y83Xnwx!;rDWX)eyO`qHgAGEvTVwjsGkhiM8KYP&d`53c!HDuoeH-RfL2 zx~Zk}qEcHfZU=}U7%yf0%8rI|P1X~{XT)DAUs#*Pz+qJntX((?mh{`B>`6cIG*^@| zo0j*ga(#Wd?u8i7Db*HIo!#tb6^PXbo8p;hLwC#873IM~wz#3*Mwj9b!rKu92$e?I zw(4?(5xtRUG~rzXt4B*s-I>8OPhTS~SmagXuOEmEM7C#AiE!rP`nq4`U3KM$gZRAq z+4{?30cH1~6_I%9?%5+6t;!bIOuQF%f}@Y{y_!uto!~dC;!n%b@^t)}3F7SD!YOhR zCB(^CSpIxdiX3=#&x;wLE~qLKyzaC!c_IHq_fRXl^JvdSmnqX# z5?UU!52KqWc9u>t=t#?TbjA9*j+O0w%iH&s`PVr*YBV0dS6W`zy!?{Bd$DAdsEWMH zOXEuHl9duY-_^4qt9F-;5!S{GHNi7Pq}>f}2XrxKfFeMdtd%mZ2!C~#(=9T@ipcUo zp#rNB?py{t7WqrjSQ=Tk_^pH`puFg>f~M<(Lc9eCAHN`yJP#S&*q@0*OEs8$NaJu< zHWn7jy)vpHVKWGSAe@UE00I2PYzhH@XRe!OV*Z6jYu8nQruxQQw%oHS(6KyFSA5!Z zD4`PALDglGh5AT~y}ToyuS?p+7JqY#XHL7A&$Yy;)RuunXBI6o(P~*QUV>mbfOj?>jZp(sX3bWpou4gHXv?D6zk zB9gvpsKn#PAMAVq`8B*$Z4TaPxB?bTNS2f~3?Sk^Z-zFZRInF8P=sE=FhJu`_5cE# zu*7fRhr^8r`Qgl~u_F-kgsK@qjr9RW4Zx(FvC>4SM7Vh^@q}m{T&KRbb>%o#76kej zU%7R!--?8=BiQaO+>X70W&hdALSY5g#E3A&q+pvL6QCm2GTNY^xlarVhBBF0ESp&? z1_jGoI*0{@Jwc=t?i5?%ON>Q9603wKc+)=IB7>3iK3)WkmGe_{fWt2sP9LDipM%~y ziORq87q=lOVqmbO2?1+Swf~S9Y`tiAwEc(BIYVqzy>rDOzFQk*^ar?+FOvJIy;BSj zy(T{DBjr`4a%AhaOkF%3QZL4`WN(b15+-6=c63x74aeTjS{$=`+rlD25w ztv`3^&#xLTSomK_RS6@^*(9D8UOjAU6+a>^)3_Wc1=h8vqn_PC2b2GP#nDg_mx!Zb zEMjot-i?B@b%Of+k{m%2)H6rk_rRxA@UScyn?V>cY>yxeG_-4e7Fk`T6FLB;?ndP( zk$kbsM~HG4!T&_;-juz(L4r91bD~{cFJ7nX#r`2@I`%hYj$PXgp@`92Bv9W>aEP>I z+*n1%4P^8E;yIayHf#4SQ{RGTL4G$3N*1;hL{n_?v!{iq?H0?%uI`sy)+2j-eM1x5 zBT#B;Sarq6M^ZM71iLU91qqR_Ww4}7? znWZE|weySC+nrx95345>9#bjIm9{rz!a1{@nG`$1TEkB>U$3t%l+G+z$Fk==?pd!r zq+BupT)ECYM_&^6)6hQG{WQ2q1E6`;$2JM1><{v*p@~~DjC=z%vbUC{WV{P4yMlNm z3&|GJflndXhHC|I4`|yDLeCXc9OTGr!ekc+c|~wvs@i}w1o19B21#eEL>RsYj_XA7 zIt)k1ImGDY1FJzf%z<9Kcc3cp67I*|TYmsZR%C0uDH?Bxw%QvY_5*qsT&lnExSQa+eT0 zkF!nR}WScPMMJVN?!SwmrY+W!Ao3jb|7GK?LE|qQR{WtM(4Gr?FQnbBm3==21#$z>_yjz+L`{=$7bA%|0t9MQPnx`^0TM|UcWbIEWL#6^8d zoR!oYFVnFr_eWxq4)oxWQ3&mjO5*gk{wm^O?b&teIdO1OY8J2Xz`k&i zP+`bC!$}QCMbB%$qqg)Ev=0`7JUdj#@XGeVHW}$qh6;o28K%R6nh<%m+Q|R%`EOJlx&5slTJtneS9}xooMczSx-P@9FBl@*^L4 ziYJNLVTU5|p3NsVZ937|x3jNr=QUBN?MNJ84k!AXI?_$KR5p{$+aY+bOiKr}Dtpq^ znFpa?@Q{A(I7!O)nn992@EQ@4Z$#51k!DLPgqc|)D%)t4@Ij7g#m@n}=LC41ZM{pVIU-#EDc9G>c_xY&|FE^pSp zLaO}DoIh<$NTU95?y>{t_OHFJtMA|LaAMwSW-~>1SdazC~*9tlMuR7Nj zROJ_(Yd_v)&CYeemsXR`b&%^1JJ%tup9h*C=V_L_X3n+pwfgRIt}XpuQ^yaD`emm) z;A>TvJJ&(3-{4$_xc*ISq^EtSeRud~d=uCSpCFT7E4tGo%y27mn*lw~E4aSSH%W}w zqtrUZ{~1blQG1LlDL+LU6Z)=i+w|!>W+slGm}~7h(%ZUbVD&{STCbZNJ34V{Vy1Q1 ziLsf<)0C>mP1W~B`Bzcifd=;#b1ozUHHrMvQC>9+i|`h3@o&&*Ct zPqhvVtnMEe7@*|8Flj&w@+SHB>NA{?OZP1aa3>Dy>KrLKNz}DiAlUr0P_?B0o5hADbX3TU4uRBMN-G>QJ3Hhj)`r ztXD0^8F7UoV*+4mht!xltd6Lo zYFr&t$JGfnp-$pvGD)8ADK)K5t6SBKnpJb^jJi#oRky1<)Sc=sJVoE2eu;o8=hWTm z9`z=5uX?k(PrXImuO1+R>f6-Y)jQNX)w|TY)qB)~#MgPB`epTydcXRB`W5xCdPIFt z{i^zq`mlObeMEg!eN26vJob;PUsInTX6h%^Z;%P~zmcW&)9N?Xf5&|Gv+7A=a6N^* z^>gaC)Nd1$?(@We`GWdgIN{$@UqlY_2kJ}e%jm7YqMpTK^{eWSh`;hR^(X4<>QB}4 z*s=VX`XR;5qs{f<@P5nsyJCP(`!87_l)KAn;)z8#_s(JOQ<-;yP0)OBRZlN-^aE!B} zR?Lc931spqD{Wa@D7ZmY*4 zuQgF+R#+>oeruIAV6C>+ScBGDiy&Iou(jU0$l73Sv^H6rt&6d79I>`qmss1ZQER)k z!@AVE%-U&PZtb#mTUS`Gv#zxESXWtBTYIf*tZS|7tm~~CtQ)O;)_&`Nb(3|obh##` zZ1BYR*vwq;$cgbIx7c$Nr^XK+o0y!8%}gJ;WqeLwr%sGdo<2A;eP-&Y{vJ3nHgz;K z%VS4Q#BQ6OJi{}m&diNxPEAjZ-*ND?uBfXgk4_)q?$q2t-F)iQ^vt-Yq3~(Y1$Z)X z+r-iF=_6yOO!JcyvvYyNXC@CPbp6}LXXYl3j7>&$M|G7r1@vxKe@RqcGBBoTRU_N5)Q%M`n*q%+5~F%!bGB7(Y0D>{w!K&eNBqseXETW^QI|VlHvZ z_#KC*$7alkQ>Q1#?(kHO(bw^rG5wy*@tLvHCl1cudS;Bl$=n5J#!pY)5jQh#o=Tpc z7-tTcXw&7H@nbXNvnR~Wz#QF+@djo?-%d_WAD=!rF*Q3kM&qYKW}0GSlZVfoGBtu@ zlgvu=$mH}H)58c=^|LY0B7`R=4$q9u++oj+9d=qiI(>F(a(e8jd2^~Vb>F5qPoHAg-g^M08J1Zd-2;0P*wm%*!@%J5Q8Vos?}VF& zj?Rpo9iP$HiNj}RC#J?{%{;`-EFGPmtnQ3>WC&!MApBkGnJ&fvw(hY=6Z=z--dXwpOK0ZBtd~!VE0$e~wm-Y--KOE6j zXJ%&u$0laR4S<}QI5IOmJAG`9YqX$B)gW z^_tIRK^TnHEo* zF$OR4o^?crH%kS<45M8cl0Y0;HdGbqfQ4x2B;z~l8KqA(~n17d>3^f4{Q`N`#(4X z*rI~}Y0uq%+GBe{<#Gy+90(Nn?B>}C}#MCioALtr&OEj!+ zfXm$@C0Rin`cB-zS^7)N3{!U!EO~e~rJ+t1$@H>dDpU(h8wPMql_)r3*5KaiNg)GD zd7$a^Ov=oe!;>t~v^f@>V?zqf3}kCoMYoaC z%c;kzzsHVEPabt<$Z1rLov?!@Y__U7c;X9C+Y7YvoL{~@uSlT z{r+QgRVKr(47*^asd|v=Cj){&q8bkM_ozc90l87Z&<5E@$L8k7j+_ueGa;>3PT#O} z9^@K?rkgzxG6a;Z2@=5owvfl>J&;;6%$uf&bxFcKe9ZmvqZ4z{SqL~&zp~#KV4hSJ zg7k9^eiGd1+2|REtf;PS1&d0192FJR%l_2VmaZDn$2sGPR*#<08R)qqx1^lKap_n0 zWSN{k8`Xo?-EkLI25$gi?DXl$@l^BROWGmh=Q7W z5jsPkF=rg+A?8q*GDaJG;_Q9Man6?NC{0hzuuQ`SG&to`vP_!4oloO@P#8ssQCKAUx4S6$qKTjY*d zHy@DQ5P*4_j<_^vhy`G8#xyQ94M$uApK}}W3?m>oE+Tx3tX$ye*xVTO!f6PWxR?8g zRxt)tltYL_tEWCIblNl_Sp3XUu!zf#WjvVDurdKD0b9$$q^cyK?t#JRa%cK%bt0;J zfn(F>l-`Ijh-hAE`pg^*#@LJ@Q9|Z`$avAeegWJfbvT__ z6qlRUH}ZPws_Ui;<1V|WS3qM~Tj&XW6ZT{Blwn3Dre_V5$uW`kY#d!N?SXAm;30r@ zLCiBITR_^B8kSODi{wwe`YLih#Z{dDVlN|FRX?(0{2=+UkN_^{x=%f*?-<#k)R!z& zD|~8lY;FqwXRMKsC%&p%Qj?I%l+n8WAJBJ6vEox5Pa;WNW9i74Ph{q@ z9obK2|ElnC{l5BtX#85^cbX5k&XiwYez~K+!JI}twcYXGL8)Aq_1oRKvTEu&<5zd< zx*6&=RePZ}5_x3dxFpMBwP!LXk5f`JKGlGwXk}FDUaiYDZC|giO`rZ6*p$`Ncfz{Udb{-@>j~=%)>o|OtrxBD zTmNGH*!L~qLEa+sD6=Ei(yw;3N}c*!p*l9-|7K>Es=d?-zMB=Qr!CPT)-&TvuBAFi zdrP(Geg8l6>{4~AZ~Ynb(ZcN2%&4c|{}Wgfcn~>$j<(vls=$q!0oKmbQ&q>k7JeF7 zW9dUf^*P_I-0P$*8C`+DURaz0pGbWfz330BZ@UqwS=`q@pmgyV{}fp2)KF1*-uGt8 z3Y0Zg+w}bhWu}+adVj9V%$zuIjC#dhI1g$$km$D8!u%BRaEZ`bPqlq@LYH`EL0w5n z?bt^t$$)VxJy2n^dfqwsO}=~Q`BUIU)9a7wE9vVBu5@qIA+F4fY~jkxg4i`k&;EhG z@~+kB*d9W&_cEH1%h5hOjFkWTNY(q1WY1X-S)a4MZT-Yw=U?Z)+CSyL-~Unn=ly@~ z|Cc~C&=J@axF#?exHs^@z>|UJ0^bR|jDcyI9C!H3l)?20=2 z)WyuTIB>j%>l~t980YMq?v6rLz3U=qqjb-r}?&F$S0Hhwoz!Mw91qv{X-@1c$mi`5Ry~ z8S&EVaE!av*>LC7oso}&w-!F@w)-UaYDZUr1JwdfYhnIcdAbJMsc!DnKIObqDgBJR zxw=|r?LMM0q@2bJSL3bRsrKHxmcO;=Jq}cDotIutyCf4xNc|Bs;Yqn?YQsVO}Q7^oO0FY;Q!i{y@Ar|nB6vBp|o~h znGGee&7`+-+PSShK$+}DFNJrt#>ie682|%&SMZlB-_3YeL4#E0L?!uF8G*VYAwWQ)fKDE4yF`RueL>l?+jG9 z^F48%dNQ+~+4lWAJ9=Sz0@Xb=wWgUpIm-%^3WP1yvzzrkukD$4tWU6$7rv=Vr`@FQ z)?)PPTQ;2MS+f_uq$!))H@ow&ZHar%_|%-fSNl%)x#!r0vYWdZuc0a3J6CdN>A5(~ zKB+!aSu^z>4beiiSIT@J(sYRT-Cxlq-ckH2FfG(r1GC-&+$RC!}m5y7rg^}DZ5hYJg=^0mU`)J_1R0A z6;q;VKK5qNeSPw!@@%=jA>wS;He|(3zDPo7R1MYMR zJCBF3(RdPji$79-&I}5V(awAoS&=f(;bN*KX3qCh_ErXJOKJ+WC~GP7e=Q|DM#*cm ziI2RY)p-+TjlA1SO=t9esGXN*^|OtvTxDg|agEa}JyZ7p;g$EQJ$w@=GO&9$YpUN( z(A*Xfs(3dd^p z*1z(;>hmwq3-gpkd6`*D&~C3j?c6=P(v_2KhUBPxa-Xb&tJhQsZbFWd)eFJv|t2X<-r}2n+t^>>{t77)%1D-oI zbE1xT?#L4YKSBkyV?!I~dsg?U%t$M{1xOO?W8Nd5&g`jeHRba5I?b_2)LideIjgQ# z16OW4f(K-73o76#6=)J_t6dc+^|oQ=`;^`PT)+uCXpRm4&)a*z8sJ|6?!sY&({WJc1{qOUC-2a6CbH3kU-sC(G zEYPJPtb@0StVvGnDkiIr?@#nSir3>e2y#8U7~e0O}j!X zo7T&EP0!O4m942O-t^MqlD&WqlAgNl%G{nuvgi9B8VX)>M%0`2J~>}K7u)=uuI0Y> ze6w{C^H=TN(sOi{kyYy~HQJxl)L3fnHfl^``n<&K``)kbyS-gBOKLl~M4)5oIUdpY zV(A%~(R<%***g#ajXOpPX-xQJtI){dUs1pMlN}l-74_bsd9P;%X_~I zEh?=D1`=B3cHiGpDpZ@u=!8dhB_~U*(|@P!3)WQ~`pj6|n%n39!+RIEASdA=c;3f- zU-A7DR^H38wmydC^P^ZKKMz*1u;QWi)q_zIP+-`7$*4kMU~g!W&_f6ZH_D0{8@I_!d2- z>~!HGmVg?ynYR@*HDqY$CF=N|)^%K&=92B;i6Qjsl5bPJ8U|eY$@~1b^_`_!KFq3m z`{l05TFMPYA+nwd45~X>!GhjdURvx2dKId@`o3NT=Y48Se{=e!PV%kV^6NAgAv?9# z_ZxamgoX@JXFVV+Bu_TYzw5_p3#o5*M%lN9|e=(zS+S`zQy-@p8HGn=U(=^q3lG0 zAeu#i9~a(R^;!${EL5Jv*{R&~{k?OdF42Eg*1Jr4?Zte5Na>=!s(tJ!cZBYH-|i`M zWXQhv>N1f&ReSm(Wp0b^=-$T}C=gTa^A1XKj6me;QoG&v4xq(-PUe1C!-w>j@vF=9 zF4euqYc61Vr>@}2JhRL>6(96{5-H8Md@tdDREHJ82!1{%@XdKAzBQl1SLP3p#(o

QTdicRyfqf$=1bT^axM#})8SnUwLxP>k?m%6xic5o zSBN~`eWJ2n*zQ(N#0fc} zXw}p*uHCVIn3dIa@L?3$fsE>EeMNuNHC&ldJ)_H{-$xx?X^<5efTKT*#lXuvDOkkS zkS&E@f1mnG)=?L;QbvbZ!^No;jHXhqUPliMXDTP^2=BcI$-w84H2wfTxH@Q}of^_b z9wr!0G!0ARg;~mlJ2Lu!H1#@xDbMVyS&ccWHDqLB1LLmPFKJ5Qd~ezeb`V*Ew;#@v zzF*Opz1p%{zJ5Wu(ua(okh;iiD?587^BSPcp|cuO~IWF(raY#U4uN zEgyTinKlKdC9sKFPHz;YB4=8=v>nv!#GT`e5!)#2C~E)7lfG{q>Ydbo-&htuUf;Lg HSdRW*A2Jll literal 0 HcmV?d00001 diff --git a/framework7-icons/fonts/Framework7Icons-Regular.ttf b/framework7-icons/fonts/Framework7Icons-Regular.ttf new file mode 100644 index 0000000000000000000000000000000000000000..5be3aa5050efcc83d9fbc64f5bf4bb03240cc7a7 GIT binary patch literal 82560 zcmeFa37A{uc`tsxvoDg4bflxB8EG`yHT$9&NnXd}6_0K31{kmn7(50H9vl{%5Ry!C zNovSOO-f0iY2o5Dt8YS5lN-|fU7DnYq-{!QlLoqwg#2^cLTQ@>nwv+yzxO-RjAm?> zr1w70|GCe9EFYasXZg=?FR zdG(=vhu{6xTjPSDT#I#|y86g186m>f34#{GcKMopHy=K8Mv!p)f5x(Y%?)oo@SA`3 z-!=<^IVlLg3|~9FZ@-he^B(**fbF$wu|oP6_9B*X454uCp<8Y%UXsjU`6q%Pz2k-( zuiiKFKRNY_TfAjE-H{bI2p;!J= zVET^)A*Kn`7WjYhk==iJg}vfuf+b>wAbjtgIivY)o;h>ov?#FCSk?u9Gye@cede?< zBnr46T1`i4{~Mq+>|Wv90$Kxq^h?I~niPik8W~5uM^LbO3p;={=QY27CUgjQ(hn4g z??)3H>-h}L(BHNL>-P(@LZ%$`uL0LKiPiiH_;m_GMo0*c3lZ8|_!OW1N)ue{?qBH# z|H++kzNkVL$s3rO$r`g@1acv{N8_#DV&2^f&Qqa>5s-Q{ZIL0Q+NbR zG)hyrr(^g|3t_AYVYCjSuTBbA2)AdyRL~09;zPx6mR6Le%TbapeESIBzVGbqXMT9* zyJ!CD%wL@O{F%@F-ObMxp9_5d1K;2OH$VNGZ~aYo^Sn63YyB~`DLAkL6EUIx?SHu5 zc`<|ycp8eT>4s?qf+2rLyM6z&=fgt8iN@Txm+0tBrn=JInQSg!D3;1Sz4TcBKk>(P z6nYu`8y6<@<6dJ;VNv{e=A+`=zLhmxl^>`B z>T&fc?Hk%J^!xRn8y6UNnxgp*^Hb(a)&}cTAQred@I>Ip!F9po!G8{ALK{P$3H{g} zun*d=hOZ4j5&p+WXJkv{!N|9qoO8F+h&~+sK`an^N9-v#<^G=ga{O@o2VTW{hxbe( zowzJ9n|QRN(s88Y{*Iq?uIPMs=eIjwO|D3OIQd*^DD}&(Yr9T%eLsDy`@ZhK%hWQ5 zGY@8-%C5*hox3pisoZnU*ibum8RMrw8PLM+cV-o*ew~(7K^74HrfxM!q(h9{t4VGnLNDn#yHk@>pr?+Oc@F#Pgno3HdK4K_Sf}V{f_#l>i@8$vgD4Xo0i_a%v^TaviC0g z;&O5Mrsel6|F;znulVuGKVA9i#FmLqtV*rAf7O>K)00oFF09_NMqD$pX3LsStku_U zS^MR6BkOKjcWS-9e*gN(93>+jjT1Z*RYR`@`G6x8tvO zrgk2_aNxqHFB-b&ri<>s*u41eU7=l0K{h@{3FRF1_i}k6rq?OMi0N9hW_L z*%Q0P-IwhC+@8{&8}>Z0x3YKL-uw3c;_`pI;@A~Gx-xO)4g1u6YxbSm_tUEmT=n2p zFJB$IddJm|T>b6+dv56TC> zbnq9~f9(1n+_2_`58iP4ka(zc=*Xcj&GgJ%HS@)pS8q(*c;Ss-I~+TF%i%8_{^?tO z?=9cD$+_u!LQEtWj-@HyFeZ)?%X(1r25`=nAbz||d$^@&9m&%ni zb7N{gH^j<$e3h!>wXupfRvmL=W0e~A$TxSdyUoqNjJj?#5H;h0;i|GS#bB|! zT<*>X#auk%PAy-)`GQq_ZnCuHipyW_>gY%X6XA}oTTAN(MwjWfnHeb+hr2p%iT4)j z>$a_0z1c_^mu=m0ISJ?go1eq~e{XO8`NA@o8>27@B1=U+Okoj3&%DTf&Q8Gg8W2Wc z4GYCAb>}QPYn^&>Hdk87ct>8vYTfALwdJf5?_yq>X=+{@bMy6b$!2br9dA5m>P*nh zV%%;#XUFrprGMYDZndH5wH zty@x3Y*jBDfA+AZ9WJ5|OG5q3v(U>YV6~2toy+2y+RfrB&Y#T7NQ#|kB^q>6%0z4HDi@}ty*Kw2V$Zzs!4`!G(N6a znyic(V(bHE*!(C98)9cfG%B}O3^CHF>f)yrjWNXw*$G7oz^afH%T$=mjs>3$S*r|B zQx(lr4SkgrdNyd%9W_oGl9ctjruXcb?((v_A`WQ^W3psN;}I5+EXG1~BtBjb37>`M z`5ggvam?um)CPKJgf11 zdCWgZKg*TIYvpWZB^yV}b+MQ-_k`&w^V8wc##HR7;yW$k_cd%NJ#83!@Y#bVaqT^L zXj_$<tNls{WeOz`{Li1wN*^3mp^&(ZErjIHnxHv=D7zhc;K-Mvkun0?c^u<(KcN0 zzy*(uWpPZAJP`IBb~n744VcT>EX2ws^sjyv5;0KFx#Hev9EMM=&NaX=i+eS6NVFWO zf)GQmv)PbX9%_yqk6qd4g=Jfn#IV=L+`Q{W-E6vOS;chLje3Kbn@mkJ^-P&{kEcz~ zPHs;ot>Uhv*Rf`pl{0L*kWeLAloACNE4Yb?j&!;!sq4wEbh=|Akr`yNVOfUO(LLTB z9T;_sQ;wr`ZYg$8bq%lW;C*bju!fyvPRi^niVa=0TJMiq>!3VpMOG(~wDBXPH) zX!u&D+REoun=Ml@^R%Mu#yb3A@$*1I$jz8*`v@=)q4mUgM;fb+4>1kTF}|Et*+Jgy zXCNpFivAwmH1(ND-s~)4>8DRChH}!fts;&&dgkxhpRnHo=28>3;96^ABy{HgAM~KG9`XaSvR1F4hu3JP7WZPK z@fxI(R~f}+sc{lem9*%Rh^0&AIswfc68Q%My0{WHMUFR+X4zIOoUehqi7t0?gFkKKK#SW(+_4efM!Q$U??vt&bT2 zN!8_(c36~MMGE2PPF8bbn%WhWHPPs%v0FRyGxh|esSC{^6sd2=cuy~r>BY50tkp@_ zPR6cL%&>Be$oj_CU3ukQSAPHC=FJB;znxv9+9p^Q8DasnmP&1d@hfkS+98{Qu7#LI4Kvh|5h=KF-hDciwvL5qJAAzf+>mD ztsIC#+IbR)XTA(iV z8OS3K+t8!51(LM!?7JSbT~qEW$iqE3Cz^^Rg7WswVya!l2D{T@#0wdrL@ZF~GrD!l z4TYS9W%UI~_D(`apN5Y1fQ(eQtn_aef)W;Q#5XBOmDHKls*TId0>W^xgc>^JGA&Uu3^z9}-SN zk!N$|62=8LN3|37=6|M9?!H`Wn9I!=)sK zWm@!b5Pq0y^DsCb4zq$)@y(BdrI9oYI*}hH#oW2Wz-A)h$qz&Q8s-A~AB|pJQJ7L; zqLfcb0VXj?l9;UF3!_;yRgugg$&fS+ml9=(5@djhy+l!BqR1c>MIFmb!hVXZh_bA! zO3K4ppfuPC>#-Z{2r~%>)kHcU27V+JG(h+(Wr(Q-B7JClVr>rni>eF>7qnY>rhQe5hW*LE8(yu z2aJd;tFjiba7w1ea9yG(Ymx&S4zuY{2$#oHRc4w+ri`H)fjGZ5QE_Bll$jU|T2dgO zONJJdn5XKxiRUiDX4?UqZ3vbQ`dGAOS#$HNR4tOgCDB1vE7UW_&XkdQENK|Y$5ICC zsN*hW7=W5m*BD$rBXyi6HxDSHs;Kv1i#(thOAH{XgXmx1fgH4jZlMf(b`21+tAv|y z&Mf5k{0OXh^FtK_vXqy()urY%3{KyM%#~cs`&voF2(SCLWk~dmORuS~Xo<8HE%W;s z62~V*U~XjZHy*(>N3xF9xPANr^gTYXWep5rd@DNHkg{f7eV?q$qM}OoX{M>&rG(eu~X@#ax&Izs^__fxIIZ{&yGjbqYbP4fWk3rm+Yn4CYOHli8Zf@zHf zJ~@O%oLs{Ol54vm*G{mLz`u)Vxz*4kWF2Eba(j-nGmR09FsNm6?J-zj>gLVWRi!{)t6Lh~mu=0>2!cw{7FJ|C1rz8t$*~b(Ie>YRVZJhmH_hsn5^ODN zgj5Wn+u?rFBJJcq)XJJpq%+3VtDt%U+RT*xti?DC`Md2 zi+Ku3;3CaKtiq=8Xin7>mF#}_mE}@#fCDZ1gqfwbYV#=n@d z9bz}zowB8b6T0k%9L17tyYT_6GL^6w?uxNhmL-X1C}hd96|&=eL9+sC#j@0BJRpe{ z{Ecf3HIQZOizWQvw=r!zf?4BK*mc90n2}wwJftY=P1A9B@Jfcg`*YwVcO&A}4_Sq=4rr!c_38wJ zco@TE{z5F*%NmI-e_VU5!7n%6rBd_zh3gCKlb>X)aQ$#Jp089kRGiU~2)-)$cyw|o zlNrh|oqw$j=z2i^`qi0{$R|H(k7lnPw)k#c@xeha#eZtuiQQYD_W&5uEwr0{=Kp1{ z!oTx`VIWV-5&0B~W#7Ni%D7%KJYdRz?l9~JHtc$kYTFMuy|mQp4E6REtEEh0=aOJJnp_!-u3e`1}qm>EAc2c61?#yJ8-IgfE?R0L7Z-4$~qBoInLoxHJ z3s$Y!qI=pzeSGcGp>)pK=O)VCnQ~_!JleYijvw{u*)vbGS?E0r@z6Z1hGEFZ2)Q>f z4A5Vzbe*sqXy9NCEC(NJQY+&*soAAZEbOuF-d2a@Sdzh}(cLknF5j5p201!D@9~Yh z(4`Hbfbseq#w%e#9=BbnpRA&O;xsLj+M;h^(Q<2h;WgG5bCq1K@{YD?<6~_L{)Tg` zV&~EC7JM2%Sh$SMPn@-e%b|I!B-++1>NUbG33rRP9`bkJ9t^%cfk3RCoB6@6|l?0~Ov`kkr=wD!J zz#*Cw_Jq59rO|D!NEqE#SW;4*E-XK*!?yy>RG`ZUCXI}-Vy&4~Rgd2&Qi+4$N zUnG@D7?sKpQ1q1}SHB8}pQFvVSn~f#e7)oZelLKJ<6N^O*(EYX_PUb8=l>?;Wq9yX zgw|Nuki;tp4aP()>cNX2nY0b#Ek=j&7TvIin8T!cYJacGa)VArgJR2s2PA3S6xS*` zV`~*nlt!4gK-Q3ze>Nt-ThtFukqTPq|1Uz8+ui=hx306g!u0L#y2}p3um-@rw`t@a{Qf&HGQx4kEVKSm5$dgBW;qA zEq8hz11l3!gEsXb7YV5(oDyP@gr@HyqvwvLMNM@>M_5x4Ekn4A?;W^Vx+=Mff0e|rZS`PZx4)iGaZV9Bp0Ph;?}Tpx{3+UOC4jU($OR)-A#bE@ z1r47{{Ts=NaHh(t6xRxk1Z(j9Hj|v_kUz6NieX6=SzdVO2+mnn&lTH*3 zJ+kg2Xxt4~u_AdnPvw^9F?DG3MYM4wOB<>2nXnYH`_S&xP1Jr7tCrh96d(Q=BNRoAodf=e5sngP$Hp{Ed-PGD6-*tK{4ME|CLAt7~6G8#ZZ7!!Ht!rAy}35Xe)vU=cOJ6RuO-eyQdnEK!OUy#|eXw z*)0H&9w&r(_`8}J)b++T#I)q^YF$BV8M(9W&rN+lM-}$#=QqBt+Hl$c9!%r@?oGpgGNE zF^&kGSd7&H{ONDT_k5FU(ha{z!{WuT%XYZ-3w+KE`(p(w-EiRr+cjtg`?cx8KA`95 z#oRk3KY+tbF#QQ#>H;E+L5T6F!Q>#Lgk=7l1Lv!m*y)jVqoX-=VFccj$x>&QpzYN% z)Sa$Qk}k|8+ry~LfIeI|!n=I3luSn7mm^)bT4u^>4vK$dQJfY0-33@bG46g{^q>p6 z3KFJPZ|a1&`zFwW57s+!rG2IRUb@^;@>f6yp3Nu1>2x@epQM(-y`p<_TlDAbY4Eu_ z!45_b=c<}Rc~A$Wx+uIzP&tiIk`rE;lsQm88fY+0V0!@fgZYdnLk|a!jm$&*sCK!A z(3PP}riq|pFb??$?{aIeWev-=2DRXca%W#p)rue%6oewNa*8A>_TY-;<1vE9PXo@7 za=A>(a71PYyR!L$9@4~$6T4Oi;w*`YTqu}Y9smL#v}DIt5E)jrKr}q88JewoY0FC_ z>@e_U;6C%1S03@b^MU$Yjh@y-y;O)pFAm&mn4;As+-|u9%nP^ohHzN9pbmjlNxnJ- zDQHgh_$tV<5NiTrrvgDolXP|!A_I1(BLl$?7zouhe%BB+Z|xg{WeVF04HSq+RTw1D zyfkO&7GDJ&Yt8{>-x?YScN)^=lF=!JJ8UcAMs>cdcPi;O!q8%q{1jGvFAk~sN8cn_ zI5Qxs5PX+~JcA^B<4Te#o3GP-U*`+K9@g`4Z@jd@Kh*tDu}OOlqO$2Xj}S0-PNzx5T7zN z`uZzcrNNg3^BX#8Cv?(MprKR3c4$&S+n}uxk~IW!2yTS4M&bwtV%M&vdv3n=#xDd^e68?lKC(*>NY8asYNUFpF^+WkbI1X`6m;q-;^- z!z#CChRJ*Djp~7PH{@I&C#IBLJ+LC6y9QTXOXJ~iJiM%>#vo%`dNS6;=wJ+^!N4Iv zuZ0Ik?pq9w%-QO*=_cQ{8o|XcD5|U@LbXAYzo_KSQmAqNs*kKzlrJdS2G|8mRlca$ z*|SybL9Tn-Y-bm-(}6kZPuOI8a0b}q5Ih_eY(jvPSyBgMwTcG;nr||;Rx-jZr{dXc zyzvN4XAt2`1e3*s_xX{~`_Mf2V2SO~EH+iD)k+!fj6nM`!OK`N+sJ%!H-WLclatBh zEUC^}E+dn$BVS;j1H!o%&;yrnqfOV0dph&FsZJ&hq$b6Gpsgt~Ledb@M5X`qkHjT5 zL5gzUV6pWRP&BkK*Hw8uScG&fc=6wZO_bxIkzB&*s8~{BygFps#fUA-P6v#lm3-sM zMMje+)1lz_<({Csc_IfDs7|tm5@Ukf%g_X5Ra2;yH^P^lXgIv(;K+rQ zEeDrV{GW-g82ZrcAI#3~#wbk;rc6--oGL<8PHj|Wao39Sx}IGtCI=8`rN3~e{##qF zzyAIk5YOyHXw=Z1Xaq4oN}Yfe+`?4|G0TH5w_4ar85@hOsTLMgYhgj?LiM&gNduV- ziA@F=x?7XI)7)cj30vBOdVa7COb;H$3+fiSKRuL-n{hhHkJ>GW;tn#-3k;(QBo9X622V*mWD!9 z1$~kx4h<)3S6~|Zu@gt_c;gigb`tyGISen_XO?~|*7+eGL%%ci$21B`PSHk8m;u&; z2tR`n)-ZYI-`O9d4-y}8DV{9^1tGBxh(d9yZW zZEN2Fvj47S<>B>2gZUdygJA-i7rUUXCuxqZ>rW2Qz`T}q>?2~#`sGbx3|*hk1#$Ql zo~!+FQO(9ovl7W&vStD5U_FWCg$?|w-*yF)m>rzqVS(#Gw2j5hX|`JFNejEGIU@9| zP(Ti$v9SJV9ko*gw-7yb+oOj$RXCd;af)_hITdWm}&9$ZhVR0d z3A>2Jz#9=Jlf`0ka9#Rg$xlT$&ztft2>ok0zD5Ogg zS4NS6vt$b~)yB^8f0A@Puzs437gA0#l`JNW)F7MoIizTL!H#b_)%HivO>E;90&|>0 z27O8qSA`+gLd-dmNu85ZWc|PgAWYmd(PVKfWZMBV+k|@nN{Xma1+hvRINW@J?T<&# zdBvPne2Uu}?*y!T%67NE9I+~@CP|HV8)C(JlB}2+vO;ENLlatUx80|)Ej&1tTsP2*bs@b#?xT4nAC=l z%4}{Oms3u$ILkjwXw3~3@HbP$AD>X)JuV=u!;V54TNKkTy3mlNa+UaJG^TL38W?IY zy2hX_$xni9Ip%^$m`CW&7>ZTniH$~IU$w{Ut+IY~$k;a8<8|~T`sDtTd*oint?raO zJMBnjDO((n3I%Df(5vhbqbu{YB)Y{!j|w~a0bv5yu}+9_RHTiEM?w-t?2B{6I|yt` z|Bv;ccS|oD;$|#@nv7>T&uepFoAuF1Jcl-kk~RUbN_JV^--3Xw3Pm4)<1#NC3!9OUB{y(AG(z4+Vj+>1BtDl{Nz9F zUVY^g1i5NYT)A2kN4r5Y#a#@IDaZg+w8eU0$=Q0KoTp%G-Gz}`BA5#}D5k`E^4t;( za7ucB3G0q6&<20GNAK_Q%z!&MY34JTyg51O27urAppW#r+$m>Sli z{X=p_>Pkj+n42V@_Mdqk?L>Gj&_NJveIr?el|Llbnh5&zCGWjtd@OAw_4L^IojkDq z(zd;Ox0Pn53YJxvnqd&{8MHFmy@ihw1E>$Z_iWTtY#tRR5aT8gELseY63d>2clL4O zPZ34{K9CUXp0nW1#@(Rw#M93s?$-iE;WJYfb`9KwO~^kRAS|swO-qDX?p`9ItRhQ+ z5;wq^CEp;A#)gyNCuqPYgGfXl#{Nx7J`XWrv52gDf0`}VR`mNAf258l*H#1&}S;6w+#^kowE%= z+mj(LIF>`KJ&aOJVbcTLWLnEuya#MzrM!Ag1miQPBOa<3ZJ6;e=3&yCN!8JO1M)iv z`*obRra&ZOIcyj)B@RNf2@4)}e5k04P5+`51Jy7V5Q%9;qOy6y2dc=F(DG-K)?_Nlw4?zv{yhc8lTZU1$jKd@=)_D}7-=ANmGK1{On0_e^!Ahy~o zT!!%@L^*~69EC7w`~$WEb>ssPRj?<(QRIM&>Wz;=r}D58H!*!ohPa%Z_>E{n9g3HO z7KCAsXtgvRIr!u?qLG7yWk?dP1Afc_ zQARd~s43CC=Wjcxg>*d{LA3!zQakh@q?}u35nR@wkXD|E=_Yq77k2acA#wxG}NW#J^ zL(b$_QxLf^q|QKHQKQ%LuxH#M%7mcy^*wc1#3ZYs_0Z6i#@NbOTJTGv7SkC@i1^?P zIA@uTMd#y>yk12N#SarrFfyw->;#!=vwRtgV;+U<$c*vuUu%A|A0ZxrKq~;KfDI-s zI1sc9?!9f8TP;H4@YvAM7@s~7L(kAzFrLf7z(CLxolP+$ z(3?Zl&%01l0Z%c&Q><{Yh`g&Z82QXZZ-n8AurZFV=!J#58!~bdK+kt6w2aV05WS9) zv=ju~EtU24Mff#YgM)+1`umr44-XGth5s;>P$$Je?0lBNH0GD8_|x%)Ddgis|Lcr&rXkSgB`K|3{cYHqYnnB63WA zHAFI+3A*I0tX)Dcs;`rXJ4u1Q*GaLRB?z0I*+KY2_p|e0?NTHU@{AB>Bsp?~sZIeB zj7sg)w^TfSQ~lN^H5gTIgmk)5jRw{4s%Fqsr!*&sb&yXp8n%*c)2?SA*;{%BBN{Eb z2)pw08;_lhR{6^0aZ|ZfL7EaUwiT)hXi5}%&in*?v-^RjfZ14};}IFIWo*&~V+m?( z2&N|wII0x)B}25v*U~lc^i6J_`umpH23$c`wCZek#ApKF6#~I4T|3i>G)ryAcb9S; zyX0SQm%Q?nsdPm}9Hfeah|ZXTpNyp#4zjarJHETrE>p?B-X3|hppL%q9prL;2L2!6 z(!;<)E)uR3t|vQ?j~*U9Dzwe3ZS!aX8ex1N3Ac{02bYTI&*>9Adhl~JZd zgI^CuHyeT$cQx(*<)zlSp0Cg$O zg2>3f{d#ehf0uD2N}~HCf{vcZ6ZX2AWqz$N3)%n{6!>)0(9b04G#+5_MO@trNzkgm zZ!o;k1Tnabygj(8osgEpY=Pg5Hgn@_M?Scwmk4CZ(Sn{g(mj>Vb;zK}uNwS>N?{>f z@2h~Dl$2QC?rAyIiHP#Ol7?Up+NiJqO%@#Bz2mLicSXM+FcZvSTES-K)0VhoZ9K)lC`StZAL>$p ze=^PSlU`z6v~#e0&VqjifN9Nm05|ufa>c8-O##?cV)H$yUVD0ulcn9uuLV<%9&*%> z0ut-mZXMS;cjG%K_!35j1&_?w<|cF@OXKm6S>Cn?xxLCmK(97qZfGq0wd3$nLSb9d zv=}4Qos*zluWi0%uAdz*_a$l>XhQoo_ z=+3Z194fyT7&W`3@j#QK!w%VTDs{k_J0R>N=P5mSHZ4x92DD&|;pwzpueCuYnt)+JWr~nAmSQe~#L+ zP7}UZq?W}VoTJ9qAj#M-QG#y||7n^2x8`Y23C{@F6IU=aW~nRCcFLkIpJN+)t@YE> z(^EyqsRIcI1Xnm-EH+LQi+heb^{L_%R!$a+^_iL3V$mrSri;Z__y>ERp4xqg;w>~8 zC>9x3Ic=*NKU=tLOcm>>DLQ=d=$_fxO^0TNigy*Ki#u`3J$p87 zVkfZCKQ^6!F0Q^{P2>2Y73j|`JCkxQs)!&9(bupjTNq0nCRI~6fyhWZLo~ZQ@2F{S zzOcx?RPILz`}(iL{0zVbm7#{@huSPo_8aH0E*nR#|Lq%Y`0W|r3e^=Dq2{eHM)4VM zH$2hDWTErS-+`}i0+xr39`|v`OW#MX4>KPRi_*9(6L2@dU^fxHg_{|14;-&F>@Uo~ z9|piSKLgMg-kTN+iNo+`F&kohhLVojXTbl015M^ysci;~D2z9(@n=xEq7EOMu*BNj z%oXy!b()sB^PZcBCq}n_v9daI^DQttLLo`^5|Fl?36zZqBE}qzfZhqeMhlsS9z?z> zAPXIJDG*6C5kA&r(8P?8gGeN@nJ}nP-Xes`QUUylENJVZ*b!G{J0QwxIB39Imr)oH zK@jk4A+s&GZ6R2|V7)R7XFc+KII?aZyKl$vHNCaQPs6)v)q!hI;b(Aq3>|@K^j}jn z3=qa}S`aK$=ARZYd?+MJNX&xQ70{3$jqil3$aYYcl~`Cuz7*V$fQAAQlCHs(Gc{cb zVljkRD)g~#JBlm^ZAo!GY_w4Oj`ZD_q#KjHRn1CdC z7zEgH#nZZBGvSH!;{k|LtFRH^EFNsr@;UHq07SE=6eUm$ASI*}3_K1$Ee!gvVm8@RQ|r)l)5U&pf|$V~L@Bek_BcsO+kM~bk_9Y%wvio>v%LxH%H08>%#FvTTW zC{QTL0X;P6IH`ygv63b-A>w){oJfR2ItxTYq3C^9)Qeh)e8LG~(S#>`2n&fwAZqb7 z(Wj$9UF=)VY$us4my;dQK*)(Dlb1KGiIC0p4Zym|f|(PV67B$kZ6D53+h-aHDfT} z&Zb4y9q))3(MTkwMN*JVVyfE-_uG*SG<|p6i)eNv64IklY+|8IBxv`CE`>VB3djGi5ig(+LX?QaHt>xFE~`x2+5&HCOwU3uu~k<+g1XAb>k>13e;q24jr^(c}+$z;J+)F0QSy0^+=t7DD$4 z{{m5I02h!QW4KFv0q3ExB>m&S>1!6)7#VLB*pP52fWNIn#YWD~FyZ4Bem;9>8Q9iK zyOcLmR>MIt2_Lotut_yFAX?jtYG9?Fgrt1EvKlhNRH&-~YB*pqAZmcp7FX67Q zS6#dt6t#<21*342!lG`7sH%bU$-Jrt=Hwof)xc4pM!3$W&lH^ zvKnDI91Z}$Gc6kcp@a?r%JN)c4OQlaHKcSfL^K*WW)hVR67g-QOh;)A!f_P`sc*oe zgMok)u=JT`6|i|*+=8slfq{Vx3utgo(u3x0&sQtQpx{>m2-Dy)`H5@w)R$K8**&{w zV{tBn?M3aw#_;C8qMyf>2_IZNyL-!#=wG#Gw57W)Qq4~XS6*6a&u!yXp)sEJz{aiM zI>_rN&l%jRM#G5&1VjSB4GjiF(=L~gYJw6~*%8u5jag(0vCE0Hcsbfp{KN2o{S~x} zcsZHZS1|1l0>Q_jre;fM6@TUBgx9{LC?}Eg_yx_toQMr@@-G+J_-6xw&oJo9Byy%+ zfUYdUvz(x-LvJR$+GlRUx5n@whZ-6Zni19<@#l#9fF%kK!#|*qP&4fpDeab#L17d1 zBqmA*VesDwdtR8`0sY~H8+RfObcs%x`HfHL=4T9}U>H-$D7q0+!I59*#1owTUP&8`vk+;V6MgBSc*&E;QO4U2h1gol=sq&i8`3L+9mC?C;zp zRZV@e&fQ(Ozi?{n^?26qu%F|k*|Q-Lrm|!K*&*1|pB6Il=dgdqdoG?i)#8`J*|qdJ zUl(1GWa_*RW`p?vd;mZv*U2q^3_$@39H2o-HId$4po>~{(q^a{Lc1cGua;JXC5e^kR@S*eNa_bP;bjCfG!(PEy@Q0yw|M# z*2)y89PM*vBDegjRvXliE#4A+t@v&0%08So)SzlEGch&tgtUDRll`Ol{Ahj_ZdMY- z1*7~@S_J`_rAHBT(j$Rek#UPjI4Csk|T> zN6)K$qgym?JFoU9-RnmTCyXTgn?|A;1*(Yb69eP!6^uI@+(>YvqKgm-)Qx~H4RJa> z#1bEQ71yLNilU)LUEF?&m<-6ts{s(f z7E7}}Z_dGLlG zU`KOBYqNjQjf-}tv-m%ySbNKkqPlR)(W+O#`#ifk9B_J=iT|7ItD9c8rrevfxBd>9 z{34Z}6Yp05d?)AlaKEnkwMhPTQJtCA*l&&V;v7ED1EJLYVF(V%)jYl^c8XXVfjJG-}F!>16f1Cn03|qCB37lPzHd$vz+NJC)|Cg;$yo3uavacA}dVu z^et<8S3`g-l=bJ%3u-U3&^Et7;x|qhbpxM6{#W~jea|qSYkhFO`TAiQL0lwcR=4IvkwyZiBjpT^)6CMwkp+ccSop@vKmz5Reib4lqLjWllkBim@;@@cOTj#Y zvjHb#<&u$O-mXpXG_Y{#&h0F=s00k;eJe*_hvyF@txo)QDwqsd0#9N=c79!{*A}ls z17H8}6A>2q$pv0T1!&s_3;TN-~|HH{kBkL|hrBL=7PN@@C44&miLwyX^s z5{V7dtsMTjq;py^(i-=9{Is}AmjOTUP#Cf8${AR-T@ft<-Sp4?vH4&fuhe;57; zPmp^{2OF4IQr(>$!QEjg0~8G@-n@LfP(aAT+&tL(CZs?v6zO`HAm6s>?P(P=;( zq_Ze;^DKAs>~waF1p}(Q{)#JBNlGBdP*)o@S*E_XRWW6?hHI7v*H4yY)ePYxfL=+J zojdDzs>tRQ0p74kxhH}Gtl-Cx^CqU2E=iGLK=cVR4N^;%rigw3#)gQ3tC5~^1bM@u z#>*j;#a@S#qTF?e&Z($4yM#_L6S7IZnBJRxS-})cP!y&Wp{ASD7Sr*s4e>f zxUC5=fcL=SieMN+nxj}O>~?f-67}&3#w)dQ83uTixD;+AK30oj8|)EEt)+GF!gEN= z;N63k(MgD!!HF4o%MEu2HmkYrdxHpky~ z#e<xGMfUv$^D{5~dFMJYg8~A55RrE`E0v2+w6k`|9z@p_hpDIqS9x@(a63$`{RTYVg$Sc&f zWn~fHx0E1t9LZiX{XC$gVIoDpd&d5uG*6EzM-L^KO4kks3#XrMnN~~=_(D1L#*d~ zH(LDGKp(%BmVf8h;X2EL15yoMS-!f!iusWGHf6Tmc6na?#Vn8i60a%-ZuJd_Wg{x% zmk(1Qr|;yH2oy_AX%-4~+m?1*i)*jrt6V8ui?{sT_J7(}X>&~e_d6PYg2P>5Z`_BBq1Lf0oovFbsLt@-Qj zBOY|i69KD4)kc~obaezK0^EOs?8)Bbv;+_2j#?cVDO?t7G1xc#u;gIQ)bJv1{29%r%4i!UfA1k_I$3 zup)%Dy--`&q1TEB8ej7_!J=5S&EwAnIV5wu#a-Md;8N*LGZ(oM<+c%-R`3W&z2=dC z0$qz)KTBk+@}>!nM%au^0C|jdb}|Vi_hEH-l@Ud&+eQH8d=2&{8IZkFh#~riR?y#y zIH6*})S^0Ehrya+!uxU0*ZKXKv%aBC$!11BgN=9}b!RAgbl-5?c*uHcad&R-6NJpn z^@&!|s%AED6Z&lNBL0&DDQH@Zm4&{c2W0xJGqgqy|Mo$X zg{Nr_4V;ojNBha{F==00A4H*3yq_65JG=$IO4KAC5#!iuG{S+_L1UXf3~l~a%=$o2>Kx~h!9}- zFY&4YJ%k7r$q>S!{kmaM_(zZ*ZB<$Gh>KC_)VaC`$grDF)ofNecpT*n9-l9C5ce0U z`a!F@!R};oceAp=pQEAyA-uCV?|fY>?x_>-#pZXD>pIYSj21%Kg+-+63tFtZNG+-I1unaWrVI5sK(_ewcxHHs_w#a!C7|2kw1yajy1}x}Zy* z5n6DCIXKUwX;JK~yLFI}fMMr2c$gy&>?GW<_Kx~>t{*{U^Z9H(WH{5Jusy?(#%Ja! zY;b_*-gT0hAIHUcS`{<~U`--bQLwQ!ieDrQUA+t`5ttDB7hS_2#XT!1ymOg~5B6B` z`vgFyLbEEUdpUl8bc5gCluftUwj1 z*a}z;S>7n1v^EPwso8h7hX9V}MuPF~aBdW3(AY+_P1p`7fCi5h zvAS+jnfDf-aoW_6QbQi4V*9Ay)mD?>TsgdGv}Q$uMdclu)dya))Bwepg#!2;(?HUT z(6_{~fX0O>1!q(vc}fon>5iIzS^xF04(AJK!{>1yu?Ol*Scb^L?|%M^KtCcToW{XI@D0cv$fc)Rcc;djpVAMhp+LL^#HY97li z$2$+adeJtXHaov_*0+%6S1djn;--s^uyA?t_98pQIjNgS4u6E65wFkC_zHz{engYT zSLW8TJ$%Ucd$i57J#)J>=4W4H?OlGptZTDPwu{OE1#*6I$ln8751-$gU$X~Yp-96F zMo`=AZob0QTbuaY9)67Z-|{(A_<`5wQ zV!S}ZPml!s&c@6;{W=ZklT@hToz~KYr5ax7h|SK%zS`k7-(TjkrNLEzZcwpdRS>or zo&PDEzY8oLKUxD|kO)&X^Z*#Zc-I$*p$LcLv0)9ciZ{$uhArV=HOy{gtopyjDCI{} z|C}*<4PI%a1b0#PG8MH#D)X-3EpL#<+`Pf(+f$!EB8gpHD28V2HewweF?=0gklZYa zt>os$^Y}fUX?NhCkO<9-%EN_%{JIPGe-!uMPuykF&m>BK%|L{qii}?@fm;f&A#nrT zgF{oOngm)4&G@WY78<1JqkM$AAQ-j?lfSo}LsY?HnEr5_ZmRE>boTps-;$U|ieIv6Vlj8Sg?0 zk9O#g2K(q;%vZ8EnZ~2=g~E(vcRqq@$)nz2DHvUoquJb={jst)p6)D_m`-m-h@{8I zK~PJC4V38(r=qDmzVjbOHBhe?b@xl1PFJLN2uZtA+dEdW$P7C78&($dO0pa0`{-Hk zQ@L&awJERj29-6faB|x_QRv9Ds(=?& zivxiJDge-uN+2R%mO*s6D*HrmNoX|HTC#1)rx>zIupe=|V8W4g086mty zjsaQ*?rT~spc@uDw67aQ5#?x?suhf^BLVIP0ag~n_DLfUFg|8|mU0(^=Hu?~)7#XT zZGL3%?Z{&Z7+V+NWyG+rqVn%nhHrtZ^9d2Ycy{?9qw(^}OY+lS}CYKXo+;Co4Yy2^wgpqKLS zcsyRk1NH*9&7oenqs_zeb&hP&UZy?KdXW703*-Cu`WYMdaD0uICo}ijCZZd7xzHqz zh^Pi4A?D7eWkW@<=)@bzv3G0SzQO*)46yuPQ-4hg1;jD-pw>6nSH&uP=wa~PsTpjR z<&KM2&mwc0iqw*TBmxIXPImeMdm#MLm1J>Gu=6JnN>(}=fBaj)z_;3pBVGOV4}-e( z!LRbo6B9(ex$mw(;Il;N;H(Z3+Y4&FRgg`08{SKQpYZV6PuHsuTs4e0j@Z1yzdFVf zK?&G`2(497492T1+65Z`3jS)ltYW`L$+(*lYl@2uq&`jbKx;#pQ@lw`bTG$IEEF$N z{7-D2{8j7D?U5OB+vAAuQCU6_dLJJVv+PQwHG@PS#}`({L1)LX3*rm=V;k-5B5;N^ z?b}55@2^v>j&Q5X&-^X>H2WxFPLLg51@;9;0m@XZpq#^laZ#w&^fWl}QJ#0XocagBJY;2xtzlmz z|6#sDUM=3{Hed|nqI`d1lFj;+B>f7KjoG$d+oy!4Lb8m>2j$Rlyc7)+<^apLv}xZH zd$7IE*Dq7D-10K-^wj$XXjtgdr2dX55E%6p6VXfI886*r4PA+|IWufu@m z@gZLX@c7We0)!7hHq4U6JgecITKXyeYq&-;Sl_}Hc>B&@H`T3PN)?0`V@bdc(Y9Q` z!Wt~)Ns6`*kU5-**Vd>LY5-LOcY|WnWPy&C+wY?Nt!d9aLf7{QndVHO`$EYxR1Un! z>@ty}Xr^L@lMDtEF@(Kd`}JszXSoRFuS?a61Ft1S&7Y6Dz3Z zau%*5p-eEO1~D`sIna9vNQ{m8H(DJZh4PRJu zVt^snMPTkqt!$xeqLruf@nS1L@+?VQHrq30PhjGoid6WV#paXk` zcr@C#a`DRxpd6p6!x-Ux>^uD_8MXbZdItM7g9SKoUhY6vT<#6Fcx<<{up zDkbGC$>gTkx7+4ZZTlQc#RDO8TP~jLIuOEpaO0PECF95D=jJyTarF0oRWky;m4cg0 z53`Tv3YFeK++f4$V{NnZJN!$?)wNVHvQiT_##5T^cI^_imF$xFd2xOZ-amHZyM7N^4#maDEY(qL%374b$J6Jp;|6~@bc*CMCQ<4i z8t*D>fwxaDPkhdQ_zWKZ3`z9IXo94tCbtsT%z&K?;{C@v(F?f8NY_C|BCH(lKeVck zGRJ?58-6=C^K|#dM1h3^jBKyvGBb0CWQM1`6h&^TgFMx)g#tl$!_h z8~p&aPbldIkvRH-Q~2g{ZvZ!N5^Afk6r0qwN)xup}ONW^Lxq#234 zZBZ=ML{077c=4~7uw(I}ZF_mz4yp_kDw^K8u@gBMwGxW3z*$3jgi@}e?1qGMqn4;R zUIy~Y*8h4bKKEqkeCzx~A12%@>|}@7Ab)nv5LpvHZes3S#AvMZe8PAyxPb88^V{Z6 zpS8x{y3kj*+oS*nygOEJz5Dw^U;@0&_sX9KOW+r%OyA~<+pw#X^yVdpih|(Lh|Sn> zePJC*a!ULBDEpfxJ@E*7RhfnLb7? zwf{PV#^b&tysnsc2^^ZKX2qswGK%>2$#fcgJIWS=Tj2 z(qpTwz?ut!BNyx)Hsn~!lB3zMmN3)Hx}~v!%v8)`*>TWvy9&J`qJGe`JI?%oeHMOq z2?(4p7Z4+=UyGdJ+Y>%8h0FBq2_ER+76r^@?tU$_D1fWv8S5l1xSG^FPfG6;$IsW0 zXeuJj^y;;5u=R$sUjwyn44%4)%0sI!YkWLRMK6XBQqpwAe@hfLGtKa~~M6ZaR%|UlUW@$~Lu(gl9;Hv_-~fJhZ=K6If1LJlDS+@`77$*(BHjYK$<& zA;KF&yng*z@7=`vQ{eaF6*@1O5#wAh;k@igQg=^cs{uO8eC-gAS8kfuN9`&TXfpCJ ziH$ol#`(lBOks9+!vOW|eq{Ji?PDbP+}4c!5kteTB!Amy(PVoll*}`Rc2ju-Wi^u6 z5kvFK*7H8ys^h|=G{qJ^0Q-kXjB|-exN(TxI&6I~oNFykD!ony7lcGjXRhJ~dRX)D z^~J9SLd}-zp;o8YwBnSoi~Va|v#5ssMpR^hQ{&h5UnqB*o|i9m)mSS|1VngYm<|B= zoaupQ*R)z&#t1#(1x9@1go93KY2;>I)}-aZ1KZ`yxn%8~?jh{k?s<`uL+;lC&x=7` zyolK1`w(LmsNSW|TUsP8{J0yvvjtBc*NoShhX}g@4kMs|%L18@7ng3^wsdq0ylO}W zOo*wXjcn@Mc;En=YI_8}NuA&RmhG#Ckrsd=%bMJ~rZ{~MxR8*i+s^!$eFk!D9r}KZ zvnz<33f~BimqH4js#O6SLV)pqHHfXai#;jHl;e$jPwZU=?`Bj}p9Q#QCyJ=U6_4x4 z)=x!rdT*eieFIC#`jqWLd`L6A45&{i7iO@BbY_p(x5m2gx@b-7@CurQ{q!)hFH;AK zgI))mM7*h7%raAN{0Q9(wR=;Vf_E|Xfl;F>?4x*jF>YmnPNp}?@?JdGCw$%29KAkx zL{kXse9Mrk<;E+mm}4sl{^3?4SD-z;>j2N{LXOsc{`xoHH28!0JT5=4YhgCm0-rPi zsoGw5Wib-)##lk?0#D3!%GbaN{EJ)MOZl(P#s>mu$72XIyaMmBjJ*GC;AY(-ycam# zM}?EZ6R0hSxB&O-JXkLIDxvRqKQI(=y^6OI_;?z>c>WS$J`OQA#PV_QH_)YD=V!}s zV5H0V$KVy$CPWV9hFA@Y_&t^o=po{0?G2AsM(~SYgKC8g)ly0MaXoCYGa0rcoK`_wL{@&f! zoO^Fv8-7H`##bB`v0>oo&F}3Z90LIRR47T7^sU{mf2@J<;6NDYEg6pn;?WNZ4m@aj zgVr_(k7nf9^|4}#=@Tc5a{3WpfTZx}o8X;`-8rUA`;qJ&27ahfN`%%z;n`yiWaIFc zjG=&$+xXI*cxwV<8!#2c2(lYwaq0i+?#<)ly2^w9Id|4O`#zGjk9NzJWy`W0FR>iU zP8=s>aaP-jE!(m!N0uB(juQgK2@n!?0u3~w5SFBr@`k>UH=!*rO=+Pdw3LR@Qj)i& zEzk|}wr^=dfhzC!Ip^M)JJL9TzMtPeKT96nIrrRi&+?q-Jo^I@z_eN2y7(?RLnZoA zjxfK$Pei3Wi^FKa1glutAeE$U(hv* z>7S*Fov-mnf~i1e{NCTzA`!-0&H3urmcPS=ZN$>?i$%n5O&`0^e%gNad(+QeY%fke z>%>8GV}>UjdpXxl1fq}(B#4Vd)q?nl?ZDR}WJxtVIQI6jHN^Z56A?uXb=L$1C*LZe zz)`#@T#tion5KB;TaNdvn_<{1>v6G}iv_*1pWQX45=#X^|L$Q&G;a0UqlkuPC+n}t zp{f)X3Kvq(wMy|rooH$a31V-}H9-lq6x5jS)y)18;z5%lLel2;ff4bB8jXlZ&?^hvIrp`6bbx~UtU zH)cpW##B&=k zIEQ!nu0fBtR_vQ4ypN%nA(eFuMWT#W?3s&cg+a6GQ`Scui)ZYd#ljiAI5G~&dl<&c z3C|`t3+CR@3|GR3h>sm3dv0Y*Yio0SJiNZI zk13LNn_hkap6i43trJv`VMZWaJgzN}3$-pSD%-uW>Zy_*jHas|Di?Hx)Gu{byiTy8 zk9+)0c!3wT#V!wUUq;~>zX491dZWwN8r&`ZZC68MAQDSQ?bYMs-DUpm?OZwFrQv?> z#)d*fJciD8e$H?YC6cMKT2soQqmqOU{{j9c`1jp@J(N z_sYiCi^$c;#0^Mmq4?YLOU2=}((uJ69rzaL5j)<`7MBRX&6-u=yt@kLegZ86-374< z5q~v;C_vAN>jhC@M;(&l_sB3D`Zd3OHB=ie<$U>srN8(MIE%MfIQ%~>T$%0Da`}W@ zMl_tf2%H$ZPM>HB1kJmuM2K*}+ORYzbT;4{9*LRkDzS!R(cp?;^tpDx3e57IhM!s}*kZmg@v4 zo0-lk;fU9I9C4dEd(p{@j^OhQl|V%2Ba1J1(@or_ZOu37B-Af#yY$j+yWZ#z;1DQj zkl(ngCJRNswvOMSlUcLwVc!_K$fuBVi$zQ;eY*_%;6tps+2rd+#SgRxB>@s&NoxoD zR1(%4)~y7N9EM>6FG}SwH3c+<5YUSXLk&|c5{{EsWmPnX`|(NwpR}ch%8mWee!c&?@EzN$V--6Cs;YO~1h1vQd$)iviQh4iC>@&(H?9liL=%FpG1jlJ&8oY_GetjtE-Nq zDp1FRxIBN&USH#dCF|GXdz<<@-;1nWFEr~l#5K4DzYCuTU5DimlMkU+@IW)%0%REj z5&@6)>6HcAhFpWgty6$bs&{ z4*M_F1Oosq85K-t0xFat*=Qn_NrWSJN1`|z#8NGJ;@_o-XqHjo;~6W3!>2!k zS$iyP=hLa|#$r>`>J{-~OLIDnpLis&B5M_Z6Mr_*Tp&K2)timC7IWFcJ1$G6QmJHY z{hCy2%}~+~50b?cQY0Ep#G@DrNZ|AYx8sR*$#sc%I+~4V3+YuYYg<|xNXD4Xcjkl9 zWF*^{CiI>^8YD3_LAa7>0*P4RBC)*$N8%sqORDGaXOTQxYl%wl;znmTi+@fhb{v3v zahNbSOodE9Z;!A5P{ks0FagS?&Ni#OR@*a*<2=66>qZbYX=i$28Q3i$Y@En)Mgwr4 zB3u0c@mAs&Tye$Rl>_1qjGY6qnp(q_^~;m*I(F>hbSgfy0t=-?ENX=|y_gKd;p>Sy zL~au*`_-y;T%4o)PpsY)^4qvNTaguOV~8@KLlLaRZV&mbu^Y$6R;}sa35!VQ0X4nl z+H3E))^D|fPQuA%!ukzd0qYi0{tSLUwA{W13A7c(#sbUl{*BvLku4qE ziHX!k(>uo2x1hZz_i)r1lUl;-7e^5NdQbX_EQ2?gbM3R z>7PolBtFg++6sj>@orL~_Yis@<_8PkEW!3eO(bAYY;n#{*QP`KJtPC0n`aCf)euXF z;Ix6q2t)Lmbx2%Od}x;aCj+1)1U04|9+QssU0q|@?CR!b;)agdcK7PlYS6W>mw*ov zstK}ZN!B*{=&$evL9o3ryxOR6nMZ=}b-2r$BHj0{@L#5$-ZjWwL>CDiOcYE|6Wpl#3C_F$=}kR51EHRWU3 zHC~EVr8p z=d8pa4(^~~=r{_7d-GxwTrL#Xm-8t9bW`D)la@3KhJu zkUO-QiB3nEUA#Y45QFrkL6N(ok*B2^AG;CRn`p^~-}x?d>~C^zj6jb#YK!xVyq)&&E|Z12a^wap(z+tOW^ZM# zHX##`9Nj0tU!4e6wdPA}4C#|(deB~|`gqql-5_u)3_+Dm&|Ae&O|D#a)X+|%t%npe z9E4HMjHuQ7>|ie1k=6-572b=)k{wHTM03HH$Fi}8SawE#j>%S7oZ<6}kaw;5a_+W$ z+qduAZg_B(YVi>(jO3Zn31Lf3Mph)#vB-1U?&>)>$K;AgbE=%;x4rb7G{whvS8g51 zcjViy7~4NKw*M@XC5+h{IC98jPD9X3m$J9Mp-v+)lNm8=qLbkP#11{cSiH`38h$`L z+mxEUfA#k5tDl98=J(mY9lh6WS*g_9L|cO5M#BR_y|S`-dr(9iz2m)GuQOV)AOVDw zr9~2D;6?a%xUfw)8o@XC>{c+O*joPv*Pw z9eqPvwzxO+X3l&Vh8h#Fm)1tf8#Q9P*ThpL(!RK)}Tq~A7d#xyUZFiQLz;L9ssV*Y$S`Z*kI`o z$zzP%T9W1fXH}VlCw@E50x&|O5?CGuKuN<`7!Ye#64* zV+DULIW;DbH=IJ^P{H#q>DNK-gpkmGy(7aRSY>GJo?bpiHb5u$NV-x!3ZdRmxKnQ8 zsL?45C#DhMkzy$+RJVL%?vd6@X%7S|e|SLd;N5|^(^#x6e)ZwgryoA8x@@)0YRUI? z_FS!^#e9pkO*KW-)jjX^T#tC_ytkChXWI66cEq}_A85nN=;A_GtfTWH?{&3`v0j_t zMW-L`=)rC+5mlp|uZv*K*3;b9IjY{{xvW0<;vw*lR%&0{K3!4GP(bV*Ynpjt+2oyynZ>X!1 zCmz=M>fClyvaKz7(@lk;LL$@OpSjNjzuL6PT&N4eHUY7OfWFTybK+rHZ6+QTDCXy= zqXzo|{Ojuths$At3K@caQ=wok4hG0DrD^<1QGqnjA)-IV25ftP7?%E1x{g1b3P>G} zv}B+_a4nLbsko`5gKJfN;>qR?pIw1c|B&`TgI*M7Pp~T>x`DV>!o)%OYeJ={yZ1^40tT(k|)s5WsC+sgyT zF1d6V{Z^PHT9$Re)mIAKKC3Ld7~Y3!E`kNWt*~?@rU-eDXOL?nb>cwK#(;*+m%a(T zVhB!st;IJY&ouO=sJbvx!(}X8Ot-IY9~vLR9V`@qrWo2eq;|g~#uo1sZ?SjA(&^Ys zLNvTo9vUitmY`LU;AdBljjfjNoX^NLiT(dpV*is6N(>`4-7R4t(=P-x`hu_C}+7;j%^%Ox^Od)jeR!}+p%Y>o^txA zukn)8VKb0oXtRm%8WeY2i>I8JexS7LA=a6aqyfFEM{Q3x_ttTo8zOHlQ;_U=bFjNX zjJ?o)HuoQ@iBxx6u_>^zo1?`uAJd})k2iR<(%a=FLg z+Ju`NMjJ_VF4dVE_8XcCL5-kw4spLRzv@LbEh1G5(_J&aKqJw-WKtx-?2tbE{XL9( zNC*v7b$*A!T)!5ANiFr4b)r*g)b6Fv(vO;lwG?_=Hc{7*UtKno{l$Lll77Z`{JBbA_>WHDC z=8t?86OULJw_xGfs<9y2pfRt*f_a%%!r_$|jNz5S1QwQLV&r{JDUM!bl>%E@zA7TF zku73MN9N%5;sRvIam*8)X_U$HMv}ltHx_^qyHXuBzR zX1ouCv=jVNBP6OTZu-+?@{-AQ>&BJ{eAfMW9f{E{Yu_7Ir!QSoE5dnVxd2Gh+d1&c zi{O=tVw{ZIR7xAaZLdJX-1* zoMhpUxao-H>1OrA%XYMG+SIz^vYajYo9??LpXe^ceb);kJIdu9 zBb#mvD!)AoBEIJKAZ8Nd<5&>bw_oEA*dEzQ7-}n7#s9sdDFR}a9J1~&FMsHAl#GUY z+wsul5A{zD1IupSlXqcb@~gg&`F;af?qwr#0B`uYQk=+SE=_PE#@0(xoOtq@xS39R zdY#NB)r(4Alj_BWQW#Q5Oc{WxFpnUQEQMOZk%KDqq5pcWlSCTX>ym6I4GlniO|Fx0 zI08Fao9%>j0!z}J5GL^}*U!YVU5B==hIIK|o!BkHly_oY=|*IiAOqN_G+pavXwwF$q;9*$6NVjS9I}d!%Xq7NlhLUhX-WKex8pAkH*~jnisLVi*Z5ruy29nf!_1;%xuTvH zyA^f6W3}Rax2WD7Zl~LIQP-*p&?;#rv`4k&x|J_}af?K$F)?7G!7Yy>`o(F-?C#rj z^mT%pn8-1q%|v1m4$(W-189DH-Eba*ek0?TqX_F5e$fGiw`kp8?~qim*7o2|EWaVi zv7RqLE0UZ7c1C{Wf{iKKL7Xf&-kmY1_rOJ`8sc%Hj&rVHlSOb*Wc|?yX9=#7(AcD7 z$o4c?ahnt!5Zr#^D`24*mb?_8HyC?r$T?)i0?nPI%&{(fw4{yhTSdGd4RX}`4?d{Fkm$TZqNF_@QL- zwVNns&AjqP6DMhzJR5U+;gjT;BZzMG`Vp_B{G8+`<=1|*P4-fLZLh%k6W&aCo@;r( zo0m1uiQ1>5OZuy4gPWyw!182i%?SlRVtL8dUw^r&A4dEgdCOi)uHJ}!@TcNU9b8Ld zknCR4wf-3ypj3ZQ@=q=PMX*U-TL4x#Z=;FllCffu>v$7-GV#ymu7ynKOeD%5| z#A(12FTV|L2(OSF^px-ot{ucuDYkZH1%K#`!aQ2wFKE4w#_*ru5Grce&y%+~#!4ixi@e7<_-^_824I!U#|S(IPV z-9!+u=Y*D~iP0y86qSgluatc~=-Un7Ao&wKx(-<#N6#S~!G$U(iM6;Ab;qcaEhI$R zhm51^n0aMYhE{i|$DrJ1q;pE5i!WYH3a&{;6C=6xJ&(K+Yqd?YR{PKuIclG?OL_N`X*n}#PIu@|=9C14zVYNgj)Ea=N*0%W!EG)vyL5sBWY!S{$ z4y9zEcLSkGIH$;){RS0J7b1aJA)anZrSR+;NF4~=nds{w(85#(wvo)K`WwR<*$hN-b#*WO2WWHos16ClDZGEuZ3xQJZ_IF7i ziQWG4zY&+{joNm5v+(`0iz^~5NO4GtIkvs z#8kjYjr2vjzfgET2L0h=@PcCT0)3J0FBYGwBbf5i2p^I>h~2QMA~(Xj65;?664b%^ zA-uluIMC!nC)5F1`*3fBI%rl93s47ooQxGqQ%xS=9)`oW(^8epC`-fA5J6Kknc*~q zr>{$AxGlBf4K9qOm&Eu8w!|1zLrMtAfK`R4^&uVPI-;60L_8tjICc_3O%S16SXw-< zaBYxF2$5_lK?ZnI(=VYTd;S>;g}+oKl6&*^r=prV zSw)s2vP{J#-4_1lPJXIzk@Qwb_57r3Cw>dEJ+W0tCh~~$(BEeRw8=$YV`z>HBE{o{ z5ro1?lK?A|m1J145EKpsPP7FJhhUiO^qRy8+NA6Xhaqr?AWzRjjll%g>zcj^@t!mU zPBw9Iw;^u4H0LcLtlL3CcKl zWY5WufO&}}WBIYEawz9VA3wL7+448E#QX?4Ngc*V0IdywEyyNo|_haHK|I_6Kv)N#+>?_?c| zm`s&q9kXMZR(xETIGuG2Qc?x7OnN3IS;r!gge<$-KCw^shMQ-)Q#^LM(cATKNNX*t zk@ZN#QITdDj)lYR)iO@+mqbx=e)1t{qC`@O6WM!Ro@IHu=~1V4EIdjYD#xd6rsC@* z(Hv?LPJ^3N#fGw-FM6d#)+?J9n|Oa|EqGJxrAXHE^1gGsq1bUwAc2JyEp_J#(Ohoz zRhv4`?I-^GWqU<9l1QeL1oO8-*<{4;Z&^3qeHox6II#capQ=AsZ@~^}K>J#aLIdUt zMze}U1PXPVT0hc5>IxxNJ-2$+cNsdRs2+`^N|;>RUyinsn>73-42RU>TfP)c98Q(U zP8a=BtTnbTrbq@@N~hH=Y?_qce>g#T4BRI5{QlVEU*d@J+}Rgv-7ob^Y5HmT0x$oB znBs3mD~0Z%dw6u1?g)~@)``C(S|lzc0JOh00fz-c9y}CUiv&*txBeW4B@k7GFa`W= zMcyL$StYC!TR|v@@*wiu9(5h4KroN6K>Wj6ax)QFg4tE6{VCFya-sx-?d*s^v~}l> ziwn6(VDSs>@fLd^%s(r&u&?f%s;7g&nmUA~!_{ABDueGt!of z24ff=Q6pX)+P-t$%2-U>m{o0bVw`YjvN5F zX<#dMog6U;9Uat@1Y7l%dSn$zJfjy7>?O6?k{bNDBSJa-P)L0U=>cSk-;Uyt6iFiq zjRp$W^he`s{3&4DLLL)Xv9fn0hK|`E=cI_0B`{ZVaPyY+InI{gA7Gf_FPGb!?W{kX zh_rNcb|G6@m(8ER8jwSzp`1)KZzko1BC|&>i98ifJ)TRiL9mo2DR8XV*pNzf*2wWv z?4IRZ9^{Q67nyJdV?^o>&0oXmy-*3AP`U83dar{GtK85R(3n_Rs~;1is*zp08Qtd| zXkw58lPJc41XJh{`x+*hX~Wo3usdtK7E~`*gklD`VJ#C|G@{-pkJ111ja*mgst zh0|EI*w=5{aUfij>*AxA9WJbqt2KqgmtA!%+b`Gs*<+nBgiSp$Z3{fB!ybI#irwKx zv4&HP;oVn;a{4m&`75)l$f%-LWv{#;)hky$=^GxCXPcU|&GA+zTdCltDxF!AN1j|R zz==qBB(_!c+BvnB^UdbC`2>-aOd9!MG-P<6FMLnUnXMkd%%v(G@WsUK)~;^)o)> zk4P*DD0Jce1rHiclH@;w59$fa-W?Q!-4bwzz>ZzZp2aj?wsByz863_IZX$F||E|GQ zy4ca4ZHOgutD0I{oAPa;P$JflZSN?={Hsdw5|%M>GKpKUOmjB1^M?}G^{Zo_DEur%yA>GNP-Ntl4n?=k&3j(CBbr- zUW7niavC7B>LE4^6T$e|e+ZPFvqXrLVoBh|91A=?BCcj~YV`I{TLdan1)QhPm!94b zh8>;ise#r>;@Da$I@vnV9<-8@{cF%$IA~jh1zG&Z7sQ@SJ`R&SiTqFjT&DvU3Dwz6 zN;s&kVydgFZDl-U7uIL89J!g1f*pzvw03nN!ib>gDYC8oJ2>Py=t-C!SXC%A9ystU zFCI-}aHi6uyjQ1Pqi7@zJ!qvzC}Pv({NFGymmVyB80rqv7&W$kv>yp;JE}h@zLcFR zb`7*2j2_5f+mC9F+!CKg%WnpC%2D(K@z9r>l2AjdnKmFa07TpDi*moT!{Q( zjYDRY4`{?z$Oqu)vl(#e9c?8#s+fQxn1J>dpL|UTImdN1^uS}8Ye&W>CdNmu&2)wu z+I#XNd-ja~Zxgzew&|j`XVP#Vn3X!VPbDh1|E&Sy8`mL{*eBuaNxK%hp6A|KTcV1V?($=SJ}{ zbJqr)A5g-w>7CA&EH90z?EuYd2ScGj^e{0T3l{%V6twq?WYd7mC;LKpmxcNeIv)!M zL&ZYstVjsYN?I83PnB<3g@o-AP7y&0`8u2n_QsHrU?1eN5DUU2-NSovQ)hWytw%+V^A-hmALj=)DImhR<`c7h)VULusfJgmnMS2 z#Nrc)c7l}oBvjeUzGQnP)R{^)1%pk&>vgQj>-DwJN!zg{eg<1&+){I$?&OFj-<_~w zVMWYKSaz-j2Rs6#dc%f<%5PI@<(BKN+w!c?Y0t``fYF>zs9-_@ndB4K-Ekdz8rx## zFM&?uyW{|tOhjv-&PSoow?Uy_42^z;Z!aUf2wt+dATPqIT8O2AkdyVu@2VuGa0O+3x2 zrF+O>WHdt~L{(>bx2wvDsUtcts0654{FHn~^!IxAKaJ|gNlbo~Cgbtgc~X1re3Vbl z)sz}Db~Wa6hD!X3VQ=O46a`wPt>e*STwv81o8jXk|2mb6P_ogat8 z8N(QQ)3YtX;onfIYN-&uYZ(q-T#m#8o;XDZ@Gkr%b{+JgmbnOtY{+Z)ik~A^5p=bP z{B^XV64_qqEhe(?BCV9mPw)D*VMK&dt~rzy}NhITDfva)o3@wMNy$5&R7wUKSL|@{`09 zanP&AL_(s?fi6LjK7*Yr2eTDwh({4Fr7F#n@%d8w<<^KQc^ZT_@7c0<$_66Y(iiHo1O+5_U`6Z=7C?157UHPsiHqhAq)Hd+Vmf zyXf)(najnGrwYG4oeO3b_NP+)2^(4Um9i|VrBVL;Pb^H+F@K`_CL-BSePfmTNFlYv z{zW3*E|-k96G|Y z5F$eRW_?$y7u2Bm<#t2yYAF*Y?b={QBu-&9*o@)*rh&zmAZYh(Z$8_$QYhPjZGJ*t za2UPGU9614TC=5UmE66y}lvaxGv^zSU)lt zO?78dfk3vgnW$ZAkZ^|U?_V0@a4cQu8ZHLo?2wU|6-q=`;5pyX*$~`4(%zWtI?kj0 zxk7j>p4i_(|AHR*a0*>Rxn6$K?ka`2&Oy8`0A?o-K+- z5m8r+e@c1yJcrmeZ%pm4ue>HOP-Yi+#{ak=+nIz{E#^q!fb%AuLfD zif~tqNMu>%8*tDoD)8POEFVORC>47`VvHgYW|e*ANld>ZxePfNgZ@xsB!PxBJe&)7xGuSXM)4IMrDwuarmn zh-uojrZZXUu}Cb_)U)^2Z&=-{c|eR=(x`G{C?4UB{jq4QF`L4Am~}bl%c^r~hBavh ziZ9Su0bU>09%4*8(xB)Nx{MMwd`85nH8+hRwTJ>9vGM=U+Bui72}V9?O0rNnfP$2( zv6p>V&H3!^s$VPHY0z7$j}dWq72H1HE2zI#w}7>T!VpyP@qwtd^#Y$Fsy8jXxacH~X=T*Cis| zOx!^P36X=iLG<$X#?|R~detgi^r}nAKI3s&qxw7W7B=!w%8Njko zX(C%Th(Pj!cyEooz_&(NUU0hT16(=fmrMmP%m+)UY;} zjBaV`zM#~Ri`xMr2*yiUzp|sDT#NM>@fq<~$`{sWF>qMZ2WuCOf+hX-ID67hJk3?5 z%$Ak?s@&LEZg?)nb4qoDRCh1?Sp{N^!IpR?+SJ>&eN}n5kS%U%w9%#bgYb3)0Yaq_ zwylO7VMK2v8clf5(Ax1*OK)a4&C}ON3l@3R`0EEE1CgDXR3e*Y%EYtdAV$ht-liSjc)Q6L?V77PNNV(zG$W66frX4s6c-+&s3*>&8o5t0jA{!i z{*HQ$qMU>#&;?ZmiKYp5gHN9XpQcR&j~omRBopT=RIRK^Nesa~?Aiv&7UT?!4Y*%u z5MHJUk`<~8Txi1E#HJzq_|;60nu$d!d1!?YdQwylkk{RICNJcl=pJficOLDz=rU!x zN+Ds5Ixe%E!pY=M2dA=dpAD-B&bh z|Bs!b{Qei)+5>Z0*OFb%H&-{=Abh-7vCFO|64O_g~3_=BA2 zldHGy^;?k;b_6@Ug*&k~uxSRr?Q#!Pbv+pbkfCiI7d-F|jB+%40^)>-oG02Hi>0CMZ;{!IOT_s{RIQmHcg3AZd%% z%k<|S{rOeH1q=TxsVZTFIh(}O!mEdEui{6fWg3?QrNFxObkwsu>|pZWuQ(b?;u3K* zj71Di+`CzDwoXvLUy>t8f_mo2`yTj|3LcgvV>1XNhV2oAfrfU?&myaOvnC)%(3fxArvusiv${52@a8# zj2mmnxPfebP&_Bo&}N;!73y2?EXeOhLCM0Ff@q2@e)hBwwY_55*wg!h%X(ywZ)|E| zdjv`?O=~Xy_*lw@v4FXV*r`F74gYBK(f)!eug+?wLVS!&44f$3J<&BiakQ4oj_OK_ zo~kDys-0i7-tPQ@d00K6@R&+ruC%=&6V93K%%s>6)*61A`FdS#p>$@+I+i`}anE|~ zA?1<*;K~i|Ir@UQpN96i?x(>m8UW3!KDI?5Wq*)g4NcsNVdNXAk-fFmlkqOK>nI!{=MbZp53B~|Fb8_^-hryXOL!1_Z~XxvS&{AWmT0^w+HP+ikG6*{wN^iH^6+~S zq4yoTWlv;$E28r)4R%``yY=lK4fKWm(L{eLwSOV)&nu^H#uGx9$(0zyg^5h;Yij(Lt~8*`+}^;7yvu+DMMoE5D+EP4=+#-cgvRxx--q8b?Zc2aOMUaN;C8&$)DkX94<(TuIf^k#D#*W2Bxui%% zlcmOv#v&Zn%7GpbM5z0M%l6*3;ie6j6Z@PdKkVKVU!x|vv{*u*Eh zt(%b$1e!MGiC=(aj=+J$*D-Om<3xx-I*{woQh_zH)v75`gT}~$1rSclJ(I>H0qV0Y znfxVMaCsmcTil;ZSHf*01|Z6t!i1oqH5$44X+f?}Kd&yxH0j9Oi!TDcrVnG-pFBmJ zNC%h5$zoQ%?8=|@YP0xbyVeq#c-P^}z=FFDze|5!ad;PH;87{s^=17j?S?(;*@t#$ zCo8JC|5sjB<0~SFMgj(7Tsm53W&I9nM-nHFc?DfDR2uz77W^X}TUW0@L^+`nR%50V ziCnsD-G60HR`Yr>MGQvX9*LAPjn>@H3kq#3R&6bhA3AjJgu0-N_9(IxAQpcJnA|DE zP9$`*l`57mTm~V2PtH%#8`Pr)+_f?ZAY6&R2~XxE0TpYG)*_!`6C#VgoL9T7iiNvt zxKXlO7-vp!ea*F(bmpGs#U09;Y#5aTmTk}Pd6~6uSK}GRKoCKAwPWBrXL!IE z!e!Nrb;L}SRnv^JoAxWjxm%SLzN)0~l_Y_$Ebaq;yY&4^p(h1PI`MqjI)a@X;#&+K zhqWJ@J~P2sBAL--i0JeLvdLvBvIQwtBoz zKJUZwh3;k%C5iBG9QRSXx1UAMPCKfaP_i zK%v5jd4`i3j*6bwen)NTDd-$71bKF(kl~e`!yPixkqi}vJ2Om&i(N&Ut)zvFMz>GU(zuh#hDL!)~(h#D2J6q6Vd)!VCJ^&Tre7p z6W}V8xZ&W&jR!Zrc~fWSrt-!fl_(~n>3F!edCOo|sXO1T8gkiEPh+t;G1%8Lc*RFP z@&r#3v%?NW;(c3BY}s<6d0_Xz!0v0JP}`9>z#L8twsfUia;a=4nYTmmUYWKoXjS&4 zt1}Nmzu+PL>T!~k?^S~&ec)9hB*}YSd1*$|a?a7@G21?0c0VTV(YpjB?s7G1H-*nS zN%N`+{?01N@MpAXTbD-|CJ?iio(#*_D|Gv)5p6hV*v`LDe_2a^g=QD3h-lWvngmkNu`6lS zOo0=>f{15Y+f#I`O7ey}&8sh6=ophko8r-ycw6?i%l4mJ+j`^h{&RS$r{ZEu0=c|Z z`wFS@H*@~9F(HZi!?{ZioZG+tx}Je^`vUPs@zyp1pRI)PE2Mf0k@%K)B%o{FNO;9`ai6|s&3(iddyEs@{OiLy!CWik=)dY* zTTqo>aIXD$m$f?A0bg28JJ&(3KkQtGxPBIBf}E#W@|ro<%Gd6@)48_vdrcibH0qa~ z@_?^hUFuv1xqiKK9pd^ov5}tjo%Y?~oAXU!CwziTdhO^=k1)gS$Zdx7Jg?&VI^Q%g zUXN1i6#wTa*+cCKuB7}FZA|IAz8$lt@0go9eqy1$??`|9x}miftZKh*dgAERsj0d4 zJtrpSrYBCFo;o_^!yRi*KRW3jgw@&{zE zomtp5J9m7tecj+t`=<7#9inJt^}5wE$p6xCuA`%KjC4wOzn$*Ni>2H0)9&+KH#s*y zH9ONjG_-bbXlRI%|H7mJEy$bX-^)*NM%MWUuPk~v3&=?02b9N(sfZ<91GQJM>m=gu zMM&&-^7e~4opuw^aSxehF2~pS3ZU^S)@3i2=GOux*At)TM&CZ{?GN~F!kt^PmH$x?1g3*Qjf8J-=SvfI4%Z+OH0%o7BzfpgN=`)M0f* z9aWR+m^!Xbs3~<4Ha4n5-JxEq?!;5{_3D=hsB%u- zrS4X5RBuvmR`;m4sC(6YL{NR3db@gudZ&7qdbfIyx}W$u?^D059#HRBA5g!d9#jvh z52{~PA5tGy537%;kE)NUkCVs#QT1!;6U0pYr1}jqq5e0rw0>Isruy%g&wf@tP7JOm zkhgwL{g(P|V$yw{7%*Q@zY8b)d+LkGLHSgd|k{Son3zNY>}eO>*j zdKNpDKU3c%8o^&6<@-zZZStc$ul|?%E9?}$qy7eqpudB<`kwl}`g`>c$Ta>*{j>Uk z`XQEX|6Bcw`d9UT)W4}8sedPuStI2A%TC7&9&1$zgtg_W&}Qs>~{DwKZt1v4*U*);eq0T5l0V%Nn&dS{GQGtj*RIYpZo3HjZP~cIzT*hc#~P zw02n+TbEe7txK&v)@9b^)@!UQtShantgEfP)-~3()^*nP)(zH;);?>$b-=pGy4gBt z9kM2@!`2b&s5NOFvyNLQtf|0>*;A8&!;{m~p`(-2lM9pn!?U-Cj!exRnVt+EnLTxS zVtzh&Vsc_`A$a7(8bgJz~M8~hZDN~ZIg2gQ%5GIqq?KIN}K|EH?O}WDlb`>ynP{Z zc;dJ&PMtnMcMeX|*ZCt8rza!xN2ccIXXoa_lXpxWoIQ3dF|pw3OVU(7Jv+BBH!-!4 zxMlK=!?P1}X2hw}(-U`iD#z&Sf^(Cnr|*cH88=TQ zPftxU2TZi-^4#RHxyktx=4N1l?!|Zmv!QP%r)Q7P9-Nw)UznirQz0`=v5D!!XHJRC3<9f_KfLagsS@4m}e2f(^H4%Cg$$27bXrnEgzjdJ2O2yan!syRhc^T3VY$i znNw6fb2{wIaOT*={KB!>xwA4AdQD?V?t`giLRuW+Zx(>2*FnJ9~V3GU5VUKt`AL3|BuK z(N*W>=L5&4<|Yk*oSHf^H#D|7KIQC`=;?_w^JccgY^4PNrRbR! zPn$6YurO;TJ9~I);mGXNjOR8>?1e+!jnJ)nE$zw>BJ-0A3sW=4=QXODou5p5=Ifwr zb`XkSoI56+w(a8}CEb{dmt>j~4w^CVw<}vQ$}&xv=?Nd5oWF&si@5y?2qpw{1^zV9 z#hop$zXT4?PA{a606mjO7NB?ZD-+FbspAv6GiH-$lqJK@Rr<9sdlWRL zr-YH+Hb=)b<(sR)vu3>M(;%g}gR}w?l}9pjlU2l_O9BFRaknJ_t<==aF=rp>8Vz+C z);GZA?vawLAP#*e?%*u_C1!@HI|-INJfG4~CyQiySuho<1*Q!HxTZ=J95HWjZ}p^* z0i`_9bb9*Cd{nn>7RW^aHWkgO6gRuqKy=vo5@8GKHjQfs699_y^yS3#GnS<F z$s997*KY_jU2>ep425{`#KiP5TR>cQBFzSbhOAOlA%o*H-owK5ytg?@KUG zstQ5+IR`%pZuD&Qj6+sb*S3O1r9F;{3hHHlYHCYYjp*Z?@kFafPv{Kv+>u*S&f>WA zt9!Cc&z_Cy!Rzk03oC;+fG~0T^z>w^I;*-`w&uXpMR9MJ140o%MpWoJT?H!hxIsig zO}z-6q0g8z4)YLms7o264L))9KIAxOOLdf{r)F5DVFMbR@+ny+&qV4K10CsV4etB& zap9>IGl+hQ*B=fXpE|aXtiZH>FshGAJ;O1Bg!FY#FL%y8t33^J6dj+>y05D)Zow^b zN35F<$ZiP0Jk3U28Z^WLus35GmzstnE`rawjd+F;5F8f~zC~6paCBl}0(#*z1WVk@ zeMGAm11icPM55JGpA|Z7nh-30<|tUi<;OA}Oleq|fRuo(WnofP5>WTRV05`Nd$u|e z)xE&6>GDFF>e6h@QKE~A z24Xy%s4h;_5TYrE_+pEgyV8G6;^vW>`>}U z7OGV~H9fH~ga0$uNXQdk)-9=NNM*`sUH=d0yQEn0sjkP7B(Afr3|<-iQR0)yucaT$ zEM&W~pUnPM;lajzjsMX6wdU`%9&Vp2zpngZ*I?J%kvy(KdU%iTGrn*8evE8z74o}% z$lC5fF7_GZSl>bh^s}gI~#ZQKwHSkPvP@9Q7vUFUMWwF{bnUhB;sTrSY!cw#{D)lC<%QbCZudhv?{uqFLK))%a=SkGF| zTi>_-#rm=DTfl?7MdndvN3Nw`ooJQ1^|wNGY`*`^%+#x0Zw24Y3N_M}=nxy3@w#iN z4$@w|7QOHPXP&KBr~1~PF&}NrUd@bp`u#tFHGv0_y`>)X~({0;sM{;T~n{(Jo&^?%;~ z=l*{QL<3!cErDwS(}6byJ{WjB@J!%4ffun*Xblbp$AVV|Zw^ieZx6mH`0n6?>LPYU z1AXdY=Gq)Mer3$ssqwD&iC4s!zCT`8-^E7t_snJVrnX1t#j?JC0s@=qcQ;U&=D(Z` zt-2(mOI!@MmwL5rR`4g!Rd?EF_5P9m$!Q|%lV;Tf#xv+ht82f9-Cx^YoiVAS%WAnj z^t@BOk+x;WwCT5*9(U0LdAHkt*=^Nv%6!PTnlbub;Cn{n|1y6)Z}7D9POjxigCVNp zuD`DD>-NL zJFm=!lGtX_TRH9AR_~)scB7ZVyINypFN_R{XT2K=8Qb@hp77e~L zP~pz^)OqU3%z9?q_wVfJrR@n+_tn&zW%lGOD^MyBRwR9^Gw)a*V<#_tQkd(QaOg1%S#PWQQI*oCs2dl|2xDcw6)aHsxU zoMxX?pQ)^wdXI)^q1r2Dz7J_S#QW~A=o0TJeifJ&YOIM_Zv$?=%J*vfo!GO4JUw|W z-zs<2bsB2rok`$q%y-ClyYHR8kNbYx_ch;leE;J68B}%_i;Q>BC*dK?8C0F|N>9~c z*0oPlJ9XDxUCgNKweXMZ_-eU3dmp4!=uhF?D(~>UjnZZBz+TF(lseC=Yni2fdRu+= zVrIpZXqu0`8Fb&EPI2w@L3J=Ac^QWq;YzWDn_`0>RH&V zgeDi9>s_5UQr677z0`C@?}yrXd0Ic)%*s_(Rvp(kz0xyvHxOQVuey?N0!0RP?_y2$ zyNTQ;SJKkwxH9jKuo4@vUz+p1m7Vt)-{-M#l9kJ_s~UKtmq)9<{|(%!)~U0?>IMf( zENex*+rb6qPW9OjFiyjHR^KDJCL4h$4_+o-kBmafzQdJyLb&nuSZE#MT)D@0Kiu-8 zM3_u*x0!L&-JQfxiaJkwT4(%Hy5uRM}BM=#7%7UgATEkV2e`m}TRtPAI_r>)w1&Da*+>^lcOc*^%z;DZKi(O!d{ z*xksg9tRVASN#MzRS#B4ufdvV&bnKl_n)vn17;NpzobWL=0n!Lk$DmB!knuQaP8KS znsRL@H@C)@^;v3K@zxMt0A5wCzG2=L76HqX6gJ@-xA6|CCo`<})l=D98~qpXVAoA-I{ z)Xa%G;<+PF2>b{Y)QJskobOrPr!ph0>=qzNu#b6iw~f<&&i7H@*MZwU z>>yu@z2TSDKVh9W2(->1JNtz7MWkjw@<;vc$P+I0-|V0BzsdhT|Hu80`9J6T9p+8W z1Hl448p67Go5-5v#I9np>iGUduZBpDWSwLMMW!RWtZsdEtHuIuec^LliEf?N)hz7_ zt!!E^>oq-3PgJ(1u6WZ+i*Wrv2>wR**dM>v4J6+3t z@A+oy0_LyUyZUo=}V-)Vo_+GIGhY>{fxdZk5wJSl;_x zXi;fJFp$tHxBLE@U$L(0(r3o<*4#e-AKtsX1vv>1!Sg=q z`-<M9pC85|`B|`vg=Oy$R=5Y?df#My0NnC~^#|71t>@J+aBj{gfl)cp z>-1ao@Xl(j`gPu=$0jmb!AW&m@jany7;aNIY{5RVMpeiWT2AnqDXrJW9_B}$6C76W z{!Z>!TQG0P(;QWi)rwzIP+-`7$*4kMU~g!5d+m6ZH_D0{8@I_!d2- z>~!HG>OhU!%G(N>8ZtC=ojSfJbsblxS+^ZLF@%1t`!?0DVZf!Iyw87I->KK~VOG`K zFLzDWQ*I~Y3fB;TqnzeaNrvQztg zzoFMesK_=Y5s!tUY~yp4=E*+@xAHvlwjw?um*BrKhsO9p{3MK^@s zk!;DcB3JRwLvN zA^YB|%S8HA?dkKBxh=Y*dmm?@KuopIyC}&q0+Fvv?M~l2fEM>Tnfp-w+0FJceLxh$Mcmv=4HCXE?Iwwu-E&Rk$$ zA@X?liOSlkA}i5IZNXF3(lwOIIbd*zyB7QPsx8$;jWY8>6L}%xhm;BZ>|OJNlnM9a z_Dp8`fPU8W)P0L76P#b^57DVb8c{0+xRJG#_f~5iawr;iR*tZil`*S(Sxa}Mf5o+< zRZ}atcE|c*R#w-+hf!n)GODZf75!1yaAijIlrEEgA9Zx4K~`i4j{Yzf126KVU=deC zRu8}aKK1L?Q5UjOMu%9##i><{rc$n6Lk|pRDktg~@4Xwzz~_-P{s2F?256$)8q!4` zCKygM4fXNDJmtb28GS&SdfmX3XZF>+#vIieGBUA&aaZh@G^KF9H*Ezwh^)ce59dkW zuV~C(ZP_i~xTM_alN!_zSgmh*^6N`Vjm-5Ez(?(SAJN#}eOhSRK6uoteg8)P1>?yc z$n#$?OLcU4-FlfB@@Rj2w`s_&edd2@s4_K0!qcD(mo1VfnPZvPlN#Tc62YWm4<+=L zkG(+tGf2;wfFkb zeX5Q;6s4p9K)_eaF$JJ}J%D0?|3&{_laf-C|I*2Py~FzgL6p8-ptOXf6aWxk{}nTS zfdzOA@Rn9mRQ=N7e8tRP;M&Hy!jM)~7yHs}0|1CT001S7?vVAKqAD}nm*E!&Q22r& zD`ps+iJg%n0092;EB>kptP1XN!!mJqB>?~+biX)={{<>g!otYqOBY}96~p|8&rblj zg{_x40012c0Qi1+yrCpb*2!6#8JT|7vHjApet`>(AT-hPi~QmWzGC7pP=NmfURc_> zdIA7oEML6um%l&dcYG3C2a_)ygyC0A^B?SA>(%UxJimN_eP4Mb{{eUg1lk+fnE?PH zUmOthRU-*+jH%So!NnB-2txn>V1EDr7|>ftk29XDCWfYlhJfArhU1v)H!cI*wk#Zx zZK-ZF>eR!R&(BXF71R*82op5;cRT=NAw1WY!T;q5TzvvUh|mWB23_P(?CE# z9K_a_<=348mwhya-WBmT=bGB(WV>l^FqJ08d!>g(G^D(z*HVQXSx zVPUOjWA6iygAa&9;!u-Ja)uQKiHhoFUiW>1BY4L`;}DQo2Mz-3(IBB<0SHp?6aUrg zR_Rn25J4fhPAnLtB|9h>!xY#DlXRBwumXWlC9xorDd{w2>?`M_ir~zi!2E+0N2gf$ zJ=_%sB-@8C&nGr>u0!CLpN8^>QKz?wq3@+Ki^WS#nC^W(=rNXE5TiB62zc_@&=OgF zhMu5=7Ua>5!f^?Rl=d=hq6j@i1vKD?7_1vDD2^?(hTHpiuYGd0^K_gscu4=kAJnT1 zHSTfe)wT1{*+-s6Tq}Gx+SB-{-00C<7A|)keHM$wbKQGuksU7xfWHuiTFj0%+K%ij z$b+|y=;Zdq@QK%)TpSL9nftdqRqm*BEh@x!T@&%)vay~iw?l$7yeYuGXcj}?ewl3E z>yu1Yv3Cc>Z*1^g8C|eHISV%LK-{%_p77|7d^$=Y8AdKfX68@Vt8slzO9{oDb* zs3-;g2BR{AlOFC6v73TU?y=%d8%ytc@^X0#yO%S@?Bq4%#i0aMFz;qPA@J9(i8tKh zumV$M5+y|L2V@4efZu=L($LU6&=40&3JT>r*gk9UGXnylh<3avfTn-Aps!%uaCEy5 zWlE{EO*~9bQrWHW)QS_oS0r1kfBDfuP8o#uVuSKr4*aTU}9AX=7>4iU0)waMsZN1bp?=uV0Yve=iPz5I_c?0?-AR z0~`U~fKWg@AQMmocmjd}5r9}g5+EIr11JQP0jdCXf#yI*pf@lS7!S+@76E?(TY!DQ zG2lFK6L<`~0ltC3fN6tGgPnsbf!l*;LV!UqKxjaWL83sqLzY4ALNP!kLybWXLBGIc z!aTq#z=pzs!TG~g!Ck^j!M7k_AZQ@;BOD@1ASNT8BatAcKVEAK{#U|wN4V(ntHVf$mx;}GF!;{@U~;IiSm z<7VO>;|bse<4xl|;S1oW;;$1h5xfyv64nx~5=9cH6K|4mkvNj%kc^QEkj|2+kyVkc zlZ%mil2?&GP>4~YQMyvuQ*}@~QdiI*(Rk82(zeh+(CN~((OuHh(TCIbF+eahF!C_g zG9EHXFtssLun4gXvJ$aYu+FpLv5B#1vqP{`v0JhSv)^#oa>R0UaolmraE5aBah`H9 zaTReba&vL}a#wM0^RV&w@_yru=7ZzY<_qU*;s@jZ#-GT4BTyu8C^#bcBm@$w5GD}L z6z&iq5*ZVv5Cw^WiLr=*#45yL#6jX65-bwV5-pN2lBSaNQdm;vQf<5frda=@dxw!8gLrXnn;@3n#r28npfXnwCJ>)weqy;wT`uYwR5!l zb-;AK>(uK~>Dub{>#^xc=%wqu=${%y8tfb57}^>^8HpLS7~L708|N5bnP8Zxn3R}I zn{t?8ndzIwnys31nY)@FT98>NScF>iTS{2YTj5xZSVLI1S-;ri+3ebi*~Z)U*@4+n z*}2=b+0)n?+c()iIp8>`ISe{tIJ!EvIo>%HI88XCIomonI3K%cxFoxryVAJYyK%Th zx*fXXx!b$vxsSPjcyM_5dyII(cm{h8dR}=Yd-ZtJdFy+(ct82{_|o{A`j+`_`yu%m z`Zf8(c&?szd*u*ldeLYf%{yD4Rb5uqR^^@KTt28@9S|b z%LM+$G9pBaST=Vt-2+g;3-E^mJ_Jd=!%_$gdnH<=>>pinOE(}X%BBJ8>c!)3hOtMgKKNIE}UXW;hh==CZaCaqtuLA zf{x2o;`q2&Q{&2~k>%X9Zg%)JHJzzR%`q1fa)(E1x!mpuk4wG^vnCrRe%G3-&)*KW zpG(~s6SYfGN}Xvp)}mUtERe(gTvJK1lVr^Gdti+1E=BOe2>TmmF*-Lr z%xWacgW#~kZkF=|H?X-t^G~aJHmG*NPjO;NXOdUtq=_Dq^2!eE2jDa%ub;s;$=aoG zwsN2ZS2alvA<_hR&&e_R(R>BC9`bc{AXx`$-XHq7 z%mhVJtk&j}lv$z}@8mwU@>BXI36S_o*8>{?mm|_Jkou`PLpy2eTAIw;m$2#)jP?+s zSQ-H8T=H^YwU3zoG97`$L~5wR0)qzrj(nMH;jFFZ?LA=$EH?qUtk(tn9&rGHulA-& zkY9TLy&aFTm(*PRz&{>@C=23<1oudu>_x%4q<9Ad6x)1UC~|1S&N~8jiL9u4_B_X& zru1pMttoG4j<&v;F~#4gzD_N{AEV`X$p0cEu^r0EbT5_X+P` zj`+z7nMv+H4HX!gG$7gvBa$m`-J~6Js320C54W3K6UjjYLajT7tj(B8M=Z{n^s#68 z(J5{L(sWU0+nhKJ%Iy)zr7)48LPoJ} z2)Tv#3HfDRgc|Wee@);1V}{P4+@Ro}XfLN#H3pk1-h&L4Um?Y{ z{HNjMZ!!WW-@O@zj7@?H&(bU7K?mjX!moZ797#Bm%ir6t{BC%jQ|pnhptr}|%aKqv zhs4&9li~gG>s6Et0_|yq$SScVTj5}o79ag=O&G;fw+MK!bVIN>kW3L6A3eCDT@fGYP| zbWNX4OILN5Nm!mt9fPHNxt|42>@$&uvoPdz*~0t=?}b)h37slVLvBmWTcVkCzdKL1 z0*>Y!ny6zY$h7rsRL$hy{nD1tyTPXW)wUh z-KOxUk?!#piwb1&JQ5_^dwPV2Vq%*=9s1bCYBN-er_BwQxwr7ESyD-IKg$`2T z z3K&#q7}jzo=8#}jgPl}deUhjE+~KotT}qTs7?htlS4A~Kw}KNI;~@YxvE(r*!u?GX zvjv13Wtbb`H*2=kHP)`!JlRuV;?mD{Y=b(TaZ4WfZzL=RBLQa$RSlqhzCvSG@@xr; zA{w-)-$>@{3z*U8i4{??zXf%Zs{lyTg_xyeg{c6I5;_8O)YZ{s5T&g8J_yhpDhA#M zzKnnm_5*_33?m;JT{tPq3ge&n_KJj2TZV)(TBQW0>;s`Ph2?TVqO zYzI#{c9a}Wmt4MsDI~axRw^eFEtRt@^P0guT7|3VxCkUkZ8Uz}Mw+E9mW&aV1tpN& zmoX%ThEBM>Q;^xra7?6(5yb+og)2V;%72U-i!V`$n*Kh4BCm?ciG?m(P*L^wdN|q< z^2(Mo^AEtpKA{l_w^;)hm5GRK2~HL4@NaZFZ^mNNU3;vQ6yH@k8cQJPk_C(`Kb<$` zN9*K>T2k8UPAmtxjShz>ra7>u2i$WSYbdO08pR!66NVekqmMmk>+DC+g`rXU@j$-qin`drZ7AF4Lw0P1nK5K&e^&)@{$}I{@`D>7bd!y zOPxa&(7ExKTHdbu8x|K5kANEQcUgx=wSRA(ZsOYq${Wg37I)0^dDb^K8e?e<8?q61 zHV2c?^f&f1(58?F6Yc!+GEzn%koZo@dPUx}NFLm65}qB6w^J3(@Mr9b{*$NnmUPVJ zoD*K!Nsu99$u!9{bYF(=CD}x1x3Bed**liJyEWWzke@e@u<#e*DV=v0m*eIoz0=I+ z(+%hb-yjb<9rC&V5jY$`;P^)2n9-To>uNLf9Y}Txz zPZlW6n2qTLMOMNBgXw(+z_^gm?k=!&-_!dr}Seb0W+d#VF{y3miI(|(e zlup5qC|=TGhMR2qy=4kH(}>P(KuLECqY`L4kI(UE0{un@v+atiO?-hf*LI?CKDT~$ zcT!1Jb||N&!LvP+Ba=z?EgYM+7KjrSE&Iv##E#*Qv}2s8!937u@Sc6#+{x8>UG3^E zo%Z{tx?p?!$gv|2Jdox4cZqG`Ni%SoZg1;NzrlJp*_5nb{XhkS8K)2O4oKfl-yP_y z&3w3L(Tu6hA-*BWP1~e!m%W`o^w_!Qcdict_SP2VjibSG>GU-kW_+*nPxJFnsw*cm z-^j*|Mp4s8y%Nh2NWqaRboeU;!6YxP+m8Ma4~z2C$#QCKmY>D%h2A*4_9u+Yu>?f- zb8ORPo)N0WKoF{hK-hiAqA+??O&nF^xP*6)GE2UGYYO;yKzm+4f}!0II(qrz?H912 zm8sZQtADp~pv|N?j+*xGA+yT5YO9NuJO63@=sfIA-UZ5m>u~BX6s~`zlSe%FL2te$ zBIb83EhXkR!e`bIk02Im*MeSbpnFaD4Pv$NmM@bsLukK#q$~dgq^V`FOpG?77^gLK znH3}q)ivYxKiROi^We>@;}duwqI>t`i z-Q?*cTda0bpwaoJgUe4^y>@zBHSH!70(Wy$9V+(tA5*$^n!j|T6rXZIHM7o&HOE%m zGT(acQ>D@_`7!X__le9B6+Obb-*rp!5quCC^c4x$wdb&2b%VM>FuHd;T5u?~lmgcG z*gKt;;@0A=hclS?yK-*POBXK>!oK0q$1S#MN@c1AlDf?KvDfkEcl1WHI%tf zpG`HYGg8j9%U{xYPTG5O(O8j}8PUjlg*!m{Su%$+S|4Ex%+1D}FC6%`OXR;zc#;}e z%FMc{-@cN()Z1O~{i6z@=+wKQRdJsk%2PRJWdo*p_^=nB*Om z(@{ju{(|`Ni;!pq{QL9@k6Rz&XXZ`xnC@X`vJ=4`gZpL4Dx(0L(N2;G8N@?=f71D+ z^KggxiU?D5N4JDr1Ww<{7WBz;XUl4l;JQ1a&CsD~tX^A-6;_pSmu!cO5M8F@yzmRn z+Lh+BY&{A175Kf{i@CYA^3JJ{rf9IUXubNK4EVf1@P>1KPS49XH@{K{aKWMUb5~gf zyZ0Qn_fGkiswD*~6PD2|`9T+!#S=3qMo>}uTRUcf_%MrH`?3yB5nQznidK74x~c5N zBhR?xq}UY}6ReEsi_WVLg5LU@l0vRC9-D^fuM#V0lWj6J%l}q4DK~_r{I6qeX&dYn zRtNb$9zyp&z#nR8Vw3+RuLXTO2N1x`vChUnn;26|$S#0olmbL|Y6FY>;UWBM?c(Fvbs@&!d=yr@~7bPEdjL^Gm@I$=EATaVLrotr9e^ff*oJwKWq5`;)~4Uu!Y zE(!@JA4i8qp_e~P={;JwPT3yp%f>6D#sUMY|DhOqkXhhmuPZe{j@X&fstPbAa;$;Z zLH*mK3ukly{!&~aTkBIF4SRkLW+&=9j^UE=MN1KxotUz~dieJ*;P&4iW&BTc4wvq_&b(hyz$FSGMNQq4ymh9+L4~Xe}hK7`9lDnLOXsji4DiJ;IE(%6MPS zD%Xae6Bf1RA)~KKl2s2syAWh^;~c*v*pd6BLR`fC+iILUs(=qn%w)IX6RB^#wi zGcq{#+YnMA-}^}Cr1Y+vggs`g+lJD4=5JwkE_8v60yUau6j@`*(x1J$VzS24HR`9! zs?De5acNrOeZ`|I^+`xgxejzp4CHe1p4E~( zKNG^;+oodQ_GNEUs`8juNB#HEnvn9k{*+rUf%g1yL>*v;fUFSRI$$r}un44DD+zr1 zu3FSYw{X~jR;p*I{+dct_);8nicHxa^+Fy6hmyZOX9)Frlc6q2H5N>R$(AfC2^T_H zSrj>j7!uS(Oe>6m0#AUari;FSuGXe(wF9gsvhZV8S z%UIlSkK{cMwJEd&7(Ihd3npCFuwt=hArARs_AUe zLpk9L{?RHXKDkLimVs&7a#R~5ZZ_^cFhq(V@L!^V;w;)d$974FiVdU*LnStm40g{d zjPhRL%ZAmOeZI>b&l=SK%KU}6<|912@S|PCr_o#X@kcbG7=DUm!-#3rU)O(eajdAd z(>T27b6E&i*;unIn)afva=fFdR;UHdxOj|8VbF;WzLcs~dEFC@)YO>$Qp1PXj|Kug zkDD6ygLE6&Nh>91zs%U(8Jd(YuqAHR_L=&?twaHQVI^=v^kLW*7<{^|AbpM2 zx7>()!pX=>8Zcu}@vc~-}mlX$X$PYzj=Z7hKDJ(6x$ zt_68goB2i=ECWP=L)6W`dxw8Cf#C=BXxzgQB#5TcO?fHm#|HlBdV25&hl}2JPAf6J zfg7Hrmr3*juU`5$yGC1{zwWv&tiA`j`?)&8QQX)ix#IC9Ux^+PJ0c`%<(`db6}FX8 zX@<)jqTl*pW5MaByU(4BSrVzQbyARcR5ipl)hAw-CrZ$h@Ewrk*Ots(Lc`0Pxywpy z{z==-$7yIB6MqSz+}U0FDTo6Os42Q6DT3{Jq-%mCK8eMk<5r8NuJ25{Q!FI(Y{`ta zXuMW)!j*>FGztS;%oxKo zY3$+r;g30*`kvx)2L%>fd+ec-@$k^ipJZ!RZI5IJB}@_y4)uEDEJ;-i*@;8~9W2T! zmbtho*0>exM9yHfvH0Tk!n>2M=zgIcv>of6GPjxxFbDjnTxTDods|G;4ePMcW6SI4 z(|T*!ukD=RSk_rh23lYpn67z}4CzA~u1jV`GJX)xYH>UT+Mjuxg^u1TWvp{AGqWrZ zQwXimOD&i$w30ppZq@JVz@bx{=mz1c$w6t(Yi(tG%suj!q#NBd;_71Ohcs8qQL_)2 z0byXP>COgnB$U7ki<%tq1G^0P!pcZ9m`rgqYGBZ7>D^d}?qfF||KxW0y8s3TB;5PC z#r-=dDV-Ah!?d|>;$)cXrqz^rb!Gg07Bs#CQ5K-&TVUzlp_O|CCyOzSuGVjw1 zP(rV=Mcb>(Ph*zyxqgP}5^|RER=Cbk%pK=~l94Vd{EE@4peGpS{(CKdH~HLVs3#F~ zaZ>cq?|`?w4H4Yce4=X(XYE@l!!5yTuQf;G)t;159v;C$nA=&(=ER4)_a1%&&gmN? zHJ>ov!PS&nYx7~?l)Te$YE^mmn*74tle*5k=X!#}SrTjCFG0SnSXWnID@zNXe4uvX zwvw-0FiB&Quhhs1VW+9ibM#M{D$ub%)qA?`vWU`q{kX?P@C$h)yV|j!y{e@gkuty4ap9TC^)C7*X8$_TIfKL7=7fOqD|*NQ%CQYJ%u$2oXv7oSHd~7$V2og-!S18v+Ev$7W z$bx!#6L>ZVi**E(0Sr6BCs__r=DMxU%Z7hPU(gXjo?%1NW|>hW=Kzt-lT^mqk`1gU z(6ZwgDO5*a8O4ya1YvyYZAZba6RF7XlDmn6ICVHTn5b=KouvY4SAQ#B;uvRx!8$+& z8|=vX{-B0;)G^C?^P|t$9g1z!w0>&v5}DJ6Qa667aG<>TlNu`pN6R&6r(Ec|GrZ3{ z3NAvA2N0d!lFI)T>I2@agdm;}l^Cc=KcZgz^EdR4O+0=AafjW<*h}FW*35@ug>+3q zt-qVwJZuo#KCx|34VKJ9#h4}93&9N?PXG^M77>>9|*OL<@Ha3aWQ@y z)T_+Q(ej6kT_410I{z_pdPc^di=%x3W$V>dK_5cZb!n0V?4)g4`F)7Et~-b*eK5i| zJn5b!d8#&2cYjTVB(tLfOwfbvii*g+un@!xnJ|@S=wFLIzLr{i8aMKvlav^4C&*6~ zd<7-o&#b{{Fo6eCjPJ6IxTE=E;A&yJ;c_D>Q14ZEq2d0Oo?7;Q{KFZ)&zq^gY>ru1 zO6VWs0`TC|7Ew4mh06;?oC!=RB(XplG#SVK$a(|%n%qUKkGc8hyv7kEw0BZ96cs`h z9o@6_MlFrU$sh>R@0Nm{%%bme&3 zt?WG(SoRG_=-o1YBb^%8QT9Nk_QOT&m<>+n@?z{giy;X!&AO0E3>zBu>7B?Wl|!bh zqkW-CVw|ZOj>T9l$O`^@e(A$S6+n1VaiMpQMvYM?-8d_zjOjF+nVJ(4QXciNRc*C< z*eUjd)szIe`3gUxF;#M;g|%YU4uZ&9wP0C0e@gTwYQecv7b<&NN)$X|E@lhfh3fLa znm17@^uV<}M_)frTQ>(R>OhNN#A0vLgc4!}txJ4J)U7r}8D=+K$zE`@n;x78?4Pc!_c`tnXzsoK z!1QUA1#lW-UiG%GGa9SIe?4YBT-KZX68NbR(H)RvyM%fM&U}N_&pV zgoXshBt%9a>8oo`A!daN_4l?IDX?$awq~KO*^tG(Te!6@b}uKQ_hvdT2jpVGiWn(G zLLK+IQigbsy5RXUUM?kfFlgeXe^yRSI$7~q8x}Wvw?Ayy6=@} zHR-m`l`+kgm5UNAD`a!ugyrim*L-ttR-LGu25wAOT3IGuj8v7K8}PWOLvhuy-|=frwQAq z>L!7kws01^RLc{RDmzR3BN^&Tx`W4ZDzTlal8FZJ`cIVr(G{eX+3nRY2VI0Agn^$moAgq2z<;MJ;B0c2A!2X-HwnbSu zl-wnU_UT?DGm7pI8*&U#8MLc1+A?QZf9KU;bx)!}eNoQRjn$t106#vOWQorw%Lhi{ zh!QU$Eo~Ji6z#h79etG2Xt-FYia7KIk?*PHMsRm{e2Q699p&-5*xxTl&_I%16)Gl7 zp;O7lj>PeXRD8`>I@`16&GKK@g$dT&-cu@^%@p-}V`jpfaPON-789dnO}RkOEw;Oq z`VuBKI0YfrwHGCjI+xqgRZNf}MBCs#aX{;<{DkT`lOTKV#&K`f4EodY#yniPczLVg zI`XB*xxnrdR#xgsdCD{%mvS2w1p>KFx@p5fMQ(#9qS(1|p3iVpK+-3(<1^=KJfHW? zDYEW{t!Z;pwjIa6Lyh~}2*n&8UEXdLFur!@Y)5|nh=e?U48g!MfH$|bpp~npVGxW( z5FY8U_znJDu4-Z9R5m+idq9YHqfdTBTo1LCvm$Mki7?7PAw*AZAllysl2k{_8Q$QS zj7h5^HGBcb;z+nhNtHoB90}ZXg*#b{Iq@htZQn$OIQD9Xf4eC2lI4Rh*3mzq$wmre z^G2$qk4kf%Bf{b#F@z76$lPJqcO00!Y#D0mED&Q-8M{Q&Ec)LAK`3R z03~wrYe8#Lc<2-@@%55IgM@b%aFsrY+prIxht~!418Ol<*&QTr6`j6_WzxYAKgFTr z-@RIJp=SVaK8TW6;pbiRW@znhT(?(bAYpRWAJPxNRq8$q)d}Nd) zEi5R=bc!D=lre0YZ&w~BM84-rC?~(aiifL6(%q9n8sj1}Lrmqtm8rio?UBimP;O>s+m^)9uRpKCq zhQ0MvYb=^2S&8Jt>Moq5*Lypix%+z1p~vN*C+*ci@MT*aZc(B4TCSDgyVsFJUfcag zS~bz&t3KT0JKVa5N*mN+!uA80Ve(Foc4fG}m}Qgdp=IgZAsjZPB@;mYAUbWjGV;uH zIwM6#Xoh3;+%Ziqknh}U@ozsha)U8GV!^sbv_8UgTlKIcncVRi;|Y1O5b0gj!5{EH z7^JMqq5gpcF7RpRJf$FaMP277F7wK&A4-{YF=LT<;O9elNUFmU&Il5OvgrsUxIAyg zS-g5Pl6DekDMVUCvQfu`_Nv(&LpZlIQ9s5td;EK8v?af(G_O}wSt{Ic{F*NitDKlk zBX{V&XprE<_Dn5{o?!A0qdgyj0O(u&<>C)r`5Re?Um=WYLPRP`a2(1oncn{KAinRl zBQQM_UQdyOp#U#T?yL0Vw!bNp2 zNP$pfR1m4Y@$hJY2~2ozL53#1<{8w4@^u!YI2h{G+^3O#rWq$+iS~-RkG~QitcGDH-#ej% zAc)TUcz@fz$fo4>z(t#UQz)59o*NccBn|3Ux)lp`j!G94n{sbobV(5ai3mkFcZ4MyKc%uYkJXO_2t^|%28_f7WEkjvPpE~6 zgo&mGn?+UstmWyx*ymTUuQremB`{%?9Hsvj`+kzEmR>=(Rmp5w+(5_Xq^9%qP9Z%c z`@SLFlCP^P(BAE`fy7xCiv1hQ@z#6Y{yMG5UD;>GJ48;~N8ag$zx(l~{?gu7!*;`oAu&Y@ZFKflz zi~zVrgd56<8=orqkKZa_GD8DtN>9IY8Ll+S ztZ^e@s{AmjKN&VEsricstQlf4SWN{A;^A_5xL}O&v3f|atY)B$80MuS81f1*2H%J` z(r2)dfQpPfbR;-U*d_Q@a^evSzDK~SEqK{R;ct~0^p%XKi0pmR5toz z9IQKgBN+qq3;FQnkLfEV$kIrtrO~32236m-k$Sqb(3rb3AH-sh&BixAbrfTli3-vn z$vS^I46TRY8OruycoeiCIg&b|9r8~OZXf3Um`}p0$)rl8t0dS;R*Wt8Yi5`+c<#>J z8Equ#afyncf}%bE$_k-tmbnGKMZoqXnuHd~a&v2A2B!f*ZqrlgB}A2~3K_DvSQUxzo?190Ez0sRo<~I7yI3SvRy7HI z$0+kxTjmEn4dK77Y#NDkXGU@ajqdq}{0PQkTmCo+)P@2|0c=r3*aJIQXV;Qv7LGhs z_XU@bHdp9$z1}GER>F;k2m?gheqMl>ZlWSlV~4Hkf#+uI-Xd(H-;C@n{s23c*fn8| zw2}P>6ML{1CsP;ln|h*6Nk-dzDeR8H+=A|cx^G5T91*+qX=F0o`7MesMJ>-TR;naKS2X~@pS<4jp1{D9Pc z==ONkR>WR5)$5=Xv^P#(+CT@kXEeNT6RA+}>vu^7fFDXDlzi6r4d_;zwX#Q<3G20&(y28%h9ez}v%`u>UJ} z&^t#EbXp*SZ2sjQ&nUBPzn=TQj`xhsyD|elLg&IN1W<)PHB0f8%>#R$t^t?#P91M- zCCjZ};!&sqhAg|Zm|y02H;%GXt3;rKwFenvB(ZBc4>lxZVno_UaK_#AyRg*^Z=yw^ zC8~a3LGg#!FC|DI-b(W~1JTMtn?vowsHE?lwQ{y~n6)YP%j4fKFJHH~TALi79Tq$e zHXqy#5gFuCgE0)(W>P6uzgC&-gMs(K7TO(UL#9KnTAG}RZJ8x<9b*&=#@PonG~1&r zm9z^#aZ0J)iYd&iQ{$haO@FAV?6M-3xJ6a+>{87DEbvKMwEBQLAX1jxg~7+&sBZ4W zh}z6fw}y>(;_Kpz#R+_(i1EPTX|*vg$6RZ?6iiPB5}&ZpgfyB)2D%qug9cR!2JQo` zV)}U|#pq~T)iPcrDb<`7NDVjAnNRf(4uN(R8JM7kopgFhCgYesfZ7gxU+&ZgEpFxN z0BAPq6f(jP@YqT9pSBc6pfaYanl9k}~4&=D5Naf7=M#GdndAHM?&{7vcM*_72vL#f*ud%7oJX zEl!|i+JHr9bz6GPYS1a6MAUL#UxEsgZ+RQ zBiM7H*^5H-Nef@m9ODF=9OkH6jn?oeMQmu&;$HMcwT3`iv<@As-ncU{+j<|T%AZt| z--SrYceFe*l%S<;&P#TCP^oInp!@8JHK*Wic6th^ytjbAG8BtDwFzTzwgs#6*aC^L zK4leVVB4ZCjB9VL#UZXg4q*w@$LO~9U~A4ogROe?-9K*#z=C1MajCY7Im|JKeiFy^ zacYhm=#4=!zf~Yqips$UUY29P$J6U}ws_NGw|0oEa6!TkRV21~R+e&mJKFTRsahU5 zq@efYu+Kaq-jCH}4S@r#`V00l(8CHG$~J;O5y3A}=iL!{Uejm+Ze#!}$S>$VnCX)v zztnV{Sk}^>EXgzq!H_B&*JF3ioh;+Gs%Y>^RA^}jQx2I16KZ4m-fW@9nbNpLRAB2A zWx-$EqYHM}bP$CuBWrMZgBQF#CVea_&w+KiDJ7bN_0B>hyAce~q9=d2!y`1!sM>0T z(x?Rn`Knumv59VdgISHas1j+s<|DgbOwGlbWO!5A*G;)rU!of;bdzrK80tLrCn=}6ohmm%(#NMFe z?PcvR!H$p?>P9rQJIj2tp0(y-nsuMz3&iP5qqN zb}{xoI*YHVCGy$$n+b2Ml2e7JK8G_-c726`kwdMU!5XWW#5-viC?1)FGe_BmD<>OR zON*==C3oFMYaAKPI2sKD5Pe0np+QspNosC_)iEP;tULfp>ep9|w0=RjZ)+eo`5A}9 zE%#i| z0Oq6ggP%toX>Zy2ddZX~MJm;^%lUW}(UQ{y)#T)%qzIcSu5fMDy*sT{qQ*#;!*8rNWV7r@LDJ0n=1 z;ko_$!6B|HuIfKZ`iS7rGkZZld9#ar1E~sW&aq|U3lA{V)rmsla^~d!Veg8fQ2&E^ zK^^S$IHPOV{xkA+=}_^4%~4ZgMQ?@OHxhUlefmUu`Mw8?38@ts^nx>sDNlrb!(RH6 z^P?}tm?$1@1UC2#a{$6k(4!kK@j;`Qd6mI6nojKp^G?ZFYB`_ox?j8lKcTQg!t#_; z`AQreYEhyqY>DY*aO9fG-vFf5qu`^r^}U;pdYcNHhT0}p>J6B&f&q+5W^ug4Qh6|( z0RgLWR(vsGQthd9jl&b67t8!{^57k1{5jg0o$~z6ME(;S@EKB)4q9U6)C-vJl3G2g zmqLOV$VEQ|Td`^5xwhoVlY9(@3~q(&uu@5VZ0jtLu{bHqj@Mk5ttID6{jj;XnK5GE z|EQxh&c>&>YeK(RSJcAwhI*Bs@YKut)<;ert%EbQ_*>WSskQC)tL_u@sewsX>#oS! zb;$VsxGa%0oNaU^=!gI#Ys>TTRRuEmE9-m)$Ug( zNw-07I4zrx_~~M9b;Fw$(l#JOs;YM=(o~fsHaO%V@3@~lO_zG&JZo51|YQ|(c9#=_8QF_R=9T?8L-u)ln4q5 z3U2!0wK^sI^uE4qRqn)q%wHRF60$=rjuenMli7#)DgE0=bJbgs8Io-v?JfICn&@H! zhgjudm!96K?$tPzdmkdd@)@xWy+HwmquUeTRJG zK;ejZn_?=yFK;VHyI<(HW3 z`PEEeFWFcIeQ?~=jPT%<&P+`4gidSSP5+8S$X__%tZ~<_Ox)R=mP5*}nUL4#`y>4~ zmm0J?N9o8J>95LX%uso094h(@R_kpJq>@9v>$Pl3N}*_~jUs zkT3Gq)qUNZMBlBjUdBS0uPPR2wms<9?>){tvmbQ-K~L#S5vQXcCNa5pxkb3e4%#4| zR-{M95@m(}cydh7n`-kUGkL2|k5D3V8vQ`Os5=n!bSvq--?N7G1t!_=`^-06y*9HO zy~Ttzk|gk5(9aht7(4J)l7W*l22cE%+{d7(y_yz=j>cK9q3*PUA??F*9 z0%fkRFzEKq5!LS59}9((L4GJOmAqkFjCtMus9xYE-eQRDEk4%vsc_cctL-wzs-p`e zxrPq^74UU%;d4KH`y)RI!^@YYN4R>V!8USmfZkWK+$aaO`^sdN@)2I^$(cIT13n+c zU;4>!f8s4~1=f^ciY(Kfw}Ec~Jag2qd_cG34~+^MsZ(CBjb{&PZUPyt7lRSXMfb>U zm^4Z4N;e`rHKnrAfJK|Q%Uv6@y633xPR;wu@*ry3|qz5-- z8bdT36e5o>oCn2HprqG4muvI%kBpiWlC1^kXi0xwlE?|4swBQ9Q7EwJ3sDd=#;Jv53ME-J zI&3321(uONMa{<-5ju#KGP_w55vZ$R#nh@_#m5b2^*t*n@Uetc)irv2D#42K*29sa zjP3q8WB&cKnCJZm>qG6v{*oQHDE3nsc8)N4r zlim22K`5dF$8PZ+di9sj#4V;C&sGuC37 zrkfgnWG=EfW6>Tj7)y>1gtY}en^D7I>)^y<+i}rl9KW);`JMc(KY<1{>Xu zRgaJzg^T`M7ksv+j_yuwE*1cTPcZPS;DPh1)-}|Vyk@zR+{ZnADQcMB+Gi@1@<%d# zQzpV?G1W&T8~00VW7Ru(Wbk5t$xVD}bwhDlZq@vrj}5oya!?B|OiD~v4Ipe>U&F>s zr`eOzV6oqf_8sVEDIsezBgI!YJywTei&4tsEH5wTZ#>9mZ8wZtU9mRN_<3M1HQN}c zVIk*IrBVHU&0uSd9_G1PnyL`1Zf+F^(%o%85YEn8El@?|nyKUx2w$BCG94C=b?z?! z|5V=8RXb-MU7M525>YsyAvBGJ_J<*OzSv))iJJUEV7FDNM|4krJ~uN>I}786aX{U? zCT6U@gQfcX2p%KN6Ei&*mI7J17`#<;!O?~eALme6I0|Mq%({@A@+u^zg!)P$?w$%h zR=^s($6oVP1ihQWec>A5oJMLMx(SHJMj`5>xLPHj&bbZefEP{XeT$~*>Zx-UF6QdK+j<%&hKnm1?;DaKk# zkxS*+m{BHULu`*P5MpkOugOZLv)Whp7Ey@CVrA(>Qx1@dn1d>Sn;5vqLUbC7*v{R; z>1Tg@IkfJ{+u9O``6~o{)K=%W>gkP>^M{nz4Ux)Qwz|l2TV`eXHs+~Z|3*jX2RSlK z-amJI>;jQgFo}9mB%~LY=!|fs=-&89C}MUV{ug3*?z+$R9^H`5^NrvMre`CwOMO4O8fS7Y(>wKNT5k}O_lp+tY3)$e{Mb= zD}fI8xtbU|!MJns_2+pkl^VTKWr)x%(}=VxxRzE-8rZ;mrHvQzo3}xQdFsjb*`fRG z*;y3Q*S2CK@m&Kxfn0flWESEFMed=0QT5gOy|4Jmr1Ad%JV3+0SUayGyHM&?HUUTTH zH`+aK(G9x((tIH??#Jef+_6ugm~6%L%sd|yc`ZSdl7Cu_N3sa)Da}LOW8=5t8-E0i4N~hnW87Lr+M| z6910%BH`Pxcm;f$F1Hntj;bFE4LW=xp48PdSUjVK`MdgZ61;py0)Nx&1236sfcqGh z;5(h`aR3F+0iOSKTX%96Xe7^{(IIk z_Z>a)^Vd#Ijch-%I5RRI{u|)AVtj_7tp#)8HrCAsLFB3xj-nspf^bQvA$W*l>67swxTzbzi4+~zqM z@~uWMJ3}wKRKpjC5;Xihrf2A$eqWfU0bmll{XS#sV5)}aN0O_n$#0B!(fVZ`*&5r4 ztA2>$&KS>|{sMWL=Tq4dS!;Y`Hp1MpJUZDTy?ABxvwszl%G}{Q0w;e%tn;4`V(+$r zn8c1^^l~)}Wj-2v`zwSoM=$uj{?O-7h;(d>il%lQxS7&kaC7&2{PoGW z`41yrn1kEn^1{9F{%7F*r_p!0Jm5>dNLpdC1df3Wa`v1ZZwDBXo1 zIXklhAf1%vjclYfNsLoYc4pQZ>{q@}AlvHeEzUZINHPSlc6$%MEA5dLT0~ zk%7%%?9E7jj3=73(aow8c~tZW?XNKH{mhB6Q>Pg4NAD*gk-bCL-Vgkea_W@g#FY1w zf&2D(p;wEnSS<#Tn=vX{LPxRa?!Pp-gY1|(IKOS%w({1kTO+sU@0~jJUN`M7EVyA# z!G8Wb2E1)k5Vn(00`8#n%fhS|LCX&sHBxOAy)Ze32auBVF|kMJHO_DTmcW^G%dX>= z#1fgxx%r9RtRfd@3T|P#P<$Ql)(dhXHZGphQXpJjbdj7JD~XwmSjx=X^njEfDt`hNypryx)iG}_97lPSJ%-vnU zVqy2q$!gHdj#er}#g!2f*=CavD;3xF-?%@XaWh5O7avTH*}-JFRjG_RV~NSyB=%>0 zjg>s+ncsAUm7iukm3O?V6;yU_vStbqF1ql2@>P%vma!jb7~qSJgnDK!K6CXl&+g@6 zstRBo+P;@19n=@_+~7XQQGmKUh5SZrOY)GTJ4sndtGPVzP6~@ziF_gjQf&+%)TD~e zG>e*y*qUw;rW?dmHG`bGVO*n3a>o=_((;aoS%_p$qH+5%%`~-NF}{egi!uG{-e++& zHDc?Zn0=3`6H~ivNMD8?_AOzraG7w8a3e?`cLL4ZK=0U^U(aynzIL?4TeJw!`ocf$ zUTTUWoLI|M+TQeXuI}ko^{dQ4av<%v*L~Pn*L>~NRlXo(w2p^}>Gn8p9;Td#)Mp*8 z*%CRgzSO5~Gwead*#lw3#{Hb9=jqAx6ShwI;zG+@T`U2j)Q?1*%`(qbFKHKZtz5g; zp7-S9C>N}_=GWzg^s3xq=m+ja0!p3>EbIrEKJKsf$qbPLXligMB-EG!_LAMl)$u$!4BHPIc)7w z5o`L-QS#3(ldTT%&9xW)ihQ1Yl1nAHP9+Qx*8)^AYNA>|?*MK|@W~ZZqDJUjHSv22 zlL#J=JKz9yfA@V-qq->m6Jw(CFfaa)p_>o)MG13uX@FfZ?s5^~qnALE_NIM#2xR)j zhIU_hnXL90Zpcz%-} zEayO0+`XAje~7K_47vbf#=fBz{cv_8XN4V}#1RWD0yIQwP|51W)Oa*RnJDmtpom8088z_sRZifhe%0_TVpogDC!6fDy>CUN}-CZmqr z+CD>=3Qf0N+I@!W&j-&DB|I7G(tB&D@wHldtIqg+@yKgQ<6#8JIJZ)iddgolT9>IW zcC(5x-tMM)uU5}A>TRwE!w8W97uLbp&0YZK3WrtHeJ%GqS;NKj)}2|e=u>s6{1P8I zed7Zk_{Im`>^m8GC!JErN@2H3cgh)OORlg&{0>1%UO#y2hfaKTTH-D2qgAlHti z{d?9+>!-^fzy~nRoUE6;basw>vQVl|n!ZNnviI~A*Bkt!<*6)FPV8XxVn4%FZ|o># zJIK}RWxC!%2-g_=5%9nF@fcO^3$Qr`2`MW_A#6y+JGc_tD&bg`qO?tErA?VKdhzRCTfmONleV4U zVLKj`N_D1=UOcKW+OANF0=-D6Ty0TV65-iIk!iCE!aUjc+CqHp=lS6FhJijrctAKp zPLWyu?IIHy8!!NK6vN2qC8*=Q^isqdm-LmN*iaLeH>}^j9(9G1bf>rW_ecMAReo0_ zIKN9?{a0nkmh3^#b^x}GY+^LRx}Cv1l5{PPWNR>wBngU@YPpXDyk*jva@;Lykd04+ z&^%L=D{S{f-px%B6sg1I5V~Iv1?hd_cq}oyo4RJoqH=uH$(B%fE|2A<1Js_+go5>0 zE{bJe*PV25)#IN=d*bxj6sxaZlOp0e;;G43uTN>G5)WV?-2;inpk_tjx#Ug2>33tK zOou0AY$0OBKfatLh`x#+6i`tcDAg=!po@~<`25lvc9k;jXeMi9a^B7@X?5$#k`o{I zlT&%m)8?~{U52^)(%Af^C+0LMnK2|cA7?2&yKP)-%;Z**2FW*>ERB^W=~U#4|F`6e zAa_@UOQ2gXvFH;+4k09!t&pFH7WA&PnmwEEAV=W=M?uIaU(o`|JP%4ArOiti(HUhr zyJ^oWoPE>AWuW#p2+9wH?7F7=>v2qaQKJNNmam;AObgEs#7Bg-Wt7KX&MsE#`9p2C zm}a%kog_EQ2GVJ7Y8T_)P*a;&#_o;sIw%rd_=4y>^`_X?|QvUS5G2JpPpx|>&UkylIT=k|RJcZ=$DLAVo`g4Z_Jaf}J zJsJ!{X)rXl??!tY^jV3@;5-$y9EKFLZME zTKG{fDrxsna+Ql)xzt)-|3SPPNnV>k=AfBwGiSZQ7DEp0&YGBYP2`pbaCOvK6Uq94 z?$bk(7q>}4%K^!Y0KRyEJVriSM518#@TT`j5gL z+OK%GY9Z=_Vpy7D$jPK^D4J!IL|n>_!bX%Z`@N!`V0x0fC?zFTuDxROyVYg+)02P=2DUhnOpYnKy?#4eAH1C;De9+P`1iR4U_KCgF2gF5$1;ylOgpKl z82dA$vDq2R2YN9xE2&a8Y(0MK=B-7(lfok((5t4|nD>zHFQ*_F$k;m>I;mbZ{_^*l ziORVT4Pf_EK&xte1+Bw?JR-}nx1NuP@b#uJs~bACh2=5k-o>2JT3d5`-L8n`2=hJ{ zx*_o#Q*!8rlrE>!E}&q873b%Re#H-Q@Ak;|2tZj1eUCoqj*eE+T#2=?ciyi69o{co zNxn)J&>xieJ&qYzWu8NksASCn)Q=POGX|L;^wW{YGt_^E=Z?5nnC0spG9inRO?(x; zo@IC~eMl=@vHRJnv1~SDwhkYjnSg&cPSzWwc6zKi_TWS?I~z=-eyuq%(d^~-JI~`_ zc-*m^;6Azip)DIiT8LBLvL2}tuj%pi2$iiRg}k@87IhK>irE)$vPoRx!X_ME7&idO zezUhr4m#X*|F)DGkyInDYqNXzmJ9IjNO5YqpNISX*QY!cBZki8-E!H@yLV6To)V%w z<~@CR8sL8WMqQUX1l!))Iv+gS=Ad@GUpL;wnHK8ALy+c5@ed`3)!{=c4V{bNyJuef zia(?PABOXCpT~F`L-_y`A%E%f)t|YyI50xRN+$yB-zO4NJ}YWh0M|yx@!&ToKM*5V zZw$O*U!{^JYHz{f<5*NVocsvjWHnl=WH?g1u^w5U2f|z<@a~~0#z@_w%cHXX1DMin z_eFy}jc@xj1Cg()dbYbekru+(l`=UB@I8sXsB3E;fXI()dp0|pEqV|%$d1!`qnM7_ zBc*MVY^p*?Wy-juJ!09ZVnaK12O)PnkS|FSQmS4I)TEkfZh?bhJ_YoTkEJ@WhSn~S z_g^pED!fg2-)mY=E3{7abmmIGyIWtm@~T?>RBLnH#oYndkZsIOZ^0x6ssL$^_aA4>DpA#hoC@XL|KevBi6^cpjt-gn^Sk3L#%iIofANPpK zLf;MvR|wa`R}Uw7y@Le4(&2i3T-Gj$d3r!J2hlCSY_H8$&oQ1wiOi7^h%&lVqiFHS zF2Gk3iL$;ZAM?`lg;C$5Q%=kmiMIE`LyT#wLUpgn77AEnwFSzb;hiVfP;{ei9}MqV`M~@3JZQEkYcKq zZ|C;aHPzZ)Uf4f6x__a(eMWbQ#ilf^G;YrqMke)1KL1MO=V1O}uHxv0*3CP;1zv;y zs_2Ry8}j;o>$jmcrhR(_4?_QN%zQ`JVyi5?D^IbER5)Deh4lqn{n9xm5qeIQ0S_g5 zfmfH`Dl?JXDyvld6RkNAg@xa5O!y%AzVIXXc2(e6uN1BmZWlg;eQ$UT9;V+89rs(! zVjzOM*q7C1?0LTMNSJHQX4@W{l4%Hh8S7-zfAUM}^}??ywX(C1RVM zw6IX`i+--RdcpK4GGN4cwMG~wT!1~-o_-u8baU%vm)&uA8e?$?CAK7I8U26C`_dpc z&hyOv`aS?O&_JVs0S3U}oEgkLg8?}QIU^1!4oO+0C{h%M5|5a)M2aKHha_7{JXF@Q zWII+&+44chmMl|ovMy=M@>07S$I&LM#8S%ZgtFs9u1!_e%EpzLRa?$V-grIS_x-+Z zpn<`VR9yRONlc@=(P#kO-|-&L`#k)ojz50l#Pwk_Fw&**O3=`GdFsuO7yy?Z+%S{! zO9^BkNBDpaf5E{iSDw?rAo6;5NCB%pBfwb<1*109-eFi@ zn^sTmq@ES_0NYi50$&#kr26S%btwWI-NChS|TfKP>_uwWu%X#{ht z{G72xiX1uule#JWrU+kYha`fJGzGr{+#%|mkmKMdL4&c3U#g}q+Y?Usmq?ZbixoR- z+gYq`BJw9>Sv3S0g>Of)eK{rIPC9=!b=a5!o2N4dHfpP4N3A`N=yIO6|IINt2ZMIB zsI(R5ENd{Gu9r%4npPSdBtwmy^T>LtZ7nsU5{&lf@KVcvO+^BC^2sMpF8QrXw24;z z$(uFy>*lrgE9djk9I#~(pEQBV7an$uQ5_Q)HQecJQ!E(n_F;ADVN6TGPE=DoTjaw)3iYi{(YIkc85rj zzWih4=Fl}_!4a3V2Sss66t`*`+%t9$8r;WO8jEjh@NP|8qrp^YFKGr9{9MRA6lOvT zpRLuirrn7YxumPF-~q5$w9QNG1%DhogZgPDH*K+Q*xPd*(FJO_jwFge%??rTlWSw| z$60c@L)?2WBPYgcNy=4TxVa76VlxD4XN^IBA%46GZG)}O>VriudaZWRf(mrDT}7D} zT%6%H>QsAVMKo7L@7YJ-T1~kc-FMIm3M9j*lExjwnjiW_==9!!YRkLHzH&k@E?Z}& z2Hu8J8;*bs9@M0$-V>$*pX4lcq~^jsdQ`eRXBi2@TBgf6>4an?=VSo-@*C$ zgYzj5NV0mKSBgl@TU2;*Tl4fS;zPkkLc$55A=HuEMta?a~`Dp>raf3_OyiDhq` zTbi3&y5Hq)`XEd>iiRfwdua#st=Gsss2|6|`_!gq+14R9!Q(HcQyPWM^x=@N!GDhrj_{VXdcsft8+mMU}ocZP!rqc0e3 z>)bV|HeRQ7i=@U>VbG;cF{Nu9SFuY^O=}CGSTWYqJ2ErV9B|-mL&aAZ~(sg5l? z4`aO_Uv?dLoO_h}4EGi8KU^JUhBKH$mB1MsYjT+6@dClrk9_cW+dCXme*1^i8DuHM zuf=A&h$c6$i6Q58z-(_si7F6_hlfBEisR%RULk@)@tx$?dU@bUQ5AVf7Fq$Ik|Hr! zs0$Lk0!nVf8aQak1Bx!ML4$@GNYT63ph1HTr05&ShUDQwDItJ|40Qpc>+!c&Y6WDD zMq+s$Y;M}d6lh{;g7pd+*jKMHFWw!M{`v?xd`Nb3(O9q{PAC^fGIl_BqB%!qBho?) zyh$}`C4)jv9I8f@upCSG#l)NtOj zYLhf7Hy(FjVapY`;P_(Pu?y&M#xbcEcPLvCZo#!jR!;}tlOga_!L`Y{U9M~*E@Ex< zFQ2;So~Q01MU8CcyJNkD@=ZjK$GZ8=B&Cv@%1`*#YrbQia6++2cB#-~6mO|!BeBr+ z&{TU0*ZJ3*hcNWo(R=W-ddg#cfuK(6g@@EY-&i@FE!4>;e5=g^{wmq0XobWQ(ehQv zENDt!UaaOd@}_V7Cf_kIhmK$VpX58_w>ceJ$92dH6Lm7ka*hbA3T0S#iLE+tU9CrT z%LI&y=^&Dw}Ij?gMHuopewnC6LVWk#9h&h!YWWIjJ$y9}wj4en<|v$mf&@w+E# z@D*fP5%_6r7Q00Uye3{-mSjcRONbiRSfe3XED_raZ#c1i$2bq85|L$|-+0q*Y_}H) zuf>&vqA02FK{+iIx-5IBr%b~ZT=Gw{8NA@0@ny%LIdlgG_C*z*T2{}1v9 z{?X3U5S0L!FC|6RPB;=bhmSa15|yV^PGkk{!Vd5Js+ zEw4bU_O~ND7b!%?g$8KGox}z9iz`fkXPU1S;_UiT8w4dWY!sLsp_9K*hTlEnBD;kK z5F899^4@=lf8#&e=CWz;rJQ^Yu|wYo*~GDFp}_L;Fr5$TL@~k?j)BiGVV@<69tLL> zm*l3^^JInc5?E+)ekl}#8*)3WS~r0w`z9??&=o^hR{xix<5>(*mEj3D@tlUDGn_+{ z3nB|P=6>$jI*dX-xPUS-iUlu|-B<(zQ*R8~yNBJt5Laymp>#7SF>wt{5IDQ7 z!>3}h4yPZ5Cfu=12hoSq7iBJ935~yRrO*f4$a8FwB#7wUb1mUF$?qRHa?*gvjl3Cxk@4b<4706_3nz z1q#tbA~4(6r=R}x(xWF7_#<~;yYfjQ(LwjbGI`Rjd?E<#$|s7V>FwGlNvB=;gplx- zcNF8196wb#oQr7pJ|GMZ%@zjfH&vFf|J=-(}$} zXgKng6%;i^MbDU*%{R$yGI#_d5m_D!hu;iPwM}Bhdfue{)8l4GEhjEo^8l$dC(zU$ zYo}+QCblOweyIb*@lcbI{Sb8lNNS&_(B?_E-Rz@bXGz~LuU{`7_h?x>q82Y|^GjVj zgO%c^@4_U?!*0Dee3gf>QvCF3tQtQ!Mcp7R+4pv%L~^ znyR4TEtclw8@RJSox$J6IAC;X=2;c}K#_fw2PpgclB6=`7Q4{_j=*_{H^g*7 z;01ouvkv|B84U015=`|%z>J9Duq6_i*Oi1qg(b91#LxoJWu>rAM3jNxd0CD|Qz2w3 z<&}h_Nhmzar&Q>Pya^XD7{ipohO!H|K|IKfd{37( z1~Y0eWtSA1bAzYSTIGEztx@X3^M14S4=$(rV32MqwjTbar`W1mdsF4qcVQePeauw- zzLX;SY=MoIYgJqi)K~vIc69Pkn{g`o`0}&h4b5IXie0*927MOOUZL{j4_+IaKG<2W z;BRx&IsS1-4L+l_qZQI^ld=?<%TD-)E|R{r(n*3V7%mo~`IO?e`k0+I6Z zRO$7%qrBcfJyMXtMB_=UtCV`%>gy7>2;)BLC-`z5ZFch}5=GV%H{DTp)k5U4iG0M( zbu3>wl|j=T(@5LtZ;lN|zgn%hL4APbz$Rk4+{@a<2m&$qvc zr-b{ICYtf(?jK|5_e z#r`pWD@!Y~=a7RkdJUcy3-HqLZUx~n&?%>R*c67ycpe;jHzg6BD4)NQYqgoWR!iVR zsWf8>4MqP5Os}}57+?o@GxKzos#8cZ%#$!Fg~ZBa1*aq@UMC+Ufv~NLh8+l}OtasLR)e8* zBxrY$sGcdr!V`)-8=K64nH4ZLro~7(kdZ3gUyJrcVL&QmtZ3A-NYu76@3^%m(iMt1 zJYVI-h?V(Vz5?AWUlNL}wrl+I&&jvRZ&U2{G_93ujYVM$YVE#yr*Iefe5ExoRXH{_ zb*#g__jU+ky*u0*Sqk^r_NT)bK$14b;~VKpxGx@msY77OZzFsGbr4IQaWH}Q!34Dq zCPr$s;((eD1+Wfye4urZCZp6kAg*-~%TU(`{tpQq%#6HSx`3o9)XZ>CRERh14DU=C z!99`B#CTfdMP9&YJemw(j0?9oNP@Tw6I0s)lULUApo zPo=~IDv@DWka;1X5D^T2xZt5+OlSI3qE2)6B}@2ZXoL75qcLZ7QTrplh` zm}W#Wn#e3e#9k1vMlHDL5ffF%R5ggVoy;FS=&uzkV8u?U;8OcGV?E=xuWk)PSyxk> zUMe*mwDt zNj(NZmp`oKVDf<6B^j-+B6Jkq98>iu!BW&aA@n?Xu^bk;?{+f3hOtdbulolb!obmP;XOt1$v@fP_rRjG9o+< zf`RzR{MNC4!-%wMWg1lRk@Imq@oo;!@k8gS4^moL8r(CT_uP#82=V*Q+VKl3`RP4_ zOP-T*4qk71(GRQiUiDx8XYw8LajuI-(+ezW{<&^O*)@61B zUCkrtlC=3XSgkQqNxlG`2Fwyc(*;pg!vS8?Mf>JHJuobo(6;#mjJI9=m6~C}Fdu-K z!pI{rS7>N@W+Do6i}YViT@>>9Tw1dPC8&1y6pFzxKW4@5P~mRF3G$&}dO85(SkMro zAqnOyNeM*5!-}Sa6(?iFlL^x-v~fyTJMreP&zsQV>0MgOq2PD*9$L$%AR)?{{DK_f zlF)0Xxh;r-t25efjMmo54HXTzZ1MUS9X=F!)Gba$7~te67Tb7)UTrDeqldO^KA?7^ zz(==s%jPYIlsK-(pWSuL9>%p{``E5MC#*hP@3T%6z#&YP4T=T6o6;V9=Eg-OiD)>I zR2Fy3QMwxa#%^msg0%r__W`qlYvu5P=kUF$6vZ6Rx@x6Y(2=i9V5TSLvQjnI-C1j` z-^`|)uPCzXBunZU-#W8bJ-^Pzj9fj|$Ya$S8Sr@JT0Ol>aG#h*wgr5+I+`NT&B2G0 z^LC35w-1~y%9F{Hh9hbRnF*B3san3#R$Q9}xs8n(+OYLxK>P`+*yRQmON@?&fzEwJ-iKl7; z*kSkHt3c^8*?f3JVKhut^Wx3=YiQFfsdeoV&oQ9HYEg zI2hR2bT{+9q|A7!v%)hu^0@%`ZX{#NVOjbtiZ@5Qx}xOn&hpOW@aJNtmQ+-t@GwGr zcJ)_CjEoA-`A#Cw?bpW_W2{ViRpf4M`J~4h$tWqkVbBdR9&4whL_P+Jl{=4I67?od zpJkFz|Ez*$Huhbbi*XQn!8&-G!j;>$2NokC*bgs958jl8JAEqGng$VQ+YW9 zrc;3AQ^{g>&hms7PI{US+gf17EHO3nytx!YNlA!BQQOQS{%ByumvW0 znCMMe76)uQdFaqZ_>6j3fw3@LhtH+5Yp|;p278bX*I*YFVS9~zI4)MdDB!1K8e6FM z5kbsV!9oxuQ#0emYQ{?FYDA3LF?fg(RZm!%Dt-mc1e=@JsyXm1`sxDx4)9HcQa*oY zaqak8Yw;`^!=FN7wfROOKTpf79k>xR)Km4U`xwfW!E0x#mR)vS!0p@`cx@9}Tg~9J z)0gCjqR}>cB}KJkut}hWqO@0Lem@wsLcbXdKJTALPpF3ZJEoytuh{Bev=n4E{eUDl z31@Zzl2j--Be23h)J2FXSd;JB{y1GXsRy2m?5iQSXl-AlASZI=SZ(LdTHkfSkF28) z`_|~}(MONYjs~JxC$RJ6&f#*klk)7pQv0^aoexpxln?rNf>=#wnilvv==I!+!!_%$N<7)7NH54eYdjo>IV|hBIIqvi@(Yr(P0~>J4bEovtaW-$Q7`FQ?e{fO zC~fw;iuQYxD|wCm{tKS?rzq_Tb6?p5YkL50_b&dku04!ZN_U;c5Ax`kztf&xgWu!n zSsHNH3JqR+I^V}z*Bd2!i&Bv62uf0L^+GTwh6smLWtX{7u0eH1LMcf~Nw-j<$y?|; z&a?BJMqVZNP|cA-XC9%p>OmX>&X*Ws*rN@R^B*Ooe`f#wnTy!DFXE6)w1&!r;)ze} zfB$||dsv!->lfrSnB(6fs6@o-Hm14F(6g@x8~sLZFLw*Kgw^qpLUcUh#vCFsJKjiQ z)F*0<{f#5w*aCsSx@YpiAI^uR@wI<1t*o3+8Oow+Xoj*nslXG`RitQz;#{$~dbU_R zcZmLbjct+T)@O|@ubw4CG!A?b#wZ#E)@5*7y?rdJvO?0UKOyP4(qd_;luD(R)9Ez+ zaT<)WgK+)#y7wBfRg2us+#%!+^s^)O_|~O$)I$8nR9cAed`NeXemLIbEnf6eIR^O+ zO89~N9;;tvYH?J4yu<6yH-*XfP&3}n+Aq?ooiD)>^>@gekIk5ozJ~SF{(YxCCOyhW zpNYqpJz1-`347LPu66PqufW^Z;yeERIvj3(2lC{)d~W|=a7nw0FaNK&q<6O--^L|< z^)WoUMxL#041bM~=1|&U3}0P4h>Jd+qC?y=_gfv=gT03%>qlBVi9wINgcBQb|2@pzjrI1?Ht%W;%JC|%|GMvAqDkFl zuNH)Ik{;@?Zv{8aWe+Jy36_>R>_aM3@9jnRz3{?|?0ooA$vqNYBHY_Jm}9yL%ty$8 z)i6f69(`e*X;;g%!N*gwUBM3&<#99LfCbw6ws)ICj8it^PjM@>qRUU(vK3 znl>i|l|VoVN-&*xv7NVG(X>~zw=9dsM;H#tp?8xjQTlmGj>?GWy(%D&=9?xeF|JL6 z+x1dQ#ZtLOp3BHNePLS5X{n&r9S|B6)32&VR1(5QR!hw2S#5S|^$e?yVU;rf>8_|0 zdGC^G_60RbCcEh^=uYC(AM3mrHiTg5Hj|ilzBbS(`Z3$^FFl?3NGj#cyva|KxXEwk z3*axn*PbQ{1-4gP73qGU3&~LFlkwbko$m^jpNQuU8=?umaPO`7EK0rpneGumy?wIp zi;ked(^JlLuh}J%qkXspo6y63c0Y z`iXrfT(KsPe2li=RxaNaPqtQR(wm^|%k)2nur9Y$ZeUF89(MI%8X!aI`GfOQ)z!BK zv8pe9f3_bj+v;Y4z~=m5f0ot3(K_T4@H`G@YUprdEU;2$a|9-)rb!7aJB9XoPx6}y zD>-HeiHX{fZk8gZC|b$1q})h`%IWgN+4gGBxv*Uvk4pjQAvJ@SgL+py6zM4>q{Uh; z8EUQeT*GbH#pOHcla`tm;#kwppwF#k!ppQwDW0)U(@LWQRCuw)h@!PgEkcd${O}{- zb=(B^++U{Gu}b@G^DW-w@3MZ@`>Qc8lBH&qn=yPP2K*hwfZy=~_#OQiyOF%w zLNF;2us~>Lcar67DJTdB6&%GXm;$eqVc5YeA|6Iq>^)No=+4MvtZ}@ z@h!d3sfxpekW=Qt8Az4)-uoI~8iY3>m?i8GVwftXi3LM9l9s8^_|yt#krlEG*EJ2T zcq1JZu&y?Op(=@_q zrDk0#bf+QzUOFh?K!Df3%Gu;^$tf7M(89xWlNta2V#w3OwIB z7!IgkCQ8nlPAX!k@15zoKrAw3YU;gOQoC2v%*nDsMg+M2TL@95ExbM<2m|4q!tyg- z4VcXhAa@GI0n!oIRUsT7s|%fL!+sp@4TCEq&~S(@2;ufxu|1(s6~*PqJRP?FMB~W^ zJ64b3_xL>5OAeA<4Chz4U?l!D-txq=o%S!V< z)_q{lapL1N-Wi=7&k*11a-m$SgY!q}=$IGhqQ2;VHzrC;gq*SQ$vS1=%@?p#e0=Qx zn5M#uiP30CpUIXsIz7>VCW@LKa4dmnx*YB1pA#iTBY~JbVew*cxEEYIMTb#R&=#Oi z3fYJ`;6!Hn`$#^S%qLzq;C+Pj$fQ)kvP02GO5K5oo~mT$2lC^#6`x9KvMdS`_;zw6 zAj{Bs`9xF{$*qJBC_6_+7o6@&WIPP-z8TNJN3AGwu|bOz)vXaTs6;j;6Tg>4lJ(C? zc@284D0LYk(Rz!FFWsAaFr(Gz0<%PBPjnY|*$TcGgoi}}FXC-`G4Rrz;8UK0S>&W@ zm?sSdpT38?-1h3t7ro50SZBUy10x|fq&sVnrH<7RF8atVj=0#l&ccNpu`&zacPSwo zGzu^_iE}ASH)Dcr)fm1~X5@Uaq08!~58SVHVV%^-V|A8nXyhjvpr}p>5{|`=EwDqD zsn%?h>%>!z1f#0QHJO^YagR3>E$gMG-C-DA1fkB%&Nl910X%9`k!3?|=+L4e^dg$$ zU|yHBNDR$Cdrj=lmp%6w-W|pvVz){Rdf9ViS4<{~gN15;VK0&^mKGLR$oxM${fSKf zb=7|pWvq&AHZF3P3?h5JkE7Xc{=&+-{GmRYl^F5|z>W4o_@iDB|1uMbJ=@A~x7hH! ze~1}N7VBnWGb{#9q&b&K9>wB)G@>q(yyP*ee-{f{nq=~FTb`lc_p55?X22CIQ@8~q zK!EWJt|W6~#v7ON^)$b8kJz0|N3DGCuvqLD6Y&?>7YdSKzhNY-keyVsT7NMRON6v| zR>)+1*R%}RbAp>;$UwVL!#ta---~|**Kf)Q_ypS(8VXuH?I}s_a#vo><#N6G zt{yd8a3U~ltK}ZPr>m#8Q10!oR_6R3$1S;B&+qoY@ws#|k_7uf4Ox0BM{*bI-CbvM zxr_b;Chx<)S19k>wcy?yTA4;K^30eB9acJUT)FVh)qFA4TbEVF(Q30 z|JZ>^pQIXm{9e+r10jD4FH4R4IP(hNhM~z~QeeO=5?oGFnsPdN*=Rg&c2lPXR-HAj zFkXi^7SU5*mI`9{a0HAg)q@eVpbu&-=mXiY8GH@npyQL|jrqajI^k7GKR!6WSKw7S z#7kTKJGV-Fh}XV5XxjrKP3I$|V2i*P)wt#Y3Nlp$6x1RS!>}R~2q@^!7K>(F6-3oh zN{A)Cjv)#{aF?EglO7E7L{h^C;e)`&iVCpnP#7nG@FCbGM8V!VS%N|4?PCby<~k69 z7W@Ztu=P>&yldywprbM_a~@1Y3d$G~DK&@!ovVb-g&*QWp3VQrK~CG&#O|Hbse9+&r%TTh3+;z5rnNg|W9pahEUsQ71% zLPKQ0!a_rj(|+%?>5b#D@yF2+ezeH16qcN4BUTpuI z4nvv(UXcl7o7SH~G6yM&U48>roo>MCJ?e@CZ9BGYq5_7ZK}=OlW=0l9!Z=P0!#E-F zWC(vy7;Liw*F}B+K1(-PE&iB*P-ijsN}hJKHA0sZ)e#-I~#gtN-B=UD*t9!=Nbc zmAteD_{pxJ(ZJ(3(eNK~a&1VMC`c&^@u>2I7i(7sw&CmwOKI)knY$;0;JZNj8 z#!-8XW40sbbX#sfnjCW&OcLEO*i&x}z&%E>A7{Y~BLNtv;A0eNNN&kvzTCusq$F^{ zPJl_rP$I3@If0SaI$}a8SOFK4n|YT)v_d(LO#&mkyMTtotMh?wJ&@9K+Vp~+lXvig zPo6yXiJ<(+6Q_2n3$t2In@MQdfGG&`UlMy2K@aws=F)q^LUdK0-+l7Qhd*}WW4p3{ zf2T>z+e$&f2n&3#tC#b0@@F(Yh#DK1k?~lHX$ISaUyo3JTQ^keUdglP>99eU-#&r& z;SN$6-g@N7V@G~?a_7#IJL$Nhvhm`>C$PudL6S!wJ#u7W>-0`M0`8M@`6uM3Fixkz z#+u{yqv~-XUvVw@a?Q)RDsH~n-zdjR*r|{*dRU+n-zXd`nLM6g#8pd1lf#aYhw59m zO_p(ZDUIE?w|;1HyoBHPan(?7!P-eubV522VVV<8gX2cx$)43!T!mdk4>`%6WE?!K z{%RR#{?f)>d+(dPZSsbVMLgwKK8>e%Pz|WRicO_Z3RbwCmn2mrp%Q<)z$;>EDi#kR zGKX{dbr`R9fQw^vAll;!m=yeys1k!#xRiR{oJ0jsFLp;_+Z!6FOVMzHZky4#5lb}^ z8C|`J0SJCfHbzpEd3*Iu)3(`nnBz3^61m?SOMJ=g1|PHgJhyE$SI=!bwhKnVZO0y` z%Nvhvqjbe|W80t8CDR0M-p^j}gSNsQrQZLQ?<%Vmp|u*56c}FbaA$=EK%Exm*$hGM z)Zfkxf4XOOu>8}o6KSKAxJ>d&B=Jc!1QD&NkV@%*MWEky8Xeq!FBlQrPotJhn`b4E|*YCjzC zFdc{qu{-)|yIK`%n!cJ}EV*UfZ#pwt$8L|#AT}CrOt4JZVO?kKM@>FM1Ca_Y%^@4n zU#1EV;G8Y`L_$sQc1ct93*OW8)QB%uc-2VZl_G&x4)^)&`+l@18SS^5a`h8pA@FfL z-r&TlO}Mc=S~tRKd5Gmw?j1&EtVJ+~O)xq1fWU9O=c#+%xk$9QO2}SGk)>rs_mK~7 z0eu^S~Ve8jm)xPkWhW z`zTRA%@6Ypt{UI%9dB{i$s4PaP1Z;=zSnmX8@@QPhUkp<7%m^1bCE2rv&~`=j0^ew z+$XrF(Fz}LW*BRBBcRi=L+-RaUa0ke%j-pfWV_ZP|J1%6BK{qPaa$_j`64!M^x!Y8 zMQV7~NL%)ctPIhT2fAPt=gsZLV(2nA)M0n~yN1Y;hR@pS4)#ng(CUgEu>7x2;Xz;@ z)#>Fd;gy}lMakW%<2j!49i^)+2Vrc=JL(&Ts*@dz-(dBEj#bqDOf2J>N^?8OPr%m@ zxCq6A>}1^O6_50sjwy}79~%ZV1c!1uHaXAfVFgzp!Ii;;kvUt6O1czKkrw{I;SC!O zZ}`wup)i%-P$t26P!9)`N_u9f=#*k5l89PPIT=p}hkDCHH$MIJ1$d_hj-{*ydS~yL znYklfU946YZ`Q%uRs+zOmEcf!G29(Btw<=Q$>4iMvPGtG=jF^Lv|UTrz>`F{tCA#r z<|+(H{&;DG+H&sH2)(??1(WEhfZiR*TKDZ*S{cpUI=-~BQ4q`kVoAVU zo@F{o`R_%AFoTfjf)d?+Xk}?)f4RD{B#H%IXd+0S_qf2@u}o_)Osyi13@Pg0F0^eo zF-ZT|Kom6)K=E%kHvQP5=GyCR+jNb_Kfs1~18fMU!m-ii0bx;T28-~Ar)fCOVoZ?7885FWf|eFV8KA;L&rN{NlMo{=f_xdz@jQkYkIQ9eY@# z&lp2uhzSPd1O-xTs4964GfS#dlFgUwq1-QKdVe-5-`1kH?u%FsCj*fb=|+{xh~+jl zMOyCFhRQjMZE1!RhcMV-%(e@fYg9N;VA3)>X|o%P#adU)tSHWLbe@LKEI$^hv8`-L z?V_O~bJIthUtr4npVdV*LddG{cW=yfRnN7_GZ9BpOvT@Um>Pv~XqUWdorGe;FXbeH zw$?au(T}ZVQi^L_egLeuaawrVZC7P@<46+KtH>Zj>`W$^S!QNtnq_7N zuPn7~U1Yacl9S0EGvgjJGc(^FGcz+Y^X;{|+IBm$`H|0VcUM=vdiAQ>AxHn+bGNgT zb1#3mEC1(^Gv_p&MQ5|K7YT<1LJeCGn^LgymqV&@X) zQs*+~a_0)?O6Mx)YUdi~TIV|Fdglh`M&~ByX6F{?RuJakqJSbwD8oYqRn$<&JQ`?X z0h_Rh%~--RwqPrE!p_(QyJ9!&jy)K!Ow*Mp(rf zwqqT4;=Z^a?vDrHfp`!ejECT%co-gzN8pio6dsMo;IVid9*-yBiFgv8jHlo(JQYvF z)A0;E6VJl4@fa@fq&v(_&5H8|KfkRha3VC&5=t5DpHBcydxI-f3}3+W=dm@c79 z=`y;UuAnRFD!Q7kp=;?nx}I*J8|fyxnQoz5={9Q7?c`IN0t!h`hq~0G$nD9#aN8n| zi=l``Cg$35dohTTAQq)S_J@9&7J9-@vO>@k!HSnfebMSfaa>Jgup%=3xzQ8xu$9Qs zAk^R8o<9hSsX7+)s;e>{sWbgiCKmc~Al6$$y-{zU4`rZ!9b_$SzR{P7und)kB1z>S zt*=I*kb&Q4^Kq1BZhI8B>w5pHNU|vKgyTCt4MtP zd7+#5!(J=BW8^1{T_F*}c)iAm8z6>}P#BE;uP36Dh_uH)x|wpXs%}tdurIOf%2qT; zGhZ3+7a69iAGb$+-cj&lg-Rue<%m5hXC~~bm4s3pwG%&C_cFh2EQfM!5KG_Wr!j$! zukfpQsmr}~5{XXWr(&MH8sAh^VP~!O zsNIf*m#0>rT(p=mMx}J8lzkQU;w)=8EKZO1z>B3>t+f>gWyr8E*nsn)F!9$!!jQK| zX*3Wi<4|LiLK(+?(zH0Nf8D$R7B*%f;jQ_ZNWw%8n`}so5;@Lv><6OnC+uNGCyK#h zZz>##HmUR6m9iU)@|bXL9$nK4m-DN)CTZ$+qC_x3`caU`RCY426PxVMrgA*dCcmsSN#5%D$IWDP?NM z@(u)<>G@8X(6tQ+|-yHwMz zD7cMQFV1!lz1Fm%(Pv7ghkDs)%uu^T^~%!5L%h$HI;|tcsILkwtxThupC~-@bxQ0_ zGvfvuwE4#S$9xzKD-239YUc@(+!mVCMPqd)E6h)wPD@fdG7b$wm1)~48JX}Vji;uB zN$Pzngvzu++*}eW+&cU~rf%Mus~kGh+O*RuPl&CaA9uW*;;aa&09AvXPEXE+7@nLyp@_NeZJ%uFwVzKg;}}mnWs3 zTb*>@QtrGG*Mgeq(q54VC{GV0x?uA0nD0@eR#Gz)F_+1>`S9-|jIv7F8yC@}-Zv;u z!>S8Sz-imH324R&OR;QwRZDtnX4+y|((PQuQ<=7&;%JZ$3=NZ<@%%dOEU{dx=-|!V z%86wtbrlSUv1m+D3@WG}RPnrc*t=G^aISTA-OO^B6s)C#Lq* zIKE&<$)0jpYBP&1R;j*|u2dBXxb-?M9t!e!^)+VmjSdS%mcGf=>71 zF^ZsAtH)hkGAhnzNHho&BL!H{r)wEGHnXNOeL@zDx@Dep| z0DBN^OiN_^j6TXTu+$;`8k(bsRmF^vr<^AqxOyBiO4 z_H%TWc1=#RH7n@1k{o5~f#D}Sq7=D7EZFitel4m!n`VbGJ)UeBr#QKGE(%&@yU}0cp;A3E9;0Hn`1_1^wAX}Sp5?BT#&j0`$3juEc004N}jam(u zR8<*1-XmP$jHo$%*=?4%*e=$iin7^_q_MqnS1ZtyY%eyF!z4vJKy>Kf6hgTQmRJf z)KDc|)91`meN`L~_2GxgtVq{2S5F5_Id52t^S7^((mK_khU)uW;&rHd@mwhd}EjOdk-7>#rcd5O!Sfz2s6tzgLRa?{^Ny$(dBU5CyERq$n zRyN67vP1UhxUSVrG8eR4@RwJER4slps!=tm5})&`75t{~+yHo1Wu+CgE7)1QHALa6 zjXvBIe{&IZ?@;v~+*VbHz?-l7<2@B|;yBeWlA8inCIN5u;GU=stdi@?u)SX=s{rxICj(TU zid5305@p&K@!8?&H!4QzhbWD=f*P%6s}-=%cIhi^GFE2Dow8ik$t$u=cIm!4tB2_^ z`a(TZ&(n+bO1(zEs9)Bv>#cgb-l_Mfx4^eK#puy!Cut=ws>8sEc}sgV{1?21VTW01 z31rD&wH|AkNN>3uH1>D?pYY!Msr#UhJm^L7@@@E<@dsn$dh9QHrIK#=S_G%kgta{W z2EY#H+yNe{H)5?7w9K9~e!adpOC3ynLo?+&?GkuRHLouLS}o&G;Y+RbiVEd>0Za3# z0{a(W4wn_!n}lV(eylzMSU?Xl1fJ;9%LCpZCZFY1n}_F_gm|V_2u4{C=o}}mKWqQ5dqW8v{Vk2XdVzXlR$DWG45PLJWGhP!f#ZQV)j(5d- z;w$3o;;+QF#djxa61l{%L`Py`qBGHzn49QHEJ-Yv(Xd7ncp6A+<^GS%TI8yCN3R)E z{kRIh*K90jW7UrznPt@uXgf=I%EO0&Bz-i`r`PRY%CFIHvdp0=+NTy6c|H&J&^rs( z+OJGX)d$Qq&D@!c(Cs7SG;cFR7{>8< z?p6CTk{C(KYVvs<{<6M2dY`3H&xj4P+h=V?%Mz;usB@OP{xf8>Xggem)o80fjl31y z>(X6^wFp0uJaSqd`YSMVc(R=g!b+$eMYt!-cAsH}470|ASP8e~H>=LEUL~iNdCU8= zyLu8`L5QxUFW?zwC&xBT)JcP!$L^xq1Fj~WDyzz{03G+-vjO+Y=j!TkoB#cmy_mg( zE3-@EpMX~Rnq-m1T~1u84*+H?>Gjk}%*b9l4?_m_TJU4#cSqhM(Swv_k^XoqOCXoA z3voF7t$j9ohU3}lR}#q74rjlx**k^z;cBYtLAHNG?UkI2lBqIJoD%ubU`1d z&(@uKwqBr@phH=$=FofU*$FwlS}izCvljTH;4#(`e?|+7rt663r&#at3K#F12)v}f zA5{Nub+43NVK_e+cO^(46>B>pyz6R5a+AxdFM~2-9?d+2VX~zUI zMP|uDSthFx;Tz>uc@r9JV7@8g*VKVQ!H(G%X_6M z*KuDMj!Wg|tfIlQ+|^&QPKI(K_p#oD(Y%>?zxvew0B-VrD&Xg)C(i`tta|{<2D<4a zUQIS`w zwdw_R4rwM4RZUSdqTEFrxHw_Hf3eLHRa9h&%>}`|PjKe(bt-Z*WpD8L`4~!JVB0uH zm>p&sAECx0mgivRUy4{-rH(;#nj8?-HJ^&eN>^q57YGgPl4j0X%|83R&dTf1bUgPc z#FV8d*Vq}S0PV&t-r<~p43$3c$#yjsHFFkX>v?dRqbG&yvJW)YOl$dlcNgqjxQfiqokUARlZ{ZzCTx$q1Ps zGm#BeAQ!wU@5)|Xs|V^6^aMRkck6|$_s{6H$gHNrZzQ*lK3X^7h4C^G+kE z@9P;a{=RD_W4Y+F#sXIMM(e@oR^=fNBty$w${U5UymApc)`G44&+^SZ|9<8Mqx(A< zYleeSgcXV3fjsvVB4nSm$s}~BPs%3Qp%2#W@YY#+G5mC+-l})SYGQ@h$k_N;XRJHc z6MH=NbZkv*z4{jPmbaO3puMZh*jYI|$NYqnw?yR|^g$^P?qK#@;h0~i7wlIfaxdc~3eTnXJ7VomTgNkx^sb{@ znMZn)cCQa3Om`S21Uo{FirM?Znw@|=E2Z`NDo zXjSK#{)!P1JCKuQWgZU0d6crXM&D$q=WGsl`q2XYDChH>yLc~>x6m*eXF)$%d-oT% zemd4G6tcFG73t09i90iqa7?`f~Ozp_-HtjFm9` zJ<402JS&2?pZYxOVU;$ejqqw6c3C<>%`K+CvFwU5T5O&5Edsk6Sc?PWN-Q%7!f*H1+eVun6na7F2c!jqYd!JUQaJAjuNbo$F&Nq98 zT+8Xrr96RCghTI(w2A2=^Ku9?qp1ewd$F0xS72J%s`g?gACBD9Dc!P2mdhI1fc*20 z?38`Fk1XO2Cu(~CraRl#=u)p=bUP61rCvIiezs~xeWm-ZXFZIc9>lxT*$rZ@t*1p@ z>IK@m#2lPMHugsEA8bVp;a^%9Wx+3M1t+rNr zrF)z+l$YnRfYh@mEfTw^9=7wm%lonP59hmDlZ<1OI@5CwUO-Od99tht>QGx1m!ccq zsNPZ^NE~z7Q0b7#n9SzOBeGIf%X)c9Hp>=FXdlQPt)+&Qq0Zith2(8Hf_1Ti5zNh_ zIf=M_>zyD@U}iM;b#;WhUkaA;9=$q-8eoZxy@jqokK`Bmq>XA9dMT|I{1$aAZ%+Ik z@n?Qn^=H=0d9PmK%xHTm_tyC&a9{=B-lLh7{kH&@1iy%)Cpf^Tl`D7~W8dX|*wU5s zZ9H2^I zjR#RO-R21b=RtsoEdRh7k($=?>}UlW2SCuX=PUdF@5zoK9jk*+YyN8(>< zw7>+`^ugC&>5)Eq;7hYh1)Vti8c0%+iWI3La{NF4_df5M``r6mde?NoDxUE%qVX6s z*6*Lt*PZ+t1cn8HZ3PZYA!iALGt)`**+h5e&v*Je^KB3W4kR`# z8F-N`IE005k}0*R|BkrK!f9lR-X2Tiy_GEMWcTY|Y5_Q{5EOzQu%O^Xz`!|yd0Bnn z59)c}g_RlueZRH;N~T@X?S?fh0LfL$)m0z3=gc#<`D5emFTVT|Ay)5-y6NLJlNktetE;z<>ZrK>hfQw5xBwA}y3TTCTgQqHH!8uQ7gpCL2{z)S3H>L+0#J zq0|1bKK60E#a*kQjAUPuOHhO9tTMLm4n*;Y4f9?2ECv9;o8Y6>sFvILI|h;{Z(B@2 z%FVUX4#!;ak?%d35MidYFa-kxtq2T*5W$p82g_@jX~_PqLI^c= z=H!t=%_=FzEnOnnZ50jV*3T#PG1JAIUz{YbB17|Y3nFs9l*kCKv~?IGJDY0bUTwLeRAH;Kck>p~!4NS}v0@txR#&sXIKjAMA9OL$F<+_#{VWksLMv}5YKs_hk;7AJj1b^y zO^e|DMLa@B@VIX{$odhu#Ofd+pxQ-9Q^fdS&{9{;#ZXy<0?1ebQu12@oIh5)dRtxb zID>rc{4V%<6cW4Qb!_WS@9zFS%40jlr|tBgUFY2S;5@o0q3O!JJXg!rd+oSRT-UD$ z*W;T)HFw-?zYFh~cgwx-?!5f7@X&2bz zzGtNNg=y2pxr1LxJVVR+@q$;eea(#^B#UV2or0ENPGMgior{G9%Q&C+)!@hJMDV1hp zyNem5j7XU{4tDI0t_HphB#K){1f?OQ*9k!uSe!QTM}*N~3*GD@vNaqg2rMSvOruf7E?m@xsy!X9Ig_2kRiC zC1tMDBtu7_%$NbzjikjaJCp2lNWsRXgyUm*Q%thjK)2mLaA4?S6lg+31bl~aJ|xmc;AM^l3lfh)*Erg+a7r2 zX$0h`t&5>4VcD9_uGa4?Wc_yMCQ3HGL-~;Ng&nA(3ufqAJ{nIP@ElZsSov0;}y@HB;3Im)$JW~;qUxa6h} zT2FyxWTK#D5K$C#vf;sha9H6h0Rxg-sEn;*8`WUphGtjJAhN&+x zoO=NgV*6hrt1_9z17F#s#S+W6W%Ekf&PEcUYiUJw>sgx}j=5LM!XB?MZ2i5slo0oN zs}q8#(}eDM2wgVQwOj2a$DA_-?h~?9ab8&!(Pc~1L}(Tqa7%Ng6}woN;p|qi?wwaIo)1$M=NOB ziFhd3>6+S`mX3|bsAxifuf{Yz<*3wVu`_7tqo9>hVxX3@Wx=*}{fW7q|sdYV#_sTwV_!wENi>F+TMU;3u5 zdhJ`b*5BN}V?Cw~YQLCpbCCRHp7Qrxln=TA#lQqffvi$b~*%V<~*YVw`QQbwqA( z6caZvQ*;oMckn9;R>A*owO)H&MafZL|KRVR|1k3X5F~VQ%UR{-u6NtEe`CA6cXwZ6 zT;o^8n5`mw#0Z^%Ht?!w-o!d>tbFrYlynv?XH@PPN@_Yo7(!zx9E8B|5yo_qNPi8xG2iKU|r8$5xwsI8@(`-p@b zTx25o+$}_+skJDGM83Fkq69RaL!~1L`*tMb@K~#`dK3fcqSiCvau{CN{CFZl-chNc z$WaZU)Aat%b1De=%>l%%o zPK772<>OT(2x*w262tr4B?hh462&8iN+PNzit<)OEsCl=6LnbqM>rwlYZ%sJ)r3ut z*Bl1gn+k=Z19~hk6G9tJgOxza#kAwg?{Ln2e}A(CZZox8$?vcWZu{ILPlv&k$+Bru z-_KQZtjDF9mqo_(Tc&D>-CKw>L)Tp zSo(K49dDv&MwLghL(HRVm$-d=!X}YM(taPw%(fXp_ht@4uO4Ma$jbUUIBk^zYa(AQ zrOX{V9Z$o9eap}k?!wR&@kI{`xa1=bLkN{(*m*QsY`vEpblPR_y6a01JsAS2^B~g`wHG2x=8fMaFa{Gv$A|NZC|?$~VIn6);S`PfyDFl- z4@D`PCMjkRKS9}{s0Oo;)FGj%GHnfRtYuN>SRxQibfq)C8#+sMQV^pKHt*LT%5vgU zD2slfq0_~kgyHMuCuF3G2^CSEgic)`q#V|NpY++Ny0?6_=6W1EiL&YOI&pZJCMB{= zZQvd&Cd_xOsR^4>(E9o8YArMDocH_~2voAjGx>;&94u8Oj6{1rhBh=yE5e4NY3)2% zU4sVve8lLxBngUjqM#9Rw;3WrA4|=oGpN`o5@n+vzTIlukH9qdz+y}tV!v%s z@+|?r1(4S<3uR@hs20rLiHz@k0*%^mf+Tvi2AgX6QZ4;xGkk%zI2sW)Gz0)D8e}<3 z2D!4d?s`iA$DstSXb6DZ+m(L^(R&_*mw#TW^|Qf~n^d^%ss}xEUn#usc)!>#WDkb` zh#Y|1e^CGgm#W$y0wWp4aih?erNR7s*U_$7rLmi3(a32NZu-jnviZh2Gu#&;9S1~0 zp18+T^Nt3B$LKM5eD`=8dVBtT^L^g^>reF`|NgP~u@*pQ>tPN2g9cc7TnGnC1anT< zhSu=ES&iJpY5leg_9K_!DupvM?^+hz`>Smd;q`%=1bt2S1{>Cr@Y>e zWi|6&^xFWj@{|M5zqJYIXZv zEmQ$U>PU*F&_#eO23h_9K{2nO>Bs>&6p;0VZZTzTur*LP1q~Hh(UL3ho`ETIon@V{ zV6w>&HAD}wkta0ANJy=q+ZJ;}Tm-cy^34rOT#aLrJ(zNii$a(Kx}P}n{b`?JaR&(t zJ}0CIoN^f>9Pod;Q3W@u8iR-fAa0L+?cDL3L&yYr7#soQ3`6i96$WnJ9O1xiKd*q+ z74RqlF?skU_@`bYA)(0;M^#e84Ir11c6f+!59a`~&wBuEM5;ulcSEP3sIY0Gx;dh8 z5x5{HHSPz5sNOVhD@Czy8`AZg4W$LHDH>=P;;nka8V56G&A=Y6x_)oEQMrpuhQXkg zQ}JGxITr)s@kln?Xq_A0jXUotx}f>L51h&pH?xIBSM~BIKr<4nviw?=z9~!wox=#^ zXNVz$|G?T-*Q>L~WdbZBDxf2$4M9cKItW~cXh^Fj0eOM?UJkE~FYCHy6;I2$EYpfE z-R?=@n>AjCGfI%0%mXSv$Q1<+r+b&}fRD2PBV#2>4yr-!wR1uD0PtQL*HeT$r$d#x z7S)2S*Li5e%?$!FielH1QRJOkfE(wwm`GPt58&4)le4wTBN5?lXg{1l*CQ*+;(S?g zB~ydSc=ws|91gQ6_BXk?dAR^WP6;7*chMx%Km24K_|P3=8{<=cGjvzYsCI95X+fZI zq~cbE``Q9kTPdh2dQCH4I+9X&cK&{Yn>NPyFYxzqx62XFZxLa5NU^>Lj^2aPwTyYN zg7D?B{%F8GfquG72%6gnA|Q~wVcsujH~efRK*)07ujf;!wUKF3sAd zyKg!^lqk|q@49jTKhsT*hEdJ@BH#VbibCaoTZh78dgQWV#@9{<3_FNNY8dsye?~(! ziU;AmJ@BNQ=eo2Uol0oUEl;gs+1*}2zCGPJCssly_6iH`y$d+Z1%^2xdPMz;w~_bX zO04v!rtI$UOxFhD-YuVAW+tSbj(A{|5H4odO)R8~k;t8<{n}NAwO*t{LzG93bcXg% zz2&tN_Y?2WYTQFo09v2v0-&d!=2nafZlP5;zOdJid#W3?Lr;%s7L&WeAZKSI+>6Oa z@+ERMYk;T`p7IZqs@{_hl(&z6trR>K+aLl@#1Ba7E``GGbWRj3{$jmYZfDXIUY3$2z?3jdz zvaKVbj`;?~zS3Ku*81n};ckfJxrFhMD80yviQgdkjY`}-VcbIccVrM-J<+#wYpv!} zqOZZL!ZD@z1X)fyS4nd%axiBUVGmP6N6S=e=9o!H@gAY&1Q52Mt&?@nRS)>66E0fe zQckq8>JS}%Z5Sd2k>rw%Y|N&Eh!x+v=pB(|p}FeJ+a1zck}Kle#gpC4rGL^1nEdbq3rRI^8>;o^x}dNdBl~x;P9-fOKX&=ZH5d z$YSo+C`#90r$hGUgsq8ET+n!hwv(pA8p&}}rf=#dpQwu7?{dwOtGURp6=(E8>q&y@ za>Xyjs?BZ(JtKyLDy4{u~GKm>IVq*`n zW>toBZoddMDhhq#Ar@0I*qwx0vfp0xF13jN5Pl#12q;{+*g4P zMr+G|ZQ+8?>V)luZ8axZt{#4biT{9H!3HcO%h*iH9N90D4xHubrl)+gtJ_Li& z`y)jXH8WUK!ZDd}gjrX|E_Rz>=i zt+bRV*OSh|rE4IFo*7*4493blIb;Xnb#jGLBX1aX$wyz;(+#tQB36Es7Kz?hLMX2eg}t) z%eRZOP_rtk6kUs%Qn=X0ioObm>VgxG3ca~wf8YqST-1NZwq|4kZa!ES zi&Bs0c+^=I;o+6%g4E!OI4pR%`UcR&!ZZ3$s-yUu@M|h$Br(VN#KjD*(I|UB*KYlb z(|~vndVshWod+Dru+1epTBV*8y^l;9lM{vWF5%HnI_Km^>6&zo8OA$ETK?(Q!b`5f zScPgNr=6Z&)RbzvjqTND>LLUlv6r;|gZr7Jk(=<8ZFae>DZlU{zfdgM2sqDlsejj- z)mp1j@w5N}`c~Q3^XJcu*3H-ts58H~cCa$D6ASbg&1a6nl?=*+jr8uXsr5WFS-W>- zkj&JP*;Nf)r)mB3EtPA+KN5r6Z&F?QQr2Kd%32=bKzq(GT&i_|T!`&5hilwH!Ivi% z*o#z~O{w|h!t&)cpeykcE5L8UG4(9 zH(V8O6iqT zun;}JpVeGJ>MTb5$l;|O;sUkUzMa6VP#~-u-w|i1$F`jyBrOt^sq$^zKcyqSHXM#P z{V2=qFYpJomqqPB8g%|U+D&PxNOF$L;*-RLL9pqLR_)jv>T1gEqF|1PfW#^w z4Uw*dr=^U~-TV<-|EK<=5&7-7**9Y1_Vj1((CZGX=>>@tqjnSXZ5NoS2xDm|wy+u* z#EmVXnW+rawAri?P6$`!=WXGIZrFryL7259gwMW9OryotKgKPU{+OX9z zjSikOCamc4oU5d_bIo0DiL*wVzFy)yg76VCq@948N?BL72nk8=hw?e3x~hdtlUK-v z{5V()^-F+ENzu^cK$TM@AcKNcM%&-a$~dw6rF|3^)+;;WF#I+#0Yop5*`+c_c!d{d zSd}@2UtTrsrL%-2I^{FXLK;X!-zt#bdHV~7Z5Wu*b0WgjWvXdC*L*R;---b#9V0r! zb-Q7 zj79l(UVWzf>6F+0?eui#lfuol+po2UGliAIg6s`6(-#qhvY2VVn^})u(^$yOen)38 z<*{{3_Rm!tCdL2G*6go28hj^ar(1FMtkZOEn4W5UfGX5_J#og0*gGli(%&u+6aYLU zFx91`BY;|H37LCX;19v6K0|%U#VpM}6j?xX81mIodak^({W<&IlK2-N_#qAPiL=Z5 z2M_dP87k!)bSiQ$2~MKL;n5t99nBRCEyoGo=YSw)F`As9Sjrua6^{3+LZ{wUqeV8( zu6ol-C$s`8Q%F9=Th~U)a(55V&A~wru#0nzWVD3TR8sX9Xxu8LIh&zsl;IoVWcb=1 z8_|oPeo2ihvA3?)c7?uQYU@mQh(0*kzzNfT)dhOcMoAZ}NXV$Jd;zRZietv7yH6lx z4C6s2-u(+oK{monMcc5i@&Nc1uUe=ospu;qg20!D*!s6W z8v)LE0k_T>##(tPJF=G*EAa}L_>9rZD@hZH0Av6cc5q%!MA+vtKCSKII*{HK+V@%^ znz^3WrhL}A#no;FNOS0NjMXBox6FablHomekugtZ+!o6q(()F30)c5zD459)v7zAh zR*99(O`xVHJjq@*z3=>jW%^pA=W-oeO6>W7TL>n$um{Rc4h$n#Pj~ zCMx>h4ZsEhq=Wuk)Yq`_O8D8nMDC#!&*pPn@$`<-e4MpjqVt?0+)MWt#ub=mObx1W%P^-$;B@Q0jVgP zNd0{ECn_wHB+{Q*KYb$J!~~u>6=hNUKO4Xwp=`u?8SE~4(#$Kiy1nuqTj7dm+Uz5@d|--N%@xq0+L?@5{0#Yw+poLCQ?JGG9|1SjQeF9bLgJH@$8l~~ zE4XtueI?R(2f0XFnl0yd7qRF8eIg}pTj4G$m?G}1QzteEy_L-9S;*mz>XsBhZ_MI9 zAg{%S8iKk%Ii<(IyV$m=)@4LCLbQlqGS1zLv&=YPRJq;7HltbuPV=y{&th6GwlBrraQ22N+ZWn2gfTbO#S3ZBXU>pbWp9`s*Z;_5{>Cx;B-_Zx z&+vNk>` zM?Gtc$)KR-lORfsl345!061{FI~az+m`Hh<^>x&YOBcJ?zPBZxbd<)8bZja8=B$*( z2>P?~my2Y~Kuw+2b|S}$;C9!DUOZ=-cUxG_%{$C-rDLw+U<3#BC-ZcwWL+A3puz}s zVdZuQtj>~#RpPWmRsubP+c4-^RhIxLQvFdGxDO!I(vtq)k0{?6g4lXW{vkew$~h?a zXYa&~PQ{-ACAnar>6=*Pmxb{hBG(&m#I?2!9*~}-!Uprx63IpfIU8&OdU+piC&}_* z4uo#)BYlSMOyGPlhm`Lg0e0t$uGiWkys>L@H`T6ciGdgI^?-isz7C!Aw&rd(?(ysJ z8zf7?xRqL^{>$}Y&UU-puJN_=e|CWcHESo^5-unX(xeeb25DBL5)Xi1Sm=S=a-D1D zPQ+_3q#_+MPKWi=zzDS^MwiF&I^w=`MBrJ15Chhs?DCt9i_!kJDnZci@c@Bm>PZda zfaHnVh(MTkcCV1QU8VDsifAJAch}^yc_3{>-mzu}yORmuef}h8BV{oop6?t0dXRTr zOgbJ3!%)sxZ;B_I6js;V7EZ`UO^QdE^NBmQ>_y+?#Ll_H^2#c?3b4s62;qfZt8GN7 zQd?zZYfzHl9y!Jg5i zf+6ZBZ1(YQ6-IqP#$hsgks-g+{)u*<3c$>_>SKySYGz_e$mW%)s&_kA9gcu7b{68x&b=K zzZ2A_46DiQpEk0^46h6tx&<$~(nDs9^bfKTbl=X*-(X znxeJu=W$C}C!C^&k-I;P8P*$lW*sbDYSE9fj1iV(svMD$cMfLqtpg7!X@cM6robQQ zC3G-)mdqDeL&Bu{FUt?Xb9AL0B=Pb*X^;FlY7^~PHR$Cxv>ZH(Aeg zKmGiz_Fy{7q5Q#IJy$s(--+=78RbN(AbWtdmwSA1TlW(>e>8;W4Wl)l@}gXz za3x|v-gm%k{S=CoM9FZlc}1SQXI7h7at+D~qpa^Ls~7kcZY`!C>JXrbDKdZ`5)#&S zxr7_^iv!9bkD;F;TLF^k+!2r+1+x4)nLXY^k$hb8{ADd1(1xW>fQQZ_z29e_uUs)i zCdy^np5IJW*Yi%qqLpWw!b+gvH_!%>25mC3mUfnB>$_|DxAgu3g$;r>jyOon8c(r= zUYgMO2d8A$dZc1UCEjL)DKG;`B22ra%s5TE5Stt+cvHxHMwK=*>eab;u($;qCLAo^C?=!A;23mLga)L(inX}+nZNs}?T+vOj(KG27UKqt12Cl!2;J)+zDY{FRtFI@aDzQwp* zVkTmac>*`$7WhbDTxn^9TiA?@%g7)vtr)ZS!vp8duFHmzORgGsMWmXgTMfWdMxb8u z`@4@lC7{ds>BTAsTb!F3*d6l3$+t`3%ywi%Znw`di2P8-|M8f|W0SAuc!vQU>0>E+ z!YpP$5C4 zaZa{>xCSW|EHd$lKYB$u-sqkWh+I#tVR&G)j>-B8y4IERU4Ym=zao3I=*9=?r#{n$S7-UiZ>8%QGj5Pm4WbeBuH{xF$k_&o zIAh;LBGE8G?i*A5Q_v|XK}nsxD%p;R$wc~VY6Q%r@ulJhY)#MS4Jt{DR@}%prImgK zBHKccwvNqKi4eVd)}#yHCL2*XtkiZ9qo+ytVdZ$!Ugbq83z=mNgu0flC@R;`rTF#k zSkIV~@`l(YHMs4IM85?O#0z0o6H1G~y~XxSp?VC^FZb78*FG`XM)T&E6f-Q%3MQ;C zpP=O$O3pJ#@&LJUdsCN?Ja+Z+m_Y z5?cSic-5_M_{e)ajVSN$u5H%E2y`>6O-0{7`xxnD;clcQuXI{Ij}|fbP7V?5LA$tu z#gs#nS&4=g#PBig`+C@D0hl%$@EaUxOA^={r&Id9!6IZ!!R6fKGuFenBU=$_Lu~Mc zs%#tJsNL>~)apopzz7fIm=<&FdjN!ufPQc*mh51d2Thn!yBq}jvt1}5B_%2mG8*+T z#&ecd=H|5XG%|t+pvTDiHJbVSNo+?nNG6AaU7G+P2+K;ZMVtZoO=8j>k{3We{@vzO`|1b(2Oz@t*wo$qi4L&Umf6i{QMvpe`7(;Z?B(^IU=N| zpvgfEM;$tQA{_b~``&aM!RBvil|n=5c8i8sMtLP#Q)gsjH1aPJGAK1D)TVZgloPJKt8WAnzaBVo5`-&8sOR5X zcwpig5Lf`ww)Na5J@2x-Uc|5DPbQ_BM&s9W(WKn+$h{i9qE57YFQ^svM%P#Si|tI{ zeY|w|l;0l=Mx)`dk8R=8tFE!ER~Mub$x~L+ld`CS?nVaUTjh)+2rBXwbAy0EJIJ05 zY+1I)x$4bCWRfvfy}=|zBn|Q-*0feV08=teBQ%;tEsId4P;dyt7;nOzj2Ab2uU1Zm z%!KGnb<&GNob(F&fT-DRW;Jf<5AiDNFf6x^$+8s)+|Ba*qBGP51_sXBydRMi;4s#B z*@n`c-olm6@jM(W66?RXjXEs;wapESL6^UPW1zC@jQP#D>9iuEsd&|E>@@b9g~wzM zV}ZtZBx@9}!rtnCVn;PRp-OcR9=1&J?JiOs#Aaba0?C2jK=RQ(VJ*qM^cEbnO)6`u zpRH7RP-z%;f2v$=W81ZW&o%0HQ{Cb4Y^}FN{0rh=Wj{Hsb^EYASf8lV0j!K~oGs1K z|I1qNzj#e9jux;OrDPzK;%;~(LVh69N|^UmLH}kqw4M?NA zd!q4`Msj?5pJEkiQr1>KxX=H73(j#1$9#y*(^FbAgI==xZAm{dMgu*VmXqK=~TcP%;JFJTv zZ(LZE_rjOl#%I+zXN$&}uqBeNxYZJo=_`N>k~E_AvZg5(?=BoyQle;5vUuvWDxyq4 z(#=!KEE0Li$D8eyzgrQ(>#WEPC+``Vw&fa8fbPM3Geq=XCv8rJz&$?^@lf`JPBvb- zo~jkw@H14`IY-7CY>|&$HbQg{Rpb)&<-J|WyurDi^;#jHy6BI5!sC}wa-ys9!WG3l z&V2g-!}1<2;6?`Jmcn!j>XM%a!5gTxuKGAIy299?RfyShgzbDb0_NJ!u!d7$_;|@n zT1A9~I9JS_)9E2S9>db5r|ORiqqC2m`h05p zT6?yxykrR1=rHp=o;%4wCmEvMeW{Qkv5=_10OG=`fuqI|q%!Q7h~3sBu3|keKZzxv z{-PMwb;ZBg?P4)M(q$w*vI61;2p=sh?-{no5kj6}asv&pHdkf-%x07q&+>+W$^N7p z7W%K-0uBJ2uvm7~tZ_SJ5?>4*vYkQ7m}t6_li4*)1-bpg$DE$Cgf}v}KV+==3`%lW zxsXDV6ZJP~Bli*(SuIMD01Wb=+a5yvgcMLq2#}GXEx!_ygrl>omkculv9`lO698Db z>{{zVc0>#NbTJ<>HV+0vW&b=%OLds1d zRWXPtRulUR`nsk(!qSKqHm$?$H}L_>3TtC<~t;7K6DeCobLi{PhRFGqG zMJ+ZBND=CGr!ieGZK+LYuBZ^! zD4ia% zr&(}EnJ?=}AG0wn5}zIH0(M)yOF1GBI>s*v?nHhA!YzfwUMs`30L7s&> za#UH|$n4|t9~a)KBHX3O<)0xqIQ^4{N36Hs+sQN}HpE^4;Lrc5^v}=If{>8OQgO@+ zOh~1uV}jcp<&23RGKy2)4nf{AYo7@>w`q+xkq|?NLczLCDQ;&*M*g%c$CUgmi(9=v zykO>xX$4hP-~#wj0f3EnO=E(M0VQUPP$U|#v%mCx+m+V_mv1lYc{V(Hzm)sn{Wl?%vnbfh5-BXcFI!=!iDiYda+ z_=%w+h9m{t0H!AD<0}@$R}l4TY@n=z4Or0z6hZ+qwN^qeutN}i41wZw2&ags$q;6M z*7L*=0nm^9c$lk+%|?5EpI*Jv*d;DN5;0X&ab znU4pEJny9Y+4vrznXeUm2+$9VgpPH0_gC{H?`_%gFknA>c+sLU8T%@b^EZr;}U zBm!zD-O)<7SARKD=zjU-y?LdRN7|I`unCUr2{7Ub7*6xKX#UnMp7xZN^R&z7qP;_2 z+I8fJhXzeqNAMMNJecqk7fcsWcSr9b!cY5&HZwRl7>CxZ!9@94_C%*bZM*P!H-q$$ zSP6vWfTP$Ug)nlNlhx_wM`(EP@LU6UZCjsVhhd?i%g|@&8ye9QJrE-00yH$g4#FNH zWp@aA$YWHyJDGN}j6*_I-oH}tR3S>DsH%G(ZnNmqEsBfd;st?sozn*}ng_;Vc zk_UQ-S8;0b4s09s_CU{%1O(XL6UZ6rW)B49TO>Fbz+NP8kZ8L%LI@9OwDY7whQ3@| z6>iS{%eaM42y-_XFq9f|y`>i$`?R^h|)j*llb=jT5# z_~p|Ck~ANEqJYUuN{|9LBorbrKaPE_k?+W51wWINfN7kZMO2IOh^zk-Xc8~gp3;0~ z-zp&|T9l?lvFW==gHjuzW*1$SNaBl>lS4(8bD*EF(=OVM2Z-&2AFssy1ZTOgUZb0l zqWlbE6#t|1OE}zDI_(S-N4ppsbER1|#4x;a{j}Rd7Z|AlwiI{#y;(waNYqQelSGbRq zn0!8_dcnLG4$Z#;=7H?Nkec6sE{Iq^YnAbK;JWw-V4uByM3Kn%fbv2WgHX@&Qi?4yGAsWO6#Q*$agfo`vlAVz_kQ1`1(sYd_ci%)e*{pM7*&+&ZbO2P)v+zu3X z&Z#F;Nl>)0lIH2?`%8%cVT*_6(t#vIm0zh$_2#0)C_UPMx;xOyF%g9GwL&~l`}4IVZUi(}&o-!%L5`)jHp zV2*E@^xd8I+Am(3v^V>odCzA$Zn4?>CVu~Ud)@j&D_fjTYo1(Am{hoHw?#2@=g#QF ziGe$k9PciR!hfe`*Ku$B)Lpy17VmM3V)RaRo;j=H6cM0DiBsr&H;M-^ciJ$@D7X;@ zvyB)cQ3_t2AMj^|k9bDHIZZ%wO*^W2s2SB>i!;RzhVIeG7%M2R_mSkt44;PD#~2Si zNPC!vn?#WVs!|~-j73S5;3<;Y%~rC5&B2$Kn`^UZcE1WsKwM0FXi*s1oW8#?OfG(k zsb8`bmaOHmi+PL*^O+n2x#}B-O2jB-stvw^Q z$XBLWIh(#h`{9bMlVeZKUDsaRlH$I`NCVQ~*I!42ZeKn9S#ngLOY`7drOB=Nvm`jc zL_|d}bg*19|2w*7($pzg+0!Q5b!EYrDcLbGB`GUAKH;NS4NG%ejarWE(}X_O>K?1K zqlju2tzn{4C-Y#WWOx_nLa9-ydT!u}De?X9J{~r9b+fFM_@0@!&WI5)ilyofQmNo zgJqZDW0Q(&D!s~};-)4KKi<1dSL<@cKg^&n)lyFqqxi97gx4kUP`bF#;~66%6Eti} z6iiu!=yjYyEZgs6;{X)$CvOqslOxT8%%{S+3?)=0cZbjcdAYYpz)iiDX_n;><}Lbv zdmQMraxz}Chqk=uID6N&AVMfaC=x?43yhz;almosjaXF_t|5|81U<8nh$ffb=pjka zF$_c|`1-(G?&G6$00(qQzneywxAJJPKbRq+{%P8J0v4P}H&3mN7j{r=Ka$K8{$5?t z4VmHPr2ejN;Njcp%&_T?2W>PxE$rVj+ZtC(G^;UiN|w-Bzbh6IN1d zohc=RQ!-UGRgBV5ne~C;?@!B8P<0-s9#TSNsX_N#N|N2WJ~3>J0z(_UvJCs389BB!N($jEkkOXmTPIQ@^>AnK3clmaC+-@jUc4 zoV@Yc4Q*3odrj4{$fnPCDkoWR&#}HH<+AG46%1~w&kp0Tx5YU%%bVdn=Cyc{%9=Z) z3d?bCw09Stw=3OyzkC);@Wi3^KTT)&QhY^SYgV1;eO+%aK7C?|sN{&if3G#umN!o} zeJKC%Wb>6Mrir?e()XAAxvzlM593zmt4OkqBvttOxaH>=1FGc+&CXJk8YN zr}V_A0?#6qcbSAy{1I@ zNOW*ss{1|vXD;z~X~|(ddgCb`pD3DL)_ioL{Kw`v>#MnP<1b7>Q)y>6t5fpyDvlT>@-&KQXd%S+ zOh)}Mcsy=rz9w$BA5~XxE^42JM;)ua;`6bgQ}MHB1JF3ZrE+~e*GK93k8bRrs^Ykdg-{5J_x^=F0@GIb%+YTRFHuB<&t{2a)KKrrZ<8NIZC6Q)CR$7w4 zz+yW-pEuea=4^d@C^$bJ+Eu)bS53290-k`yZew`n-f<}RqSb%MWQMpoCItR5nF}6| z9S`Ov{{cZ(eGg0^rBfv4jhV*OW89dEMB>c~=?&|ctYc&O0%y!?<&#%O8si#Ay4z@; z&WCB+3cDY%hr-J0^@1g4kN#nYKs}*~HAK{mg>VH$jN;evQG!|lVX2YG!<$t-No#W1WkXx^=E?1* zVAHY!LG<+ZDwj^bVDjr@XKR`7_V1Z-n|7TW7Z^Y8$1H8(6b zDGl^^1s77YUnx2FEM8fi=JVhACMM*{So53mH^-XZ45gc?G23mS-)Eux_npDfc^+8bk@NxrN-eDa&waTZXV6>9j+)(QPPmAiNDPG6R~`Y;>3 zk#b7Tpr`2GZbSXgwR;0GU7M&0Y2tUdeIwd)+*XES?(iJD!(oKbUi^A@YGg@=>)VeF zAD>-)_C?o=FOHP4KCowE;P?L*+nL|wJ95O=lwURKe)d`S=&H)R*&8;@&MVvG@oWPB zW^Mb^0CUrjSOgl=cdXp%fj}#^drIsXdDC+Q0&6=2Z(1j$&Gz;eIeo1Vgr$7_2g}yy zSi(yx=T0eXYMRD2{GTAgg+(=8+2J#nbzE#hU}=2>JNwz!VWUCt2wA-@K0zix z`<8F^6S7~R*9!!Y0s<&>VRFhs9T5}(G6BUJf*MePgMlP;;8<@ShUIT5v``iuYJfQ; zpcXZ*wo>Ud6)H&=^=c-F=Ga(iB-BjepnqgFxB7XVf;wao+4Fu4kshkCUz3IUYKnCb zT%HoNhq|z_=IDFx7Pdg-MMnAo1A^XJfXEUZ0;~&N&=lVoigsbbVw)heF+S^p3{CAt zIl@oKipbXIN;1>x>(du9;qitzGbMgzS>`zY$k%Yw>jmD@n?95GG0Eyy42KUZz{wA8 zVq0be&Det7%yXA=H>KXTwg!?cZEG!+CiV(ft?$eb?U~=hQGg{;ibpeGNeFZu$T;AF2!!!c{{OjplzoX>@eMDHhjA~WuLbFY-q6P(UraWT zKA|AnBoNNS$Wo!el#QTX68!dS2}XGBc3xqi7sU(hl0h2yN5GS12ft{gx&B3uqu+4E zMgew*Pzh}dqx(Kw%!EREFQ4&;i~C9m4}{}h+E4S`6Jm%Epos}Zg1-#><`AANI|F&J zu{95H4CUdr3w3vFiy68!25uGI2e&9bj$-aj$4xe=SRpL0L8Te{p#*ZH)8XtUTo6jK z+7rS!xZaIE85)4E2(l)ymgpU{ufThIQWU``3$)r=8JDJJw$dI&&MFJ_>2JA9?E9J* z06M)60kc%{8$}RlWJ990#3m7{Gw328%0S?W#IbN=Xjs1g3VTGfPG{M8L)Ni1>{ZI} z5D*q7Y6aPThKFmUeklNIm-7$ydSkraV8b}5C-Qt|UrL_Y%yDMUhSKCtm z;H|yKT<$IiQpDy?lMJVH<+-VQ@=V?4d~;Tdxy{@T1hPtwewrDP#4J&D4*o$e9q;y7a7oFISR)O@*trH8;P|JZIay?uE;( z^dlnfLg^3Ev_N1hCW>u>;Y2F&!#eXp7Ry&x^LVv(%krWPvF#1tPKqx~J}%PQOKr*j zw9lS@GBte42k(cc&Ynj!!qmovoB!E;`9_s3)gtkEA8eO+e0R1ipLbeAz9w!UWphW}q{VmYdhck$7hA7tFep3;0L@YiMg1!0qVnxWxs`V!*gGite!h8KotD$nwF^_)DEt=v$*LrxGKg*xx zB_7Ysvu9qtI#~0oP$-@{dgfJ`=X%0V(twl`Pd*XENdw$N(+!g3D3YVV&j&s}s^Gd< z@)`eEM2KJ7*&-3A&rB5)_hWLnXF1hmHlN;2h*aAi&!iPfY@vkdGIlYNg(AiOq@OB2 zk!}eQ@3I72c8S?#&D5v2&E%g_*xvFMY$eKOR$R6eici;jyLbyqZ+2-cTn37T{>-XW zKATS!qCb0&lLaCjdUMZQ-qUrcH(b2+(sOreq(nrw`kS9l!yi!e2^-pxP)ET~`(P=wHEG527Cl<`nS1 z#{(^rv_v<4X?)M_Z3fU~cUA0xa8L8!lm2eb&m3#6Oic?fC?5e}PldsmoFr|^pE%Z> zI=#e`)>yF@g1zNQvkD6nr!<3M%S)vd=W;|9rR#5IpCDsteMBToX@)u-C$;o^odZHa zN?n7`1fHEq_GY*sBLZ50Iz#|q9A&*A#RLe9yjjjaZ$>+SX^Rd!ljQAqD8)W3K?U;! zP+(QJ%AF37xT1I&z|O+H3sd=roo!6Z|)nvC< zR&;k)6jUt8Xb);@gb|n<2Xg+2n1SSp~7g69>=UICCIQ*aLvgoxW?sFIbnT3p;ES^tNE# z#*?{yjE@F%J+oLuzCr=o$2`Yg!~Mi`!jE5T^rA~U@H;6bO*#p#hMH1fG(gM)_xrU{ zOeqRlai9KnJ$+w62lJtd){}$>0(%w>*V!lZ9#Qm5_l^T4RWZK}*K9MlJ;gw4=#W#; z=cQfXoOA;(4NTzGG$m6a(=BF%*9!hB5`}R>vED|F!9k<)oY~ zPsOQNm0s0-bw@Q~zuXw9?c{RgufFkibXBbDdJSB8+wvU$j#A(K{Za>>&^+&*>t z@_O>5mPEk+6n6wPQy^0flYXkE>u@8G#AF>VQz@3g+)Nl*C^q+Tw1GGXeng2b-M972Y|1GS^ zoXn?2F&cE^{JI>Q5E<2~9_zG^LpA#lxw?kqu+58Rn#93>++80MpOu}I;+U9h!h*|m z_Gy!|qm1@n50WVVkR(%PdjDx`%e|?oK-D|VS6bXXir;tiN&&JOo+(_mtmsx}fCg!4o2qq)mGt zGvic!ikQ;;5~6#{ZIYr@QpZ`}k1mB;Lfc$Z^X%Dj0u}XcivzYTEZNdK^J&X}S8VRs zT#o48+wxx?`IZ?h=G7PMB;+U@X#42 zx7KAhC;DDp2a<0)0rVL3B_-iTFaLlCRy&+>iUDyEk#+!27eK}3A^?i@qO{b1682t7 z22BtF$(Qyf{F9m{(ia0zbXfrlPD5aijEDowsVSxOq3fm2Z0F%S5JhA@z4(RIc4gsIAv^XLPS3T!G{yhQC+h}_9o5`TkPmxwA z5lU63jYV0zCv`lKo*1<0tLZ^=JIZVdJ+L)*<@T1g!kQ`vb6y|d=o{2c3fnRRzu|T_ zC|nORK>FI+yfsU~__R6J8Y_;DjeaZIni7OmP&106a07F9@H6Dr?6B~di-Nbme%gpB zF(D&Tvo+yHa!QOPHK~1l^?UsT3|sUU+S7xA<*F;8w1E!20ykb!T%maSNeEtkxhr@)xT{YIE=()B@&cu#xaq3KvrAoGR>{x=VH5sAJsNPf`h}t@u4+Q_ zzBzI4bMJe$>j>{L|BWN*rBh}Ai1lL-djSWq!kJ-3s?Ib7`gt5ngrGm*JIiIP(bR`R zAFK+P3n6%j0I)C_X&rx|{l8MOPY{r<8`uPO)x@(D34so&Px#wj(?XL+a3P_&`V1>3e_=|biHL; z`YoDD5=qJ)ePp>MkvJIENgLh`y6rEB{N{P~`EOh(`>Qy6CiBeMibRvYHP3piE2H!{ z1pP zLvIjv!vck!)a5~9l;$xhdML)-iVlHeE!wRn^P^(TziMr|0F6g-7{u*al$~&T0gtbeK9*QZZwP=*dM)bGloY-JU}=|DiWPVv>I}SYsSNyZ^6k@cie4+lnXq)kRjE)jrb7!%O z7qP;rrCIi9)&xRy4xO`0;c{k#uUw%bc=1FM1U|6qa!g6aqh&r#9i2zL!o!d z(JCs+i8u2mVs>;m&gm896SO|~Z|TS^*dFZ&jlkwkv$KG2zKmQAu>6rj3UkQ&AS^f=(~%ueJKl?zY(N= zDu@KM`|s3>AAAq=H&l{K$jVL-L|6r2UD&CPWLr~DWM;=^6j546xU0Yw9{Xa#l4M~< z>~4({L4}gl`u&nk>b}%IwXs+BiZ%0^`g?kO+)d8cqTporo*s~IZG8}>&=QNX3sl@> zdb~M4P3;xfSWs%<{%QNMo(a+}<67KGv4Q1sa+4;Q#G8IqOV!AHb(}*|lV4&thMi!; zq+#rCO{gXUjH7k?evV|3CtJq{zf*B3+F>wE`wijsXWb@QT?-wYstNTZdx=nQC?|fG z)uhIzqU$Ey5TkxLy6g+bR+Y2D^W6!{+B(`k_wHSYu=s7@wsf<`d2MHFj5iPxb1H-&mfTnV5 zj?$AV=^;W`#D@#<0KJm~x9z6FaK1=L47rOzX25MbaX(*<+j2E7MnKIByK9J^SjpXU zcUm2suYJS6>EV(8hSvS>EydRQWXdP1URC9miJSXxoV{_dhxVvdQkuuXT&cYR3J?VX zd{CfkAi;fUaP ztq}E(+9}DCB&rilXq^BfgA(UjV0p?ytMStjZx4~=@Bq={`yx;)F$U#nV}uhN2$I14 z$~X;Wn7*c((In1tqX4~V;cj5)B|s8+ohOFoz2*<|FEW<;)ydj5!FzAq=t$eH^|L-C z6RoT|>kITxm5AYdf1u$^6=KD#3JCBQFbQZ7m{B?<9avi*H2~Jo0F3l1IQ#|>?KAFb zMPj8x)IfYFc-NRV_?=+2YINnW!WkTpVh0W?`qq2H|SXMYcvY5L!a6@T7BZP;|x zX-AfHb9qqS1jaEmPnzX8ty=JenUELsPT$N9s=l?}B7F~E^PKu%`!o|%x%Z+k_x??aNhHob5?iXG7d?_UY1_6%G5Zq@KY4=(sPRW>Nr&5b!^G+L`U}_Yw zx7tc%)V9B$A^};ld37e%WD6bwxuf#%nq)cRD26)7fkV#x_^o#1*NTcz-a-|bF5xye=SNbzUVIun5x$f zBRnlX64x?q5VIqjHHekZ&#V9cUz}z)<$fdeM3~WDl3(MH#Hr^aYN`6yO=8o8B&IY3 zNj7w`o7k?g+cF0AlNJz9nmxfj#aKCk6dsTEAHO|({&DVi&yOxyR-cferQKgB(xHA6 z#yi*kripZjjyj^I0x)N%%j2=dZjCj2YWS+mQlKGL`M7b03wgjvq=Z=g!wHs!}4KH zFPd?UcF_-Y^=niQK|Q319x!sSM>$UKsZ=~t+z*CE#iQUJMa4qaBZl?^&_!U$UwL&N zZXsanv+YB6G}IomQ>NLzh}(ju&*|}$DznERqz!YFu)c@uX`Nvsk}5|vfl>|H5z8Z} zTwW&_e;IL0nsz(508L)Iy^jG&n^rh){tB8FKY7x60fueEA%ys991}E7aO9aRZeRU? z&j;>G;^+ke@lQW>=3vuHOG?|1B5}v@?%HBR1bk*|a0p5YA-=li4c**V38;b)W`)>( zuzB9C>23O3S0ooQaEK%!7*@<}7~{-2Ve~8!8$<&>2vj*NxH`Xq#1U_cN@B!0$MGL! zX9nIUv0Xean8EG# zLwc%_hsNB$UBIaZW)zWw7PO7GmlD-u?Y#_D(d(VNywEvxjdavJ8Xk}e`RbnwH$LLW z#}r;Kz#{;Bc^GhMQjBABylZWOOl7iay~Ve{br1}b-JF7;*lDM;z{Y}NuY2ipdWM%C+)Uxb)mSXyfd4##D9xYDw_ zAjKAPC-MuW(a_VXY$pj!)b6pVEm#9l0;C(%FWCreDQ8?O9Pd1}dX>JQ^QSCFUh_P4 zR!;3QE;0GD5*8W_;fz_A7n!jj5+Z6%%l66t#j*L5y!|1DaYN|LsU}i6pt&?7JZEBZ zj-9ZhsH~?)hL+Dmg;7tQL&>AydE*ACIUs37p zYF=|Hdd8*di8&uDNz>Gsp@wlo$o@Px_-gJAY{nLhx=G$}yS>tzTxnaYu}2t4sS>#< z*jhN&P;WyRc)=aHQ1CWM3ItH*|8Ui73s?!9%CM8*Oji7sD2bau2hsEdHck?RFT`V) ziimAE2HvHp#iAc5`NcR)EC~u>L~3=AD2WxrmWFsXjOG%gK{2dION;(mD&~?HTKk;h zVEjSr4kdf4@*VYW#@{6P$g>j(?gdUON9Q@s0!nu2q(Wjh*d?qsf+l50KTyzxQqB%u z=t7aB;Ps@s#FpTH{fC&69&T*$2K{n6HtoLm2d7kxoa+%MM{<~$VwBfA- ze#YbfW9qv?@lgTFWZS<73)qzv|#yrP6s@gLc8s zXwh)>Y79bbKNzd`(K*ah2uX_EDEfz(IrIiWE7KBNnH=UH9ciUY?ctRgyEPuIN5gAp zkpOrexE2p2V*#nP(1g0!U+Qj>MJfr&XQ!~s{|<|9;Yo2X+om#~=Pt?YI$ft3Idk}!_JgW7F8hWnTJ>CX9X zqsw3h$9hP~GxFUL?5rTBzMRaBdXZ-AgrB%aK)xNzQ_*|Li`CB1FGl75rwVY=E`AZn z^n5fjsZOR{Fg4go5A6gCAT(dGdxa!ZoZ{PCnW0A@C%vE#+lFXm{<9MgVYrLz%|Dl0i8680KA>X<~vtay&XA zlh1rb)vfepiWMLoh#rJ7b1glrhfEkEK!OqI0|H(PQ6K`)Y6Wls)B`mG?Rww?^`#8b z1O>%?D`pbmQ@kdlr6m1F?SSus$eDTE{GjnBlPF&7KZ25AmKTR)9jx9lB z^X7klfYh0FD^_^)#^gy$rv81!mib%CA^UxsrLj?GskbyDuw|v?1{-vm^1q+FWd_3h z5bf9mPd@dd20*e4eyYUn^9}sDA$NW@Yp5@UUZ0-bUtCx?M_njX+ybyszOr?Ov!p(^ zxE+9ng?+&0{!{TN_K{+}l39JdXk0Na`ZIXkIv)IIup2q9jS9j-k6YV}VlB+YHO@bB zop#Y1@BofGXBNNus{WhcdEiRIH_$F%U+~A7x>P-O{XbLLIH9>)*!#*_RjRKEEG;oi zEhlN7)nI$BJiq8$dHK21-5l+r+qBM=Xn<456;(k_$vKHL$Wi%1)vh+KEw+g9;}q^6 zAG8_bqc}}rL)8HO%M|4LP%sFU(+Hrcbxv=XVO;NLEzK1GlI*#$l#C`eo8gNKX>)V*Bii#ZP>Uo%2g)kd+|ROMB}!% zN9Wtnu&^mQ1EMtg;iBKnE}hb9+{0weg4ec+W=_y844y0My0muPjuyk#m~vkq<}1hg z(oMm!N}sf0JX>0r7mm}9|4_Xix3p$176&0)^5Bm@z)zuG15c0Y^*#uBgbf8Z0~ps+ zi7_%NM;yYXBPG>ODBRlDv(y&gnbY81+In@PmStbnn%H#~-`Y8&+(X#PIDhMzz1`+N z?Sp}^xVdqkJ$vFj%xjOH$~d#8#S83aNQS@A$;Lw{P=)~uh|Ca#zbON=o@I_NJM9JW z@m}*XgUX6P7|%AmAR~kvr_;ga6d0MxN;DxOna3?UM8|x%*C&Qpzm_qo(K1@m6g(dM z_U*mHeZ3#l{NU_)-dMOj+8jqHk7o1_pMfd z{h|MPMwZnco8R`BS^vZ-yi8H7_SjCl^W5prT#>&Bpuc%=PDJP}Cg=vD2Y8R|L~ps@ z)4Q_%@uw{Ti@CcPZ7xKhkd8%wGen`{RrY%!3*)pNlES|I07)J?VNpy2PXxLKyI%ez z(F1Ck5k6#IoNiGQ?>mtc=sABvXy%KBvhr9t0Lk{`IeP%uQr=zoaxl_K79VR;dpQMh zOYqQO6%Ld5&}w3+ml41rK1#$k3)M$ku;eIm@F@iWL5TMc;570p%P@tkCmRQW zAVdu;P^O4P+SVq(^wDfk(-2OFhE$9ILI>;JCR0m){5j-uGegIcCmiSOITtoR+8g`L z-{U;d-CbVecCb1`*Y);+$dM3@gf+|M*wG}XmcP)@tecU@7oV-6=&m1{y^$airWCxQ z=z#^mY!}2&YhV^ay zJ{P(KFG+NXmPnGrpYFu6aMKrcgc}gzfdvNnN{ZQyy}wh0A5{L>dtajO!E~_ z?^e9$?A)!Lb63FGejI}di>YlXNeUB$ zmU~9F$H(8ZKG!H);DS%0Lk7q>#s&yu-+iOx!hEOTXj`nd$gaA8l2smE%qX<^`^`L%r-&A!YZ z3bBiUg(j`~vB)uMI_5iBgV?=eUk^d~VQfrJa3VzVIj<<|1m|!0Gy#n-WoJ$Y19qlN z#dIil+qZ$nzJ!x^=I%GaoyjB?`|yWwn?n`1A6o5p>-&Ogstq1ka?6#h@i-G4wp54+ zwE2xST?wWoBriHllS%8>aHnSU*%Jk_-MfVXr@e2+DQAhe50uomJh{Y_&{woDT`Ls8 z$ZT7J)1ygteOBU0IN@+88!JtfrBm{)fnu!n8(6}hDdEStg5A?=fQ!FA-~->A7J3~W z`r+c7EAlrFUonXEJMJ&hj4olcy}eJQ*$d2i$Em-cuGpBy<_3!fQ9w_P73 zS5u^eiJp1U=fRI2g+SS}xsXBPlx z9yr(_(@3cE%4^3`Quc-gj?$sZ{44RE7lK^ue7KXQuC) z^xYSBVdV7c{rou|hem?OJ@A1uUZf+jn+W``o=Ct)yax{uC*6%rC458*ziraqg2h>( zr+Yii>b}8Gq4$b{fFm>~vR0^3E0fQNlL?B-%QJWAJ^|k}^7eYmEv4^&3CA5&Av22N z*AA!PqKvg0*4<_3sXH|!;RaNQ+^xYf!q1;`=gtjg+$t60i*Z4}*IQNP$zremtYB2_ zb}ml6o8W-8^nhaT0dRm_rV8G0{>&G;t6#t`q}@*F_7RMx`g&mJE>~n}A0SNO@?#Cp zcdb7juG=+yrZMS@qe6t+`SlUzZ%G8gRQC)9((+R|NjMnE0!lO-yPCQKj~%t?{Day5sDF6S z6lz-%XOF%$c;YkHsz$#W z*%wfL%Uh{jJ$^Js<;ZZO5irtkN)gB42(+C%8Yy?OaLKN%yfy!tF3rcykXBO@W2bC$ z{!=h?j){6QARG9Lx*M&0vsT#|FNj00wDc)WZy86k{l=1BH@x4h&WD%s`Ww4)39#!2 z@{=Fa;`U6k2)Emii+cW#a6JzIMqaw@WdMKqhJfq#GKt|iizsxmvM636zZ#;B&?*g) z-}CAZ1E7b%N(3;!Jmk|vw)B1_^m#o@}G;9y10&dQtMLb={1JEL);++;z5u z1}VjVl}Lh`@BJwX-AG{}xm_K*P^LlO!2ZeK($Km6FX`5&mpkY0{IxjmUwMqZunY5XsvTG=UW58Jt!bE(KY5AstIWprkJe{Y zcC7vU%+ChBJpybTZ=fBhAa&36*!i0)@1~XgoTSN>Q|@iZ*UBpkN){|ANvTLquCz^w zbhZO){k|7$T>5im&aIyeTGmmxEf=qsr z{)}1wMmEgvJl(KHf9=K&17AI>zxT(XTAa$RkOUL+^6;a#wsGwzXO=xDxNnOe^?yv( zRLvuTB`er@6Hja6cQv7F_Daq!`+Ffos1vD$USgiS(8sM%#CU=d;)>$o*#Uuz&G!Iy ziJR!c7poxr1gwLeuDj0d1i(orLkM3yqi6eyEU2$s;pDm&_chR0xDbHi_T2gsXX}iW z@4{# zp3x2+`iC*Lj$qJBFy2Uj$Xor?{-V+x*@DK$&xNx5o?Z2Ah%`75mUPGtCP zFz)P-)}Dh)X<^AyVRc_BJuO|{xmFiJ+Sf)-BgZSF;OwIN@z@q(Y71~#Kk>cdUw5it z)4sI-+|Z@5&)M7s6$Lj`$V`g!zCYcP_%B;1T&6etd`1mxSpTT#m0jo2LEV1PD94lB z)gay8(n&8A2*o09AlW)mz@oV6Q1{eI&p3o-BwPSUocH{b^-bYN_p44gpq~kxe1w6K=lo_tuQ>#ORY?_&MIRrMwJ`*^zD2C7aqVD<9Vbpz_p)tX8>G8hDR2vl0kDdZo$$uCr(8LTY5b z&J|P6-(Lj)K*-(vjY9j#oWOW7fTBb&-qKxKt^1M<6<^^GHwrSm@rQB<;*ilMl4q~X=kU6X*w|PkKeA>0pLRf`*Qa5J zU7YtY6&TB3PYHA1%&9KIT$QO;=5yShRMy55^SsSdPJb%8HsRp@MArL1e;`H%&*n@a$#EX#aoYbpQ&OC=R^-V~`!1p<$3inQFH zatxL{9m(}S1HcEt9TL5|onl+Avd%o$>ZzWr&02DR@tP%^l(n|4NtY(DrgvYWp&MGYB`p2pot{z>5@jKB znHaT23mICG=KSM1N-QkL4s;;ny16+Rv9acX5>4b(xwObsF&AV3 z?2~g?%=lLMp4`@cC-4csBJas?$&PLVjur3y=qN(R5iGV4SC_?!x00=UHRWxK&2;+(3^P;4WE>ehyl$#WH1LHXGdB{_3svglg z?GQgO&UzG3rxox>Ud5QpXDPd2s_Wi+0Ei|LQFBY!Ly_AdfzOSPJ-DNqDX zwCSr_UDW!>PhHwlQ{U9u)UKP{SkunJt#h01DFAY`t9AQyd4}Ei94U12)Okjm`M_$l zkd!1=i<_avd}dpqrBVixU?(==VsYzuTD4crr}?9?;^?G*UOA9>n#?NU4mK-T*_S!| z#rD}gT|#V}E?rlf#ritgnqW2X%bT)Mx@zCIrr%F=;!4%nC$4t^DDRhXaq+SG+sElD z*g;%BZoDYOK0IUe{(nxJl#HB0Fr^ToRMd>J@mzA`a?6u%vI0{~HBF%+#Y%X1l`1pc z4CN|RstN=Opb(-EgE%B02`MOoVi*J^kcJEvM@mLcA(&E#P%3I+G_-W|42(?7!bOM_ z#Ufe^t5}60Oeo_*Ds8O0?&tj=7(p?dASs$*IbIMYSy46JFfH40JwFJeI7u^*7iCp9 zZPyRuG%xG6ALn(uKc25Q075W=VmLukG{bVdAWE{LYPw-sw&Qw!5Jqv5W_eLob<=kJ zFi!KbZu@aw_w#-~3@1p6W>}6FL`hauO@BOJ@6Y%5H%!ZRT+a`}C{EHWFUqQJ+O8kQ zX8>VGDuIC3~6enp0@qRDkPt%G&Lc;QKAV9V1Q1 z-P?W_f@n36-{$jH3*O!4QW#XaY3T0LHEer=`+f`JQKFVjsQ~3#^6y1~ne$=LB@oK@ zEsx=;F>`)D^d)E~IbU+~@45HdI!nLF*T+MLp@$pMye6radFX!)3U z-`NLFC7%8r;fYA=L|pDhqg07X7WVgiJYp;f!^)ZJQfccEWjO2K@%g>97?{MNLFH#y z>JQf{h6ZhpAOvSaf!Nx2Q@coD=TL%&!1La__RIUJlS`0O>jgu6bi!YEmkUABOOzQU zeYQb66G4Kbpos}9kRQhwaPXBkHU-OiXDVXLV%M#Az+p$@$oTDwZ0$G@mpe1C^Lxc^ zFFGt++xEBTTQ}#?(3gqL-Bf-;kMAmc_-Cz%*dB*xVh=~xTNy3=qB?zP9646IqdNMx zbIfC{`Tg6((gxuh`ya;v>t8vvdu8d!>YcB+qr3I|-ft>a5j~%eGA1GHGQ`N=xf_}Q zmxm<+Bwx8s3Zq~zy;M|pM{oTh)-o(HJ<3Q(@vsD?S3ba)bQ|6(AL~pA@JQse?;Amu zS3r|5iby_n+R#^whm!iJ__cF9^I{?oSM2Ak6En|?o>#B*)!KN;J6^_EWHpCtZyq2Y zl?$y|`+&6+AXk(WhLzee+_wkoZd(Nu8$KBfY9K0wuHZmc5e-y8FtZ*<0&CiNZu*dZ(2#PAf;2_W7YlLw2= zX@b=YOP}XB4)09inZ@LJ4XhGyjw!_HKMU4qG#GM+uQs3_&$$M+7JLn>CSRBrU3AEk zcEo}q4NaOKL}G9VgjriQ7d!GX)dG;+a86+uG2o@C2@r7qw}v&*p@0W2cw;lHLLn); zR2z^ME_GQPs^2LCitq**@U9Z*Mlt1--bWKtpw&5wAe>s|EokXpb=_%)A`GZ=P$seV2?D`io{yiYg;mC^v?nDKRLj7)FRB z=D{MGc3a+^1Toe>NIISM9)K@%ZWLgnKvqFkFLAf1LJOEgTu!=lf_Ij*MA<^ImPw^+ zN-Fd6&bLsUs}QU59zeiTcFk!xbXwpd*7pGXRXnZ+>kNIsvw^g0!Po>~x0yQj&yL&4CFOvOc(Mx?4 L;fxvhJ<0C?m&wX* literal 0 HcmV?d00001 diff --git a/framework7/Makefile b/framework7/Makefile new file mode 100644 index 0000000..d3e1786 --- /dev/null +++ b/framework7/Makefile @@ -0,0 +1,10 @@ +include ../defines.mk + +all: + +install: + install -d ${CSSDIR} + install -d ${JSDIR} + install -Dm 644 css/*.css ${CSSDIR} + install -Dm 644 js/*.js ${JSDIR} + install -Dm 644 js/*.map ${JSDIR} diff --git a/framework7/css/framework7-lazy.css b/framework7/css/framework7-lazy.css new file mode 100644 index 0000000..129231f --- /dev/null +++ b/framework7/css/framework7-lazy.css @@ -0,0 +1,7344 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios body { + font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #000; + line-height: 1.4; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +.ios a { + color: #007aff; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.ios .theme-dark { + color: #fff; +} +.ios .color-theme-red a { + color: #ff3b30; +} +.ios .color-theme-green a { + color: #4cd964; +} +.ios .color-theme-blue a { + color: #007aff; +} +.ios .color-theme-pink a { + color: #ff2d55; +} +.ios .color-theme-yellow a { + color: #ffcc00; +} +.ios .color-theme-orange a { + color: #ff9500; +} +.ios .color-theme-gray a { + color: #8e8e93; +} +.ios .color-theme-white a { + color: #ffffff; +} +.ios .color-theme-black a { + color: #000000; +} +.ios a.color-red { + color: #ff3b30; +} +.ios a.color-green { + color: #4cd964; +} +.ios a.color-blue { + color: #007aff; +} +.ios a.color-pink { + color: #ff2d55; +} +.ios a.color-yellow { + color: #ffcc00; +} +.ios a.color-orange { + color: #ff9500; +} +.ios a.color-gray { + color: #8e8e93; +} +.ios a.color-white { + color: #ffffff; +} +.ios a.color-black { + color: #000000; +} +.md body { + font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + color: #212121; + line-height: 1.5; +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +.md a { + color: #2196f3; +} +.md .theme-dark { + color: rgba(255, 255, 255, 0.87); +} +.md .color-theme-red a { + color: #f44336; +} +.md .color-theme-green a { + color: #4caf50; +} +.md .color-theme-blue a { + color: #2196f3; +} +.md .color-theme-pink a { + color: #e91e63; +} +.md .color-theme-yellow a { + color: #ffeb3b; +} +.md .color-theme-orange a { + color: #ff9800; +} +.md .color-theme-gray a { + color: #9e9e9e; +} +.md .color-theme-white a { + color: #ffffff; +} +.md .color-theme-black a { + color: #000000; +} +.md a.color-red { + color: #f44336; +} +.md a.color-green { + color: #4caf50; +} +.md a.color-blue { + color: #2196f3; +} +.md a.color-pink { + color: #e91e63; +} +.md a.color-yellow { + color: #ffeb3b; +} +.md a.color-orange { + color: #ff9800; +} +.md a.color-gray { + color: #9e9e9e; +} +.md a.color-white { + color: #ffffff; +} +.md a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .statusbar { + background: #f7f7f8; +} +.ios .theme-dark .statusbar { + background-color: #1b1b1b; +} +.md .statusbar { + background: #0a6ebd; +} +.md .color-theme-red .statusbar { + background: #d2190b; +} +.md .color-theme-green .statusbar { + background: #357a38; +} +.md .color-theme-blue .statusbar { + background: #0a6ebd; +} +.md .color-theme-pink .statusbar { + background: #aa1145; +} +.md .color-theme-yellow .statusbar { + background: #eed500; +} +.md .color-theme-orange .statusbar { + background: #b36a00; +} +.md .color-theme-gray .statusbar { + background: #787878; +} +.md .color-theme-white .statusbar { + background: #d9d9d9; +} +.md .color-theme-black .statusbar { + background: #000000; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.ios .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.ios .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: 44px; +} +.ios .page { + background: #efeff4; +} +.ios .page-previous { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .page-transitioning, +.ios .page-transitioning .page-shadow-effect, +.ios .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-backward .page-next, +.ios .router-transition-forward .page-current, +.ios .router-transition-backward .page-current, +.ios .router-transition-forward .page-previous:not(.stacked), +.ios .router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.ios .router-transition-css-forward .page-next { + -webkit-animation: ios-page-next-to-current 400ms forwards; + animation: ios-page-next-to-current 400ms forwards; +} +.ios .router-transition-css-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; + animation: ios-page-next-to-current-shadow 400ms forwards; +} +.ios .router-transition-css-forward .page-current { + -webkit-animation: ios-page-current-to-previous 400ms forwards; + animation: ios-page-current-to-previous 400ms forwards; +} +.ios .router-transition-css-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; + animation: ios-page-current-to-previous-opacity 400ms forwards; +} +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { + top: 44px; +} +.ios .router-transition-css-backward .page-previous, +.ios .router-transition-css-backward .page-current { + pointer-events: none; +} +.ios .router-transition-css-backward .page-previous { + -webkit-animation: ios-page-previous-to-current 400ms forwards; + animation: ios-page-previous-to-current 400ms forwards; +} +.ios .router-transition-css-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; + animation: ios-page-previous-to-current-opacity 400ms forwards; +} +.ios .router-transition-css-backward .page-current { + -webkit-animation: ios-page-current-to-next 400ms forwards; + animation: ios-page-current-to-next 400ms forwards; +} +.ios .router-transition-css-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; + animation: ios-page-current-to-next-shadow 400ms forwards; +} +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { + top: 44px; +} +.ios .theme-dark .page, +.page.ios .theme-dark { + background: #171717; +} +@-webkit-keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.md .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.md .page { + background: #fff; +} +.md .page-next { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.md .page-transitioning, +.md .page-transitioning .page-shadow-effect, +.md .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.md .page-transitioning-swipeback, +.md .page-transitioning-swipeback .page-shadow-effect, +.md .page-transitioning-swipeback .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .router-transition-forward .page, +.md .router-transition-backward .page { + pointer-events: none; +} +.md .router-transition-css-forward .page-next { + -webkit-animation: md-page-next-to-current 250ms forwards; + animation: md-page-next-to-current 250ms forwards; +} +.md .router-transition-css-forward .page-current { + -webkit-animation: none; + animation: none; +} +.md .router-transition-css-backward .page-current { + -webkit-animation: md-page-current-to-next 250ms forwards; + animation: md-page-current-to-next 250ms forwards; +} +.md .router-transition-css-backward .page-previous { + -webkit-animation: none; + animation: none; +} +.md .theme-dark .page, +.page.md .theme-dark { + background: #171717; +} +@-webkit-keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@-webkit-keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +@keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.ios .link { + -webkit-transition: opacity 300ms; + transition: opacity 300ms; +} +.ios .link i + span, +.ios .link i + i, +.ios .link span + i, +.ios .link span + span { + margin-left: 7px; +} +.ios .link.active-state { + opacity: 0.3; + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.md .link i + span, +.md .link i + i, +.md .link span + i, +.md .link span + span { + margin-left: 8px; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .navbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; +} +.ios .navbar.no-hairline:after { + display: none !important; +} +.ios .navbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .navbar a.link { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 44px; + height: 44px; +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .navbar .title { + font-size: 17px; + margin: 0; + line-height: 1.2; +} +.ios .navbar .subtitle { + color: #6d6d72; + line-height: 1; + font-size: 10px; + text-align: center; + font-weight: normal; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b, +.ios .navbar .title { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: 8px; +} +.ios .navbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .navbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .navbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .navbar-inner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 8px; +} +.ios .navbar ~ *:not(.no-navbar) .page-content, +.ios .navbar ~ .page-content { + padding-top: 44px; +} +.ios .navbar-previous { + pointer-events: none; +} +.ios .navbar-previous .left, +.ios .navbar-previous .right, +.ios .navbar-previous > .title, +.ios .navbar-previous .subnavbar, +.ios .navbar-previous .fading { + opacity: 0; +} +.ios .navbar-previous .sliding { + opacity: 0; +} +.ios .navbar-previous .subnavbar.sliding, +.ios .navbar-previous.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .router-transition-css-forward .navbar-current .left, +.ios .router-transition-css-backward .navbar-current .left, +.ios .router-transition-css-forward .navbar-current > .title, +.ios .router-transition-css-backward .navbar-current > .title, +.ios .router-transition-css-forward .navbar-current .right, +.ios .router-transition-css-backward .navbar-current .right, +.ios .router-transition-css-forward .navbar-current .subnavbar, +.ios .router-transition-css-backward .navbar-current .subnavbar { + -webkit-animation: ios-navbar-element-fade-out 400ms forwards; + animation: ios-navbar-element-fade-out 400ms forwards; +} +.ios .router-transition-css-forward .navbar-current .sliding, +.ios .router-transition-css-backward .navbar-current .sliding, +.ios .router-transition-css-forward .navbar-current .left.sliding .icon, +.ios .router-transition-css-backward .navbar-current .left.sliding .icon, +.ios .router-transition-css-forward .navbar-current.sliding .left, +.ios .router-transition-css-backward .navbar-current.sliding .left, +.ios .router-transition-css-forward .navbar-current.sliding .left .icon, +.ios .router-transition-css-backward .navbar-current.sliding .left .icon, +.ios .router-transition-css-forward .navbar-current.sliding > .title, +.ios .router-transition-css-backward .navbar-current.sliding > .title, +.ios .router-transition-css-forward .navbar-current.sliding .right, +.ios .router-transition-css-backward .navbar-current.sliding .right { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + opacity: 0 !important; + -webkit-animation: none; + animation: none; +} +.ios .router-transition-css-forward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-forward .navbar-current .sliding.subnavbar, +.ios .router-transition-css-backward .navbar-current .sliding.subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + opacity: 1; +} +.ios .router-transition-css-forward .navbar-next .left, +.ios .router-transition-css-backward .navbar-previous .left, +.ios .router-transition-css-forward .navbar-next > .title, +.ios .router-transition-css-backward .navbar-previous > .title, +.ios .router-transition-css-forward .navbar-next .right, +.ios .router-transition-css-backward .navbar-previous .right, +.ios .router-transition-css-forward .navbar-next .subnavbar, +.ios .router-transition-css-backward .navbar-previous .subnavbar { + -webkit-animation: ios-navbar-element-fade-in 400ms forwards; + animation: ios-navbar-element-fade-in 400ms forwards; +} +.ios .router-transition-css-forward .navbar-next .sliding, +.ios .router-transition-css-backward .navbar-previous .sliding, +.ios .router-transition-css-forward .navbar-next .left.sliding .icon, +.ios .router-transition-css-backward .navbar-previous .left.sliding .icon, +.ios .router-transition-css-forward .navbar-next.sliding .left, +.ios .router-transition-css-backward .navbar-previous.sliding .left, +.ios .router-transition-css-forward .navbar-next.sliding .left .icon, +.ios .router-transition-css-backward .navbar-previous.sliding .left .icon, +.ios .router-transition-css-forward .navbar-next.sliding > .title, +.ios .router-transition-css-backward .navbar-previous.sliding > .title, +.ios .router-transition-css-forward .navbar-next.sliding .right, +.ios .router-transition-css-backward .navbar-previous.sliding .right, +.ios .router-transition-css-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .theme-dark .navbar, +.navbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .navbar:after, +.navbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .navbar .subtitle, +.navbar.ios .theme-dark .subtitle { + color: #8e8e93; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-left .navbar-inner { + padding-left: calc(8px + constant(safe-area-inset-right)); + padding-left: calc(8px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-right .navbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .navbar { + height: 56px; + background: #2196f3; + color: #fff; + font-size: 20px; +} +.md .navbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .navbar.no-shadow:after { + display: none; +} +.md .navbar a { + color: inherit; +} +.md .navbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + height: 56px; + line-height: 56px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .navbar .title { + margin: 0 16px; + line-height: 1.2; + text-align: left; +} +.md .navbar .subtitle { + line-height: 1.2; + font-size: 14px; + font-weight: normal; + color: rgba(255, 255, 255, 0.85); +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: 16px; +} +.md .navbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; +} +.md .page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar ~ * .page-content, +.md .navbar ~ .page-content { + padding-top: 56px; +} +@media (min-width: 768px) { + .md .navbar { + height: 64px; + } + .md .navbar a.link { + height: 64px; + line-height: 64px; + } + .md .navbar ~ * .page-content, + .md .navbar ~ .page-content { + padding-top: 64px; + } +} +.md .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .navbar-hidden:after { + display: none; +} +.md .color-theme-red .navbar, +.md .color-theme-red.navbar { + background: #f44336; +} +.md .color-theme-green .navbar, +.md .color-theme-green.navbar { + background: #4caf50; +} +.md .color-theme-blue .navbar, +.md .color-theme-blue.navbar { + background: #2196f3; +} +.md .color-theme-pink .navbar, +.md .color-theme-pink.navbar { + background: #e91e63; +} +.md .color-theme-yellow .navbar, +.md .color-theme-yellow.navbar { + background: #ffeb3b; +} +.md .color-theme-orange .navbar, +.md .color-theme-orange.navbar { + background: #ff9800; +} +.md .color-theme-gray .navbar, +.md .color-theme-gray.navbar { + background: #9e9e9e; +} +.md .color-theme-white .navbar, +.md .color-theme-white.navbar { + background: #ffffff; +} +.md .color-theme-black .navbar, +.md .color-theme-black.navbar { + background: #000000; +} +.md .navbar.color-red { + background: #f44336; +} +.md .navbar.color-green { + background: #4caf50; +} +.md .navbar.color-blue { + background: #2196f3; +} +.md .navbar.color-pink { + background: #e91e63; +} +.md .navbar.color-yellow { + background: #ffeb3b; +} +.md .navbar.color-orange { + background: #ff9800; +} +.md .navbar.color-gray { + background: #9e9e9e; +} +.md .navbar.color-white { + background: #ffffff; +} +.md .navbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-left .navbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-right .navbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.ios .toolbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; + bottom: 0; +} +.ios .toolbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .toolbar a.link { + line-height: 44px; + height: 44px; +} +.ios .toolbar a.link i + span, +.ios .toolbar a.link i + i, +.ios .toolbar a.link span + i, +.ios .toolbar a.link span + span { + margin-left: 7px; +} +.ios .toolbar a.icon-only { + min-height: 44px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar b { + font-weight: 600; +} +.ios .toolbar.no-hairline:before { + display: none !important; +} +.ios .toolbar:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .toolbar-inner { + padding: 0 8px; +} +.ios .tabbar, +.ios .tabbar-labels { + color: #929292; +} +.ios .tabbar a, +.ios .tabbar-labels a { + color: #929292; +} +.ios .tabbar a.tab-link-active, +.ios .tabbar-labels a.tab-link-active { + color: #007aff; +} +.ios .tabbar i.icon, +.ios .tabbar-labels i.icon { + height: 30px; +} +.ios .tabbar-labels { + height: 50px; +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +.ios .tabbar-labels .tabbar-label { + letter-spacing: 0.01em; + font-size: 10px; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } + .ios .tabbar-labels { + height: 56px; + } + .ios .tabbar-labels .tabbar-label { + font-size: 14px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.ios .toolbar ~ * .page-content, +.ios .toolbar ~ .page-content { + padding-bottom: 44px; +} +.ios .tabbar-labels ~ * .page-content, +.ios .tabbar-labels ~ .page-content { + padding-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .page-content, + .ios .tabbar-labels ~ .page-content { + padding-bottom: 56px; + } +} +.ios .toolbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .toolbar-hidden { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .theme-dark .toolbar, +.toolbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .toolbar:before, +.toolbar.ios .theme-dark:before { + background-color: #282829; +} +.ios .color-theme-red .tabbar a.tab-link-active, +.ios .color-theme-red .tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar a.tab-link-active { + color: #ff3b30; +} +.ios .color-theme-green .tabbar a.tab-link-active, +.ios .color-theme-green .tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar a.tab-link-active { + color: #4cd964; +} +.ios .color-theme-blue .tabbar a.tab-link-active, +.ios .color-theme-blue .tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar a.tab-link-active { + color: #007aff; +} +.ios .color-theme-pink .tabbar a.tab-link-active, +.ios .color-theme-pink .tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar a.tab-link-active { + color: #ff2d55; +} +.ios .color-theme-yellow .tabbar a.tab-link-active, +.ios .color-theme-yellow .tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar a.tab-link-active { + color: #ffcc00; +} +.ios .color-theme-orange .tabbar a.tab-link-active, +.ios .color-theme-orange .tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar a.tab-link-active { + color: #ff9500; +} +.ios .color-theme-gray .tabbar a.tab-link-active, +.ios .color-theme-gray .tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar a.tab-link-active { + color: #8e8e93; +} +.ios .color-theme-white .tabbar a.tab-link-active, +.ios .color-theme-white .tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar a.tab-link-active { + color: #ffffff; +} +.ios .color-theme-black .tabbar a.tab-link-active, +.ios .color-theme-black .tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar a.tab-link-active { + color: #000000; +} +.ios .tabbar-labels.color-red a.tab-link-active, +.ios .tabbar.color-red a.tab-link-active { + color: #ff3b30; +} +.ios .tabbar-labels.color-green a.tab-link-active, +.ios .tabbar.color-green a.tab-link-active { + color: #4cd964; +} +.ios .tabbar-labels.color-blue a.tab-link-active, +.ios .tabbar.color-blue a.tab-link-active { + color: #007aff; +} +.ios .tabbar-labels.color-pink a.tab-link-active, +.ios .tabbar.color-pink a.tab-link-active { + color: #ff2d55; +} +.ios .tabbar-labels.color-yellow a.tab-link-active, +.ios .tabbar.color-yellow a.tab-link-active { + color: #ffcc00; +} +.ios .tabbar-labels.color-orange a.tab-link-active, +.ios .tabbar.color-orange a.tab-link-active { + color: #ff9500; +} +.ios .tabbar-labels.color-gray a.tab-link-active, +.ios .tabbar.color-gray a.tab-link-active { + color: #8e8e93; +} +.ios .tabbar-labels.color-white a.tab-link-active, +.ios .tabbar.color-white a.tab-link-active { + color: #ffffff; +} +.ios .tabbar-labels.color-black a.tab-link-active, +.ios .tabbar.color-black a.tab-link-active { + color: #000000; +} +.ios.device-iphone-x .views > .toolbar, +.ios.device-iphone-x .view > .toolbar, +.ios.device-iphone-x .page > .toolbar, +.ios.device-iphone-x .popup > .toolbar, +.ios.device-iphone-x .panel > .toolbar, +.ios.device-iphone-x .login-screen > .toolbar { + height: calc(44px + constant(safe-area-inset-bottom)); + height: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .views > .toolbar .toolbar-inner, +.ios.device-iphone-x .view > .toolbar .toolbar-inner, +.ios.device-iphone-x .page > .toolbar .toolbar-inner, +.ios.device-iphone-x .popup > .toolbar .toolbar-inner, +.ios.device-iphone-x .panel > .toolbar .toolbar-inner, +.ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { + height: auto; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .views > .tabbar-labels, +.ios.device-iphone-x .view > .tabbar-labels, +.ios.device-iphone-x .page > .tabbar-labels, +.ios.device-iphone-x .popup > .tabbar-labels, +.ios.device-iphone-x .panel > .tabbar-labels, +.ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(50px + constant(safe-area-inset-bottom)); + height: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .views > .tabbar-labels, + .ios.device-iphone-x .view > .tabbar-labels, + .ios.device-iphone-x .page > .tabbar-labels, + .ios.device-iphone-x .popup > .tabbar-labels, + .ios.device-iphone-x .panel > .tabbar-labels, + .ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios.device-iphone-x .toolbar ~ * .page-content, +.ios.device-iphone-x .toolbar ~ .page-content { + padding-bottom: calc(44px + constant(safe-area-inset-bottom)); + padding-bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ * .page-content, +.ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(50px + constant(safe-area-inset-bottom)); + padding-bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ * .page-content, + .ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-left .toolbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-right .toolbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .toolbar { + background: #2196f3; + height: 48px; + color: #fff; + font-size: 14px; + top: 0; +} +.md .toolbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar.no-shadow:after { + display: none; +} +.md .toolbar a { + color: #fff; +} +.md .toolbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + line-height: 48px; + height: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .toolbar a.link i + span, +.md .toolbar a.link i + i, +.md .toolbar a.link span + i, +.md .toolbar a.link span + span { + margin-left: 8px; +} +.md .toolbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + overflow: hidden; +} +.md .tabbar a.link, +.md .tabbar-labels a.link, +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + text-transform: uppercase; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .tabbar i.icon, +.md .tabbar-labels i.icon { + height: 24px; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + overflow: hidden; + color: rgba(255, 255, 255, 0.7); + position: relative; +} +.md .tabbar a.tab-link.tab-link-active, +.md .tabbar-labels a.tab-link.tab-link-active, +.md .tabbar a.tab-link.active-state, +.md .tabbar-labels a.tab-link.active-state { + color: #ffffff; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + bottom: 0; + height: 2px; + background: #fff; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + left: 0; +} +.md .toolbar-bottom-md, +.md .messagebar { + top: auto !important; + bottom: 0 !important; +} +.md .toolbar-bottom-md:after, +.md .messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 10px; + top: auto; + pointer-events: none; + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar-bottom-md .tab-link-highlight, +.md .messagebar .tab-link-highlight { + bottom: auto; + top: 0; +} +.md .tabbar-labels { + height: 72px; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 12px; + padding-bottom: 12px; +} +.md .tabbar-labels .tabbar-label { + margin-top: 10px; + max-width: 100%; + overflow: hidden; +} +.md .tabbar-labels.toolbar-bottom-md { + height: 56px; +} +.md .tabbar-labels.toolbar-bottom-md a.tab-link, +.md .tabbar-labels.toolbar-bottom-md a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-labels.toolbar-bottom-md .tabbar-label { + text-transform: none; + line-height: 1.2; + font-weight: normal; + letter-spacing: 0; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 48px; +} +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 72px; +} +.md .toolbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .toolbar-hidden:after { + display: none; +} +.md .toolbar-hidden.toolbar-bottom-md, +.md .toolbar-hidden.messagebar { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 56px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 104px; +} +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 128px; +} +.md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -104px, 0); + transform: translate3d(0, -104px, 0); +} +.md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { + -webkit-transform: translate3d(0, -128px, 0); + transform: translate3d(0, -128px, 0); +} +.md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -56px, 0); + transform: translate3d(0, -56px, 0); +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 64px; + } + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 112px; + } + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 136px; + } + .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -64px, 0); + transform: translate3d(0, -64px, 0); + } + .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -112px, 0); + transform: translate3d(0, -112px, 0); + } + .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -136px, 0); + transform: translate3d(0, -136px, 0); + } +} +.md .toolbar-bottom-md ~ * .page-content, +.md .toolbar-bottom-md ~ .page-content, +.md .messagebar ~ * .page-content, +.md .messagebar ~ .page-content { + padding-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: 56px; +} +.md .toolbar-transitioning, +.md .navbar-transitioning + .toolbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .color-theme-red .toolbar:not(.messagebar), +.md .color-theme-red.toolbar:not(.messagebar) { + background: #f44336; +} +.md .color-theme-green .toolbar:not(.messagebar), +.md .color-theme-green.toolbar:not(.messagebar) { + background: #4caf50; +} +.md .color-theme-blue .toolbar:not(.messagebar), +.md .color-theme-blue.toolbar:not(.messagebar) { + background: #2196f3; +} +.md .color-theme-pink .toolbar:not(.messagebar), +.md .color-theme-pink.toolbar:not(.messagebar) { + background: #e91e63; +} +.md .color-theme-yellow .toolbar:not(.messagebar), +.md .color-theme-yellow.toolbar:not(.messagebar) { + background: #ffeb3b; +} +.md .color-theme-orange .toolbar:not(.messagebar), +.md .color-theme-orange.toolbar:not(.messagebar) { + background: #ff9800; +} +.md .color-theme-gray .toolbar:not(.messagebar), +.md .color-theme-gray.toolbar:not(.messagebar) { + background: #9e9e9e; +} +.md .color-theme-white .toolbar:not(.messagebar), +.md .color-theme-white.toolbar:not(.messagebar) { + background: #ffffff; +} +.md .color-theme-black .toolbar:not(.messagebar), +.md .color-theme-black.toolbar:not(.messagebar) { + background: #000000; +} +.md .toolbar:not(.messagebar).color-red { + background: #f44336; +} +.md .toolbar:not(.messagebar).color-green { + background: #4caf50; +} +.md .toolbar:not(.messagebar).color-blue { + background: #2196f3; +} +.md .toolbar:not(.messagebar).color-pink { + background: #e91e63; +} +.md .toolbar:not(.messagebar).color-yellow { + background: #ffeb3b; +} +.md .toolbar:not(.messagebar).color-orange { + background: #ff9800; +} +.md .toolbar:not(.messagebar).color-gray { + background: #9e9e9e; +} +.md .toolbar:not(.messagebar).color-white { + background: #ffffff; +} +.md .toolbar:not(.messagebar).color-black { + background: #000000; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { + height: calc(48px + constant(safe-area-inset-top)); + height: calc(48px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + height: auto; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + bottom: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { + height: calc(72px + constant(safe-area-inset-top)); + height: calc(72px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar-bottom-md, +.md.device-iphone-x .view > .toolbar-bottom-md, +.md.device-iphone-x .page > .toolbar-bottom-md, +.md.device-iphone-x .popup > .toolbar-bottom-md, +.md.device-iphone-x .panel > .toolbar-bottom-md, +.md.device-iphone-x .login-screen > .toolbar-bottom-md { + height: calc(48px + constant(safe-area-inset-bottom)); + height: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md ~ .page-content, +.md.device-iphone-x .messagebar ~ * .page-content, +.md.device-iphone-x .messagebar ~ .page-content { + padding-bottom: calc(48px + constant(safe-area-inset-bottom)); + padding-bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-left .toolbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-right .toolbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .subnavbar { + height: 45px; + margin-top: -1px; + padding-top: 1px; + background: #f7f7f8; +} +.ios .subnavbar.no-hairline:after { + display: none !important; +} +.ios .subnavbar .title { + font-weight: 700; + line-height: 1; + overflow: visible; + font-size: 34px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + letter-spacing: -0.03em; +} +.ios .subnavbar .title { + margin-left: 7px; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + line-height: 44px; + height: 44px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + min-width: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; +} +.ios .subnavbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .subnavbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .subnavbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .subnavbar-inner { + padding: 0 8px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.ios .navbar ~ .subnavbar { + top: 44px; +} +.ios .page-with-subnavbar .page-content, +.ios .subnavbar ~ .page-content, +.ios .subnavbar ~ * .page-content { + padding-top: 44px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.ios .page-with-subnavbar .navbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .subnavbar, +.subnavbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .subnavbar:after, +.subnavbar.ios .theme-dark:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .subnavbar { + height: 48px; + background: #2196f3; + color: #fff; +} +.md .subnavbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .subnavbar.no-shadow:after { + display: none; +} +.md .subnavbar .title { + margin: 0 16px; + font-size: 20px; + line-height: 48px; + display: inline-block; + text-align: left; + font-weight: 500; +} +.md .subnavbar .title:first-child { + margin-left: 56px; +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a { + color: inherit; +} +.md .subnavbar a.link { + line-height: 48px; + height: 48px; + min-width: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + min-width: 0; +} +.md .subnavbar-inner { + padding: 0 16px; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: -16px; +} +.md .subnavbar-inner > a.link:last-child { + margin-right: -16px; +} +.md .subnavbar ~ * .page-content, +.md .subnavbar ~ .page-content, +.md .page-with-subnavbar .page-content { + padding-top: 48px; +} +.md .navbar ~ .subnavbar ~ .page-content, +.md .navbar ~ .subnavbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar ~ .page-content, + .md .navbar ~ .subnavbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 112px; + } +} +.md .navbar ~ .subnavbar, +.md .navbar ~ * .subnavbar, +.md .page-with-subnavbar .navbar ~ .subnavbar, +.md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar, + .md .navbar ~ * .subnavbar, + .md .page-with-subnavbar .navbar ~ .subnavbar, + .md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 64px; + } +} +.md .color-theme-red .subnavbar, +.md .color-theme-red.subnavbar { + background: #f44336; +} +.md .color-theme-green .subnavbar, +.md .color-theme-green.subnavbar { + background: #4caf50; +} +.md .color-theme-blue .subnavbar, +.md .color-theme-blue.subnavbar { + background: #2196f3; +} +.md .color-theme-pink .subnavbar, +.md .color-theme-pink.subnavbar { + background: #e91e63; +} +.md .color-theme-yellow .subnavbar, +.md .color-theme-yellow.subnavbar { + background: #ffeb3b; +} +.md .color-theme-orange .subnavbar, +.md .color-theme-orange.subnavbar { + background: #ff9800; +} +.md .color-theme-gray .subnavbar, +.md .color-theme-gray.subnavbar { + background: #9e9e9e; +} +.md .color-theme-white .subnavbar, +.md .color-theme-white.subnavbar { + background: #ffffff; +} +.md .color-theme-black .subnavbar, +.md .color-theme-black.subnavbar { + background: #000000; +} +.md .subnavbar.color-red { + background: #f44336; +} +.md .subnavbar.color-green { + background: #4caf50; +} +.md .subnavbar.color-blue { + background: #2196f3; +} +.md .subnavbar.color-pink { + background: #e91e63; +} +.md .subnavbar.color-yellow { + background: #ffeb3b; +} +.md .subnavbar.color-orange { + background: #ff9800; +} +.md .subnavbar.color-gray { + background: #9e9e9e; +} +.md .subnavbar.color-white { + background: #ffffff; +} +.md .subnavbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === Content Block === */ +.ios .block { + margin: 35px 0; + padding: 0 15px; + color: #6d6d72; +} +.ios .block-title { + text-transform: uppercase; + color: #6d6d72; + margin: 35px 15px 10px; + line-height: 17px; +} +.ios .block-title + .list, +.ios .block-title + .block, +.ios .block-title + .card, +.ios .block-title + .timeline, +.ios .block-title + .block-header { + margin-top: 10px; +} +.ios .block-strong { + color: #000; + background: #fff; + padding: 15px 15px; +} +.ios .block-strong:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block-strong:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block.inset { + margin-left: 15px; + margin-right: 15px; +} +.ios .block-strong-inset { + border-radius: 7px; +} +.ios .block-header, +.ios .block-footer { + padding: 0 15px; + color: #8f8f94; +} +.ios .block .block-header, +.ios .block .block-footer { + padding: 0 !important; +} +.ios .block-header { + margin-top: 35px; +} +.ios .block-header + .list, +.ios .block-header + .block, +.ios .block-header + .card, +.ios .block-header + .timeline { + margin-top: 10px; +} +.ios .block-footer { + margin-bottom: 35px; +} +.ios .list .block-header, +.ios .block .block-header, +.ios .card .block-header, +.ios .timeline .block-header { + margin-top: 0; +} +.ios .list .block-footer, +.ios .block .block-footer, +.ios .card .block-footer, +.ios .timeline .block-footer { + margin-bottom: 0; +} +.ios .list + .block-footer, +.ios .block + .block-footer, +.ios .card + .block-footer, +.ios .timeline + .block-footer { + margin-top: -25px; +} +.ios .block + .block-footer { + margin-top: -25px; + margin-bottom: 35px; +} +@media (min-width: 768px) { + .ios .block.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .block-strong.tablet-inset { + border-radius: 7px; + } +} +.ios .theme-dark .block-title, +.ios .theme-dark .block-header, +.ios .theme-dark .block-footer { + color: #8E8E93; +} +.ios .theme-dark .block { + color: #8E8E93; +} +.ios .theme-dark .block-strong, +.ios .theme-dark.block-strong { + background-color: #1c1c1d; + color: #fff; +} +.ios .theme-dark .block-strong:before, +.ios .theme-dark.block-strong:before { + background-color: #282829; +} +.ios .theme-dark .block-strong:after, +.ios .theme-dark.block-strong:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-left .block-header, + .ios.device-iphone-x .ios-left-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-left .block-footer { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-right .block-header, + .ios.device-iphone-x .ios-right-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-right .block-footer { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.md .block { + margin: 32px 0; + padding: 0 16px; +} +.md .block-title { + color: rgba(0, 0, 0, 0.54); + margin: 32px 16px 16px; + line-height: 16px; + font-weight: 500; +} +.md .block-title + .list, +.md .block-title + .block, +.md .block-title + .card, +.md .block-title + .timeline, +.md .block-title + .block-header { + margin-top: 0px; +} +.md .block-strong { + padding: 16px; +} +.md .block-strong:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block-strong:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block.inset { + margin-left: 16px; + margin-right: 16px; +} +.md .block-strong.inset { + border-radius: 4px; +} +.md .block-header, +.md .block-footer { + padding: 0 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .block .block-header, +.md .block .block-footer { + padding: 0; +} +.md .block-header { + margin-top: 32px; +} +.md .block-header + .list, +.md .block-header + .block, +.md .block-header + .card, +.md .block-header + .timeline { + margin-top: 10px; +} +.md .block-footer { + margin-bottom: 32px; +} +.md .list .block-header, +.md .block .block-header, +.md .card .block-header, +.md .timeline .block-header { + margin-top: 0; +} +.md .list .block-footer, +.md .block .block-footer, +.md .card .block-footer, +.md .timeline .block-footer { + margin-bottom: 0; +} +.md .list + .block-footer, +.md .block + .block-footer, +.md .card + .block-footer, +.md .timeline + .block-footer { + margin-top: -22px; +} +.md .block + .block-footer { + margin-top: -22px; + margin-bottom: 32px; +} +@media (min-width: 768px) { + .md .block.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .block-strong.tablet-inset { + border-radius: 4px; + } +} +.md .theme-dark .block-title { + color: #fff; +} +.md .theme-dark .block-header, +.md .theme-dark .block-footer { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-left .block-header, + .md.device-iphone-x .ios-left-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-left .block-footer { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-right .block-header, + .md.device-iphone-x .ios-right-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-right .block-footer { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 95% center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: right center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.ios .list { + margin: 35px 0; + font-size: 17px; +} +.ios .list .item-cell { + width: 100%; + min-width: 0; + margin-left: 15px; +} +.ios .list .item-cell:first-child { + margin-left: 0; +} +.ios .list ul { + background: #fff; +} +.ios .list ul ul { + padding-left: 45px; +} +.ios .list .item-media { + padding-top: 7px; +} +.ios .list .item-media i + i, +.ios .list .item-media i + img { + margin-left: 5px; +} +.ios .list .item-media + .item-inner { + margin-left: 15px; +} +.ios .list .item-inner { + min-height: 44px; + padding-right: 15px; +} +.ios .list .item-after { + color: #8e8e93; + padding-left: 5px; +} +.ios .list .item-link, +.ios .list .list-button { + color: inherit; +} +.ios .list .item-link .item-inner, +.ios .list .list-button .item-inner { + padding-right: 35px; +} +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .list .item-link.active-state .item-inner:after, +.ios .list .list-button.active-state .item-inner:after { + background-color: transparent; +} +.ios .list .list-button { + padding: 0 15px; + text-align: center; + color: #007aff; + line-height: 44px; +} +.ios .list .item-content { + min-height: 44px; + padding-left: 15px; +} +.ios .list .item-subtitle { + font-size: 15px; +} +.ios .list .item-text { + font-size: 15px; + color: #8e8e93; + line-height: 21px; + max-height: 42px; +} +.ios .list .item-header, +.ios .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.ios .list .item-footer { + color: #8e8e93; +} +.ios .list .item-link.no-chevron .item-inner, +.ios .list.no-chevron .item-link .item-inner, +.ios .list .no-chevron .item-link .item-inner, +.ios .no-chevron .list .item-link .item-inner { + padding-right: 15px; +} +.ios .simple-list li:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .simple-list li { + padding-left: 15px; + padding-right: 15px; + line-height: 44px; + height: 44px; +} +.ios .simple-list li:after { + width: auto; + left: 15px; + right: 0; +} +.ios .links-list a:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .links-list a { + height: 44px; + color: inherit; +} +.ios .links-list a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .links-list a:after { + width: auto; +} +.ios .links-list a { + padding-left: 15px; + padding-right: 35px; +} +.ios .links-list a:after { + left: 15px; + right: 0; +} +.ios .links-list.no-chevron a, +.ios .no-chevron .links-list a, +.ios .links-list a.no-chevron, +.ios .links-list .no-chevron a { + padding-right: 15px; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.ios .media-list .item-inner, +.ios li.media-item .item-inner { + padding-top: 10px; + padding-bottom: 9px; +} +.ios .media-list .item-media, +.ios li.media-item .item-media { + padding-top: 9px; + padding-bottom: 10px; +} +.ios .media-list .item-link .item-inner, +.ios li.media-item .item-link .item-inner { + padding-right: 15px; +} +.ios .media-list .item-link .item-title-row, +.ios li.media-item .item-link .item-title-row { + padding-right: 20px; +} +.ios .media-list.chevron-center .item-link .item-inner, +.ios .media-list .chevron-center .item-link .item-inner, +.ios .media-list .item-link.chevron-center .item-inner, +.ios li.media-item.chevron-center .item-link .item-inner, +.ios li.media-item .item-link.chevron-center .item-inner, +.ios li.media-item .chevron-center .item-link .item-inner { + padding-right: 35px; +} +.ios .media-list.no-chevron .item-link .item-title-row, +.ios .no-chevron .media-list .item-link .item-title-row, +.ios .media-list .no-chevron .item-link .item-title-row, +.ios li.media-item.no-chevron .item-link .item-title-row, +.ios .no-chevron li.media-item .item-link .item-title-row, +.ios .media-list.chevron-center .item-title-row, +.ios .media-list .chevron-center .item-title-row, +.ios li.media-item.chevron-center .item-title-row, +.ios li.media-item .chevron-center .item-title-row { + padding-right: 0 !important; +} +.ios .list .item-link .item-inner, +.ios .links-list a { + background-position: calc(100% - 15px) center; +} +.ios .item-divider, +.ios .list-group-title { + margin-top: -1px; + padding: 4px 15px; + background: #f7f7f7; + color: #8e8e93; +} +.ios .item-divider:after, +.ios .list-group-title:after { + display: none !important; +} +.ios .list-group-title { + margin-top: 0; +} +.ios .item-divider:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .item-divider:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .item-divider:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list-group-title:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list-group-title:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list-group-title:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .list-button:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .list-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .list-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list.inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; +} +.ios .list.inset ul { + border-radius: 7px; +} +.ios .list.inset li:first-child > a { + border-radius: 7px 7px 0 0; +} +.ios .list.inset li:last-child > a { + border-radius: 0 0 7px 7px; +} +.ios .list.inset li:first-child:last-child > a { + border-radius: 7px; +} +@media (min-width: 768px) { + .ios .list.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .list.tablet-inset ul { + border-radius: 7px; + } + .ios .list.tablet-inset li:first-child > a { + border-radius: 7px 7px 0 0; + } + .ios .list.tablet-inset li:last-child > a { + border-radius: 0 0 7px 7px; + } + .ios .list.tablet-inset li:first-child:last-child > a { + border-radius: 7px; + } +} +.ios li li:last-child .item-inner:after, +.ios li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + background-position: calc(100% - 15px - constant(safe-area-inset-right)) center; + background-position: calc(100% - 15px - env(safe-area-inset-right)) center; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { + padding-right: 0; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .list ul, +.list.ios .theme-dark ul { + background: #1c1c1d; +} +.ios .theme-dark .list ul:before, +.list.ios .theme-dark ul:before { + background-color: #282829; +} +.ios .theme-dark .list ul:after, +.list.ios .theme-dark ul:after { + background-color: #282829; +} +.ios .theme-dark .list li li:last-child .item-inner:after, +.list.ios .theme-dark li li:last-child .item-inner:after, +.ios .theme-dark .list li:last-child li .item-inner:after, +.list.ios .theme-dark li:last-child li .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider:before { + background-color: #282829; +} +.ios .theme-dark .list-group-title:before { + background-color: #282829; +} +.ios .theme-dark .list-button:after { + background-color: #282829; +} +.ios .theme-dark .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider, +.ios .theme-dark .list-group-title { + background-color: #111; +} +.ios .theme-dark .links-list a:after, +.ios .theme-dark .simple-list li:after, +.ios .theme-dark .links-list a:after, +.links-list.ios .theme-dark a .simple-list li:after, +.simple-list.ios .theme-dark li:after { + background-color: #282829; +} +.ios .theme-dark .list .item-link.active-state, +.list.ios .theme-dark .item-link.active-state, +.ios .theme-dark .list .list-button.active-state, +.list.ios .theme-dark .list-button.active-state, +.ios .theme-dark .links-list a.active-state, +.links-list.ios .theme-dark a.active-state { + background-color: #363636; +} +.ios .color-theme-red .list-button { + color: #ff3b30; +} +.ios .color-theme-green .list-button { + color: #4cd964; +} +.ios .color-theme-blue .list-button { + color: #007aff; +} +.ios .color-theme-pink .list-button { + color: #ff2d55; +} +.ios .color-theme-yellow .list-button { + color: #ffcc00; +} +.ios .color-theme-orange .list-button { + color: #ff9500; +} +.ios .color-theme-gray .list-button { + color: #8e8e93; +} +.ios .color-theme-white .list-button { + color: #ffffff; +} +.ios .color-theme-black .list-button { + color: #000000; +} +.ios .list .list-button.color-red, +.ios .list li.color-red .list-button, +.ios .links-list li.color-red a, +.ios .simple-list li.color-red, +.ios .links-list a.color-red, +.ios .list .item-link.color-red, +.ios .list li.color-red .item-link { + color: #ff3b30; +} +.ios .list .list-button.color-green, +.ios .list li.color-green .list-button, +.ios .links-list li.color-green a, +.ios .simple-list li.color-green, +.ios .links-list a.color-green, +.ios .list .item-link.color-green, +.ios .list li.color-green .item-link { + color: #4cd964; +} +.ios .list .list-button.color-blue, +.ios .list li.color-blue .list-button, +.ios .links-list li.color-blue a, +.ios .simple-list li.color-blue, +.ios .links-list a.color-blue, +.ios .list .item-link.color-blue, +.ios .list li.color-blue .item-link { + color: #007aff; +} +.ios .list .list-button.color-pink, +.ios .list li.color-pink .list-button, +.ios .links-list li.color-pink a, +.ios .simple-list li.color-pink, +.ios .links-list a.color-pink, +.ios .list .item-link.color-pink, +.ios .list li.color-pink .item-link { + color: #ff2d55; +} +.ios .list .list-button.color-yellow, +.ios .list li.color-yellow .list-button, +.ios .links-list li.color-yellow a, +.ios .simple-list li.color-yellow, +.ios .links-list a.color-yellow, +.ios .list .item-link.color-yellow, +.ios .list li.color-yellow .item-link { + color: #ffcc00; +} +.ios .list .list-button.color-orange, +.ios .list li.color-orange .list-button, +.ios .links-list li.color-orange a, +.ios .simple-list li.color-orange, +.ios .links-list a.color-orange, +.ios .list .item-link.color-orange, +.ios .list li.color-orange .item-link { + color: #ff9500; +} +.ios .list .list-button.color-gray, +.ios .list li.color-gray .list-button, +.ios .links-list li.color-gray a, +.ios .simple-list li.color-gray, +.ios .links-list a.color-gray, +.ios .list .item-link.color-gray, +.ios .list li.color-gray .item-link { + color: #8e8e93; +} +.ios .list .list-button.color-white, +.ios .list li.color-white .list-button, +.ios .links-list li.color-white a, +.ios .simple-list li.color-white, +.ios .links-list a.color-white, +.ios .list .item-link.color-white, +.ios .list li.color-white .item-link { + color: #ffffff; +} +.ios .list .list-button.color-black, +.ios .list li.color-black .list-button, +.ios .links-list li.color-black a, +.ios .simple-list li.color-black, +.ios .links-list a.color-black, +.ios .list .item-link.color-black, +.ios .list li.color-black .item-link { + color: #000000; +} +.md .list { + margin: 32px 0; + font-size: 16px; +} +.md .list .item-cell { + width: 100%; + min-width: 0; + margin-left: 16px; +} +.md .list .item-cell:first-child { + margin-left: 0; +} +.md .list .ripple-wave + .item-cell { + margin-left: 0; +} +.md .list ul ul { + padding-left: 56px; +} +.md .list .item-media { + padding-top: 8px; + min-width: 40px; +} +.md .list .item-media i + i, +.md .list .item-media i + img { + margin-left: 8px; +} +.md .list .item-media + .item-inner { + margin-left: 16px; +} +.md .list .item-inner { + min-height: 48px; + padding-right: 16px; +} +.md .list .item-after { + color: #757575; + font-size: 14px; + padding-left: 8px; +} +.md .list .item-link, +.md .list .list-button { + color: inherit; +} +.md .list .item-link .item-inner, +.md .list .list-button .item-inner { + padding-right: 42px; +} +.md .list .item-link.active-state, +.md .list .list-button.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .list-button { + padding: 0 16px; + font-size: 16px; + line-height: 48px; +} +.md .list .item-content { + min-height: 48px; + padding-left: 16px; +} +.md .list .item-subtitle { + font-size: 14px; +} +.md .list .item-text { + font-size: 14px; + color: #757575; + line-height: 20px; + max-height: 40px; +} +.md .list .item-header, +.md .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.md .list .item-footer { + color: rgba(0, 0, 0, 0.5); +} +.md .list .item-link.no-chevron .item-inner, +.md .list.no-chevron .item-link .item-inner, +.md .list .no-chevron .item-link .item-inner, +.md .no-chevron .list .item-link .item-inner { + padding-right: 16px; +} +.md .simple-list li:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .simple-list li { + padding-left: 16px; + padding-right: 16px; + line-height: 48px; + height: 48px; +} +.md .simple-list li:after { + width: auto; + left: 16px; + right: 0; +} +.md .links-list a:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .links-list a { + height: 48px; + color: inherit; +} +.md .links-list a.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .links-list a:after { + width: auto; +} +.md .links-list a { + padding-left: 16px; + padding-right: 42px; +} +.md .links-list a:after { + left: 16px; + right: 0; +} +.md .links-list.no-chevron a, +.md .no-chevron .links-list a, +.md .links-list a.no-chevron, +.md .links-list .no-chevron a { + padding-right: 16px; +} +.md .media-list .item-inner, +.md li.media-item .item-inner { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list .item-link .item-inner, +.md li.media-item .item-link .item-inner { + padding-right: 16px; +} +.md .media-list .item-link .item-title-row, +.md li.media-item .item-link .item-title-row { + padding-right: 26px; +} +.md .media-list .item-media, +.md li.media-item .item-media { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list.chevron-center .item-link .item-inner, +.md .media-list .chevron-center .item-link .item-inner, +.md .media-list .item-link.chevron-center .item-inner, +.md li.media-item.chevron-center .item-link .item-inner, +.md li.media-item .item-link.chevron-center .item-inner, +.md li.media-item .chevron-center .item-link .item-inner { + padding-right: 42px; +} +.md .media-list.no-chevron .item-link .item-title-row, +.md .no-chevron .media-list .item-link .item-title-row, +.md .media-list .no-chevron .item-link .item-title-row, +.md li.media-item.no-chevron .item-link .item-title-row, +.md .no-chevron li.media-item .item-link .item-title-row, +.md .media-list.chevron-center .item-title-row, +.md .media-list .chevron-center .item-title-row, +.md li.media-item.chevron-center .item-title-row, +.md li.media-item .chevron-center .item-title-row { + padding-right: 0 !important; +} +.md .list .item-link .item-inner, +.md .links-list a { + background-position: calc(100% - 16px) center; +} +.md .item-divider, +.md .list-group-title { + padding: 0 16px; + background: #f4f4f4; + color: rgba(0, 0, 0, 0.54); + height: 48px; + line-height: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; +} +.md .item-divider:before, +.md .list-group-title:before { + display: none !important; +} +.md .item-divider:after, +.md .list-group-title:after { + display: none !important; +} +.md .list-group-title { + margin-top: 0; +} +.md .list .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list.inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; +} +.md .list.inset ul { + border-radius: 4px; +} +.md .list.inset li:first-child > a { + border-radius: 4px 4px 0 0; +} +.md .list.inset li:last-child > a { + border-radius: 0 0 4px 4px; +} +.md .list.inset li:first-child:last-child > a { + border-radius: 4px; +} +@media (min-width: 768px) { + .md .list.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .list.tablet-inset li:first-child > a { + border-radius: 4px 4px 0 0; + } + .md .list.tablet-inset li:last-child > a { + border-radius: 0 0 4px 4px; + } + .md .list.tablet-inset li:first-child:last-child > a { + border-radius: 4px; + } +} +.md li li:last-child .item-inner:after, +.md li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + background-position: calc(100% - 16px - constant(safe-area-inset-right)) center; + background-position: calc(100% - 16px - env(safe-area-inset-right)) center; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { + padding-right: 0; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .list ul:before, +.list.md .theme-dark ul:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list ul:after, +.list.md .theme-dark ul:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list li li:last-child .item-inner:after, +.list.md .theme-dark li li:last-child .item-inner:after, +.md .theme-dark .list li:last-child li .item-inner:after, +.list.md .theme-dark li:last-child li .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-group-title:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-button:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider, +.md .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +.md .theme-dark .links-list a:after, +.md .theme-dark .simple-list li:after, +.md .theme-dark .links-list a:after, +.links-list.md .theme-dark a .simple-list li:after, +.simple-list.md .theme-dark li:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list .item-link.active-state, +.list.md .theme-dark .item-link.active-state, +.md .theme-dark .list .list-button.active-state, +.list.md .theme-dark .list-button.active-state, +.md .theme-dark .links-list a.active-state, +.links-list.md .theme-dark a.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .item-after, +.md .theme-dark .item-text { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .list-button { + color: #f44336; +} +.md .color-theme-green .list-button { + color: #4caf50; +} +.md .color-theme-blue .list-button { + color: #2196f3; +} +.md .color-theme-pink .list-button { + color: #e91e63; +} +.md .color-theme-yellow .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .list-button { + color: #ff9800; +} +.md .color-theme-gray .list-button { + color: #9e9e9e; +} +.md .color-theme-white .list-button { + color: #ffffff; +} +.md .color-theme-black .list-button { + color: #000000; +} +.md .list .list-button.color-red, +.md .list li.color-red .list-button, +.md .links-list li.color-red a, +.md .simple-list li.color-red, +.md .links-list a.color-red, +.md .list .item-link.color-red, +.md .list li.color-red .item-link { + color: #f44336; +} +.md .list .list-button.color-green, +.md .list li.color-green .list-button, +.md .links-list li.color-green a, +.md .simple-list li.color-green, +.md .links-list a.color-green, +.md .list .item-link.color-green, +.md .list li.color-green .item-link { + color: #4caf50; +} +.md .list .list-button.color-blue, +.md .list li.color-blue .list-button, +.md .links-list li.color-blue a, +.md .simple-list li.color-blue, +.md .links-list a.color-blue, +.md .list .item-link.color-blue, +.md .list li.color-blue .item-link { + color: #2196f3; +} +.md .list .list-button.color-pink, +.md .list li.color-pink .list-button, +.md .links-list li.color-pink a, +.md .simple-list li.color-pink, +.md .links-list a.color-pink, +.md .list .item-link.color-pink, +.md .list li.color-pink .item-link { + color: #e91e63; +} +.md .list .list-button.color-yellow, +.md .list li.color-yellow .list-button, +.md .links-list li.color-yellow a, +.md .simple-list li.color-yellow, +.md .links-list a.color-yellow, +.md .list .item-link.color-yellow, +.md .list li.color-yellow .item-link { + color: #ffeb3b; +} +.md .list .list-button.color-orange, +.md .list li.color-orange .list-button, +.md .links-list li.color-orange a, +.md .simple-list li.color-orange, +.md .links-list a.color-orange, +.md .list .item-link.color-orange, +.md .list li.color-orange .item-link { + color: #ff9800; +} +.md .list .list-button.color-gray, +.md .list li.color-gray .list-button, +.md .links-list li.color-gray a, +.md .simple-list li.color-gray, +.md .links-list a.color-gray, +.md .list .item-link.color-gray, +.md .list li.color-gray .item-link { + color: #9e9e9e; +} +.md .list .list-button.color-white, +.md .list li.color-white .list-button, +.md .links-list li.color-white a, +.md .simple-list li.color-white, +.md .links-list a.color-white, +.md .list .item-link.color-white, +.md .list li.color-white .item-link { + color: #ffffff; +} +.md .list .list-button.color-black, +.md .list li.color-black .list-button, +.md .links-list li.color-black a, +.md .simple-list li.color-black, +.md .links-list a.color-black, +.md .list .item-link.color-black, +.md .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.ios .badge { + font-size: 13px; + border-radius: 20px; + padding: 0 6px; + height: 20px; + line-height: 20px; +} +.ios .icon .badge, +.ios .f7-icons .badge, +.ios .framework7-icons .badge, +.ios .material-icons .badge { + line-height: 16px; + height: 16px; + border-radius: 16px; + padding: 0 4px; + min-width: 16px; + font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.ios .badge.color-red { + background-color: #ff3b30; +} +.ios .badge.color-green { + background-color: #4cd964; +} +.ios .badge.color-blue { + background-color: #007aff; +} +.ios .badge.color-pink { + background-color: #ff2d55; +} +.ios .badge.color-yellow { + background-color: #ffcc00; +} +.ios .badge.color-orange { + background-color: #ff9500; +} +.ios .badge.color-gray { + background-color: #8e8e93; +} +.ios .badge.color-white { + background-color: #ffffff; +} +.ios .badge.color-black { + background-color: #000000; +} +.md .badge { + font-size: 10px; + border-radius: 3px; + padding: 1px 6px; + vertical-align: middle; +} +.md .icon .badge, +.md .f7-icons .badge, +.md .framework7-icons .badge, +.md .material-icons .badge { + line-height: 1.4; + padding: 1px 5px; + font-family: Roboto, Noto, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.md .badge.color-red { + background-color: #f44336; +} +.md .badge.color-green { + background-color: #4caf50; +} +.md .badge.color-blue { + background-color: #2196f3; +} +.md .badge.color-pink { + background-color: #e91e63; +} +.md .badge.color-yellow { + background-color: #ffeb3b; +} +.md .badge.color-orange { + background-color: #ff9800; +} +.md .badge.color-gray { + background-color: #9e9e9e; +} +.md .badge.color-white { + background-color: #ffffff; +} +.md .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; +} +.ios .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.button-round, +.ios .button.button-round-ios { + border-radius: 29px; +} +.ios .button.button-active, +.ios .button.tab-link-active { + background: #007aff; + color: #fff; +} +.ios .button.button-big, +.ios .button.button-big-ios { + font-size: 17px; + height: 44px; + line-height: 42px; +} +.ios .button.button-small, +.ios .button.button-small-ios { + height: 26px; + line-height: 22px; + border-width: 2px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.ios .button.button-small.button-fill.active-state, +.ios .button.button-small-ios.button-fill.active-state, +.ios .button.button-small.button-fill-ios.active-state, +.ios .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; + opacity: 1; +} +.ios .button.button-fill, +.ios .button.button-fill-ios { + color: #fff; + background: #007aff; + border-color: transparent; +} +.ios .button.button-fill.active-state, +.ios .button.button-fill-ios.active-state { + opacity: 0.8; +} +.ios .button i.icon:first-child { + margin-right: 10px; +} +.ios .button i.icon:last-child { + margin-left: 10px; +} +.ios .button i.icon:first-child:last-child { + margin-left: 0; + margin-right: 0; +} +.ios .segmented .button { + border-radius: 0; + border-left-width: 0; +} +.ios .segmented .button:first-child { + border-radius: 5px 0 0 5px; + border-left-width: 1px; + border-left-style: solid; +} +.ios .segmented .button:first-child.button-small { + border-left-width: 2px; +} +.ios .segmented .button:last-child { + border-radius: 0 5px 5px 0; +} +.ios .segmented .button:first-child:last-child { + border-radius: 5px; +} +.ios .segmented .button.button-round:first-child, +.ios .segmented .button.button-round-ios:first-child { + border-radius: 29px 0 0 29px; +} +.ios .segmented .button.button-round:last-child, +.ios .segmented .button.button-round-ios:last-child { + border-radius: 0 29px 29px 0; +} +.ios .color-theme-red .button { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .button.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active, +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active { + background: #ff3b30; +} +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .color-theme-red .button.button-small.button-fill.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill.active-state, +.ios .color-theme-red .button.button-small.button-fill-ios.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .color-theme-green .button { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .button.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active, +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active { + background: #4cd964; +} +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .color-theme-green .button.button-small.button-fill.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill.active-state, +.ios .color-theme-green .button.button-small.button-fill-ios.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .color-theme-blue .button { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active, +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active { + background: #007aff; +} +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .color-theme-blue .button.button-small.button-fill.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill.active-state, +.ios .color-theme-blue .button.button-small.button-fill-ios.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .color-theme-pink .button { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .button.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active, +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active { + background: #ff2d55; +} +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .color-theme-pink .button.button-small.button-fill.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill.active-state, +.ios .color-theme-pink .button.button-small.button-fill-ios.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .color-theme-yellow .button { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .button.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active, +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active { + background: #ffcc00; +} +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .color-theme-yellow .button.button-small.button-fill.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, +.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .color-theme-orange .button { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .button.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active, +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active { + background: #ff9500; +} +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .color-theme-orange .button.button-small.button-fill.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill.active-state, +.ios .color-theme-orange .button.button-small.button-fill-ios.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .color-theme-gray .button { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .button.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active, +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active { + background: #8e8e93; +} +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .color-theme-gray .button.button-small.button-fill.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill.active-state, +.ios .color-theme-gray .button.button-small.button-fill-ios.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .color-theme-white .button { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .button.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active, +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active { + background: #ffffff; +} +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .color-theme-white .button.button-small.button-fill.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill.active-state, +.ios .color-theme-white .button.button-small.button-fill-ios.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .color-theme-black .button { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .button.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active, +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active { + background: #000000; +} +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .color-theme-black .button.button-small.button-fill.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill.active-state, +.ios .color-theme-black .button.button-small.button-fill-ios.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.ios .button.color-red { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .button.color-red.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active, +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + color: #fff; +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active { + background: #ff3b30; +} +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .button.color-red.button-small.button-fill.active-state, +.ios .button.color-red.button-small-ios.button-fill.active-state, +.ios .button.color-red.button-small.button-fill-ios.active-state, +.ios .button.color-red.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .button.color-green { + border-color: #4cd964; + color: #4cd964; +} +.ios .button.color-green.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active, +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + color: #fff; +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active { + background: #4cd964; +} +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .button.color-green.button-small.button-fill.active-state, +.ios .button.color-green.button-small-ios.button-fill.active-state, +.ios .button.color-green.button-small.button-fill-ios.active-state, +.ios .button.color-green.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .button.color-blue { + border-color: #007aff; + color: #007aff; +} +.ios .button.color-blue.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active, +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + color: #fff; +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active { + background: #007aff; +} +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .button.color-blue.button-small.button-fill.active-state, +.ios .button.color-blue.button-small-ios.button-fill.active-state, +.ios .button.color-blue.button-small.button-fill-ios.active-state, +.ios .button.color-blue.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .button.color-pink { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .button.color-pink.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active, +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + color: #fff; +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active { + background: #ff2d55; +} +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .button.color-pink.button-small.button-fill.active-state, +.ios .button.color-pink.button-small-ios.button-fill.active-state, +.ios .button.color-pink.button-small.button-fill-ios.active-state, +.ios .button.color-pink.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .button.color-yellow { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .button.color-yellow.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active, +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + color: #fff; +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active { + background: #ffcc00; +} +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .button.color-yellow.button-small.button-fill.active-state, +.ios .button.color-yellow.button-small-ios.button-fill.active-state, +.ios .button.color-yellow.button-small.button-fill-ios.active-state, +.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .button.color-orange { + border-color: #ff9500; + color: #ff9500; +} +.ios .button.color-orange.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active, +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + color: #fff; +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active { + background: #ff9500; +} +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .button.color-orange.button-small.button-fill.active-state, +.ios .button.color-orange.button-small-ios.button-fill.active-state, +.ios .button.color-orange.button-small.button-fill-ios.active-state, +.ios .button.color-orange.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .button.color-gray { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .button.color-gray.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active, +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + color: #fff; +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active { + background: #8e8e93; +} +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .button.color-gray.button-small.button-fill.active-state, +.ios .button.color-gray.button-small-ios.button-fill.active-state, +.ios .button.color-gray.button-small.button-fill-ios.active-state, +.ios .button.color-gray.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .button.color-white { + border-color: #ffffff; + color: #ffffff; +} +.ios .button.color-white.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active, +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + color: #fff; +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active { + background: #ffffff; +} +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .button.color-white.button-small.button-fill.active-state, +.ios .button.color-white.button-small-ios.button-fill.active-state, +.ios .button.color-white.button-small.button-fill-ios.active-state, +.ios .button.color-white.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .button.color-black { + border-color: #000000; + color: #000000; +} +.ios .button.color-black.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active, +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + color: #fff; +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active { + background: #000000; +} +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .button.color-black.button-small.button-fill.active-state, +.ios .button.color-black.button-small-ios.button-fill.active-state, +.ios .button.color-black.button-small.button-fill-ios.active-state, +.ios .button.color-black.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.md .button { + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .button.button-fill, +.md .button.button-fill-md, +.md .button.button-active, +.md .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.button-fill.active-state, +.md .button.button-fill-md.active-state, +.md .button.button-active.active-state, +.md .button.tab-link-active.active-state { + background: #0c82df; +} +.md .button.button-big, +.md .button.button-big-md { + height: 48px; + line-height: 48px; + border-radius: 4px; +} +.md .button.button-round, +.md .button.button-round-md { + border-radius: 36px; +} +.md .button.button-outline { + border: 2px solid #2196f3; + line-height: 32px; +} +.md .button.button-outline.button-big, +.md .button.button-outline.button-big-md { + line-height: 44px; +} +.md .button.button-small, +.md .button.button-small-md { + height: 28px; + line-height: 28px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.button-small.button-outline, +.md .button.button-small-md.button-outline { + border-width: 2px; + line-height: 24px; +} +.md .button > i.icon + span, +.md .button > span:not(.ripple-wave) + span, +.md .button > span:not(.ripple-wave) + i.icon, +.md .button > i.icon + i.icon { + margin-left: 8px; +} +.md .button.button-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .button.button-raised.active-state { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .navbar .button:not(.button-fill):not(.button-fill-md), +.md .subnavbar .button:not(.button-fill):not(.button-fill-md), +.md .toolbar .button:not(.button-fill):not(.button-fill-md) { + color: #fff; +} +.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .toast .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .segmented { + border-radius: 4px; +} +.md .segmented.segmented-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .segmented.segmented-round { + border-radius: 36px; +} +.md .segmented .button { + border-radius: 0; + min-width: 0; + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.md .segmented .button:first-child { + border-radius: 4px 0 0 4px; + border-left: none; +} +.md .segmented .button.button-outline { + border: 2px solid #2196f3; +} +.md .segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.md .segmented .button:last-child { + border-radius: 0 4px 4px 0; +} +.md .segmented .button:first-child:last-child { + border-radius: 4px; +} +.md .segmented .button.button-round:first-child { + border-radius: 36px 0 0 36px; +} +.md .segmented .button.button-round:last-child { + border-radius: 0 36px 36px 0; +} +.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { + background-color: rgba(255, 255, 255, 0.1); +} +.md .color-theme-red .button, +.md .color-red .button { + color: #f44336; +} +.md .color-theme-red .button.button-fill, +.md .color-red .button.button-fill, +.md .color-theme-red .button.button-fill-md, +.md .color-red .button.button-fill-md, +.md .color-theme-red .button.button-active, +.md .color-red .button.button-active, +.md .color-theme-red .button.tab-link-active, +.md .color-red .button.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .button.button-fill.active-state, +.md .color-red .button.button-fill.active-state, +.md .color-theme-red .button.button-fill-md.active-state, +.md .color-red .button.button-fill-md.active-state, +.md .color-theme-red .button.button-active.active-state, +.md .color-red .button.button-active.active-state, +.md .color-theme-red .button.tab-link-active.active-state, +.md .color-red .button.tab-link-active.active-state { + background: #f21f0f; +} +.md .color-theme-red .button.button-outline, +.md .color-red .button.button-outline { + border-color: #f44336; +} +.md .color-theme-green .button, +.md .color-green .button { + color: #4caf50; +} +.md .color-theme-green .button.button-fill, +.md .color-green .button.button-fill, +.md .color-theme-green .button.button-fill-md, +.md .color-green .button.button-fill-md, +.md .color-theme-green .button.button-active, +.md .color-green .button.button-active, +.md .color-theme-green .button.tab-link-active, +.md .color-green .button.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .button.button-fill.active-state, +.md .color-green .button.button-fill.active-state, +.md .color-theme-green .button.button-fill-md.active-state, +.md .color-green .button.button-fill-md.active-state, +.md .color-theme-green .button.button-active.active-state, +.md .color-green .button.button-active.active-state, +.md .color-theme-green .button.tab-link-active.active-state, +.md .color-green .button.tab-link-active.active-state { + background: #409343; +} +.md .color-theme-green .button.button-outline, +.md .color-green .button.button-outline { + border-color: #4caf50; +} +.md .color-theme-blue .button, +.md .color-blue .button { + color: #2196f3; +} +.md .color-theme-blue .button.button-fill, +.md .color-blue .button.button-fill, +.md .color-theme-blue .button.button-fill-md, +.md .color-blue .button.button-fill-md, +.md .color-theme-blue .button.button-active, +.md .color-blue .button.button-active, +.md .color-theme-blue .button.tab-link-active, +.md .color-blue .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .button.button-fill.active-state, +.md .color-blue .button.button-fill.active-state, +.md .color-theme-blue .button.button-fill-md.active-state, +.md .color-blue .button.button-fill-md.active-state, +.md .color-theme-blue .button.button-active.active-state, +.md .color-blue .button.button-active.active-state, +.md .color-theme-blue .button.tab-link-active.active-state, +.md .color-blue .button.tab-link-active.active-state { + background: #0c82df; +} +.md .color-theme-blue .button.button-outline, +.md .color-blue .button.button-outline { + border-color: #2196f3; +} +.md .color-theme-pink .button, +.md .color-pink .button { + color: #e91e63; +} +.md .color-theme-pink .button.button-fill, +.md .color-pink .button.button-fill, +.md .color-theme-pink .button.button-fill-md, +.md .color-pink .button.button-fill-md, +.md .color-theme-pink .button.button-active, +.md .color-pink .button.button-active, +.md .color-theme-pink .button.tab-link-active, +.md .color-pink .button.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .button.button-fill.active-state, +.md .color-pink .button.button-fill.active-state, +.md .color-theme-pink .button.button-fill-md.active-state, +.md .color-pink .button.button-fill-md.active-state, +.md .color-theme-pink .button.button-active.active-state, +.md .color-pink .button.button-active.active-state, +.md .color-theme-pink .button.tab-link-active.active-state, +.md .color-pink .button.tab-link-active.active-state { + background: #ca1452; +} +.md .color-theme-pink .button.button-outline, +.md .color-pink .button.button-outline { + border-color: #e91e63; +} +.md .color-theme-yellow .button, +.md .color-yellow .button { + color: #ffeb3b; +} +.md .color-theme-yellow .button.button-fill, +.md .color-yellow .button.button-fill, +.md .color-theme-yellow .button.button-fill-md, +.md .color-yellow .button.button-fill-md, +.md .color-theme-yellow .button.button-active, +.md .color-yellow .button.button-active, +.md .color-theme-yellow .button.tab-link-active, +.md .color-yellow .button.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .button.button-fill.active-state, +.md .color-yellow .button.button-fill.active-state, +.md .color-theme-yellow .button.button-fill-md.active-state, +.md .color-yellow .button.button-fill-md.active-state, +.md .color-theme-yellow .button.button-active.active-state, +.md .color-yellow .button.button-active.active-state, +.md .color-theme-yellow .button.tab-link-active.active-state, +.md .color-yellow .button.tab-link-active.active-state { + background: #ffe712; +} +.md .color-theme-yellow .button.button-outline, +.md .color-yellow .button.button-outline { + border-color: #ffeb3b; +} +.md .color-theme-orange .button, +.md .color-orange .button { + color: #ff9800; +} +.md .color-theme-orange .button.button-fill, +.md .color-orange .button.button-fill, +.md .color-theme-orange .button.button-fill-md, +.md .color-orange .button.button-fill-md, +.md .color-theme-orange .button.button-active, +.md .color-orange .button.button-active, +.md .color-theme-orange .button.tab-link-active, +.md .color-orange .button.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .button.button-fill.active-state, +.md .color-orange .button.button-fill.active-state, +.md .color-theme-orange .button.button-fill-md.active-state, +.md .color-orange .button.button-fill-md.active-state, +.md .color-theme-orange .button.button-active.active-state, +.md .color-orange .button.button-active.active-state, +.md .color-theme-orange .button.tab-link-active.active-state, +.md .color-orange .button.tab-link-active.active-state { + background: #d68000; +} +.md .color-theme-orange .button.button-outline, +.md .color-orange .button.button-outline { + border-color: #ff9800; +} +.md .color-theme-gray .button, +.md .color-gray .button { + color: #9e9e9e; +} +.md .color-theme-gray .button.button-fill, +.md .color-gray .button.button-fill, +.md .color-theme-gray .button.button-fill-md, +.md .color-gray .button.button-fill-md, +.md .color-theme-gray .button.button-active, +.md .color-gray .button.button-active, +.md .color-theme-gray .button.tab-link-active, +.md .color-gray .button.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .button.button-fill.active-state, +.md .color-gray .button.button-fill.active-state, +.md .color-theme-gray .button.button-fill-md.active-state, +.md .color-gray .button.button-fill-md.active-state, +.md .color-theme-gray .button.button-active.active-state, +.md .color-gray .button.button-active.active-state, +.md .color-theme-gray .button.tab-link-active.active-state, +.md .color-gray .button.tab-link-active.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .button.button-outline, +.md .color-gray .button.button-outline { + border-color: #9e9e9e; +} +.md .color-theme-white .button, +.md .color-white .button { + color: #ffffff; +} +.md .color-theme-white .button.button-fill, +.md .color-white .button.button-fill, +.md .color-theme-white .button.button-fill-md, +.md .color-white .button.button-fill-md, +.md .color-theme-white .button.button-active, +.md .color-white .button.button-active, +.md .color-theme-white .button.tab-link-active, +.md .color-white .button.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .button.button-fill.active-state, +.md .color-white .button.button-fill.active-state, +.md .color-theme-white .button.button-fill-md.active-state, +.md .color-white .button.button-fill-md.active-state, +.md .color-theme-white .button.button-active.active-state, +.md .color-white .button.button-active.active-state, +.md .color-theme-white .button.tab-link-active.active-state, +.md .color-white .button.tab-link-active.active-state { + background: #ebebeb; +} +.md .color-theme-white .button.button-outline, +.md .color-white .button.button-outline { + border-color: #ffffff; +} +.md .color-theme-black .button, +.md .color-black .button { + color: #000000; +} +.md .color-theme-black .button.button-fill, +.md .color-black .button.button-fill, +.md .color-theme-black .button.button-fill-md, +.md .color-black .button.button-fill-md, +.md .color-theme-black .button.button-active, +.md .color-black .button.button-active, +.md .color-theme-black .button.tab-link-active, +.md .color-black .button.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .button.button-fill.active-state, +.md .color-black .button.button-fill.active-state, +.md .color-theme-black .button.button-fill-md.active-state, +.md .color-black .button.button-fill-md.active-state, +.md .color-theme-black .button.button-active.active-state, +.md .color-black .button.button-active.active-state, +.md .color-theme-black .button.tab-link-active.active-state, +.md .color-black .button.tab-link-active.active-state { + background: #000000; +} +.md .color-theme-black .button.button-outline, +.md .color-black .button.button-outline { + border-color: #000000; +} +.md .button.color-red { + color: #f44336; +} +.md .button.color-red.button-fill, +.md .button.color-red.button-fill-md, +.md .button.color-red.button-active, +.md .button.color-red.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .button.color-red.button-fill.active-state, +.md .button.color-red.button-fill-md.active-state, +.md .button.color-red.button-active.active-state, +.md .button.color-red.tab-link-active.active-state { + background: #f21f0f; +} +.md .button.color-red.button-outline { + border-color: #f44336; +} +.md .button.color-green { + color: #4caf50; +} +.md .button.color-green.button-fill, +.md .button.color-green.button-fill-md, +.md .button.color-green.button-active, +.md .button.color-green.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .button.color-green.button-fill.active-state, +.md .button.color-green.button-fill-md.active-state, +.md .button.color-green.button-active.active-state, +.md .button.color-green.tab-link-active.active-state { + background: #409343; +} +.md .button.color-green.button-outline { + border-color: #4caf50; +} +.md .button.color-blue { + color: #2196f3; +} +.md .button.color-blue.button-fill, +.md .button.color-blue.button-fill-md, +.md .button.color-blue.button-active, +.md .button.color-blue.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.color-blue.button-fill.active-state, +.md .button.color-blue.button-fill-md.active-state, +.md .button.color-blue.button-active.active-state, +.md .button.color-blue.tab-link-active.active-state { + background: #0c82df; +} +.md .button.color-blue.button-outline { + border-color: #2196f3; +} +.md .button.color-pink { + color: #e91e63; +} +.md .button.color-pink.button-fill, +.md .button.color-pink.button-fill-md, +.md .button.color-pink.button-active, +.md .button.color-pink.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .button.color-pink.button-fill.active-state, +.md .button.color-pink.button-fill-md.active-state, +.md .button.color-pink.button-active.active-state, +.md .button.color-pink.tab-link-active.active-state { + background: #ca1452; +} +.md .button.color-pink.button-outline { + border-color: #e91e63; +} +.md .button.color-yellow { + color: #ffeb3b; +} +.md .button.color-yellow.button-fill, +.md .button.color-yellow.button-fill-md, +.md .button.color-yellow.button-active, +.md .button.color-yellow.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .button.color-yellow.button-fill.active-state, +.md .button.color-yellow.button-fill-md.active-state, +.md .button.color-yellow.button-active.active-state, +.md .button.color-yellow.tab-link-active.active-state { + background: #ffe712; +} +.md .button.color-yellow.button-outline { + border-color: #ffeb3b; +} +.md .button.color-orange { + color: #ff9800; +} +.md .button.color-orange.button-fill, +.md .button.color-orange.button-fill-md, +.md .button.color-orange.button-active, +.md .button.color-orange.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .button.color-orange.button-fill.active-state, +.md .button.color-orange.button-fill-md.active-state, +.md .button.color-orange.button-active.active-state, +.md .button.color-orange.tab-link-active.active-state { + background: #d68000; +} +.md .button.color-orange.button-outline { + border-color: #ff9800; +} +.md .button.color-gray { + color: #9e9e9e; +} +.md .button.color-gray.button-fill, +.md .button.color-gray.button-fill-md, +.md .button.color-gray.button-active, +.md .button.color-gray.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .button.color-gray.button-fill.active-state, +.md .button.color-gray.button-fill-md.active-state, +.md .button.color-gray.button-active.active-state, +.md .button.color-gray.tab-link-active.active-state { + background: #8a8a8a; +} +.md .button.color-gray.button-outline { + border-color: #9e9e9e; +} +.md .button.color-white { + color: #ffffff; +} +.md .button.color-white.button-fill, +.md .button.color-white.button-fill-md, +.md .button.color-white.button-active, +.md .button.color-white.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .button.color-white.button-fill.active-state, +.md .button.color-white.button-fill-md.active-state, +.md .button.color-white.button-active.active-state, +.md .button.color-white.tab-link-active.active-state { + background: #ebebeb; +} +.md .button.color-white.button-outline { + border-color: #ffffff; +} +.md .button.color-black { + color: #000000; +} +.md .button.color-black.button-fill, +.md .button.color-black.button-fill-md, +.md .button.color-black.button-active, +.md .button.color-black.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .button.color-black.button-fill.active-state, +.md .button.color-black.button-fill-md.active-state, +.md .button.color-black.button-active.active-state, +.md .button.color-black.tab-link-active.active-state { + background: #000000; +} +.md .button.color-black.button-outline { + border-color: #000000; +} +/* === Touch Ripple === */ +.md .ripple, +.md .fab a, +.md a.link, +.md a.item-link, +.md .button, +.md .dialog-button, +.md .tab-link, +.md .radio, +.md .checkbox, +.md .actions-button, +.md .speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.md .ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + background: rgba(0, 0, 0, 0.1); + padding: 0; + margin: 0; + font-size: 0; + -webkit-transform: translate3d(0px, 0px, 0) scale(0); + transform: translate3d(0px, 0px, 0) scale(0); + -webkit-transition-duration: 1400ms; + transition-duration: 1400ms; +} +.md .ripple-wave.ripple-wave-fill { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + opacity: 0.35; +} +.md .ripple-wave.ripple-wave-out { + -webkit-transition-duration: 600ms; + transition-duration: 600ms; + opacity: 0; +} +.button-fill .md .ripple-wave, +.picker-calendar-day .md .ripple-wave { + z-index: 1; +} +.md .button-fill .ripple-wave, +.md .button-active .ripple-wave, +.md .navbar .ripple-wave, +.md .toolbar .ripple-wave, +.md .subnavbar .ripple-wave, +.md .toast .ripple-wave, +.md .fab a .ripple-wave, +.md .stepper-fill .ripple-wave { + background: rgba(255, 255, 255, 0.3); +} +.md .messagebar .ripple-wave, +.md .searchbar .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .data-table .sortable-cell .ripple-wave { + z-index: 0; +} +.md .checkbox .ripple-wave, +.md .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); + z-index: 0; +} +.md .theme-dark .page-content .ripple-wave, +.md .theme-dark .messagebar .ripple-wave, +.md .theme-dark .popover .ripple-wave, +.md .theme-dark .calendar .ripple-wave, +.calendar.md .theme-dark .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-red .ripple-wave, +.md .ripple-red .ripple-wave { + background-color: rgba(244, 67, 54, 0.3); +} +.md .ripple-color-green .ripple-wave, +.md .ripple-green .ripple-wave { + background-color: rgba(76, 175, 80, 0.3); +} +.md .ripple-color-blue .ripple-wave, +.md .ripple-blue .ripple-wave { + background-color: rgba(33, 150, 243, 0.3); +} +.md .ripple-color-pink .ripple-wave, +.md .ripple-pink .ripple-wave { + background-color: rgba(233, 30, 99, 0.3); +} +.md .ripple-color-yellow .ripple-wave, +.md .ripple-yellow .ripple-wave { + background-color: rgba(255, 235, 59, 0.3); +} +.md .ripple-color-orange .ripple-wave, +.md .ripple-orange .ripple-wave { + background-color: rgba(255, 152, 0, 0.3); +} +.md .ripple-color-gray .ripple-wave, +.md .ripple-gray .ripple-wave { + background-color: rgba(158, 158, 158, 0.3); +} +.md .ripple-color-white .ripple-wave, +.md .ripple-white .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-black .ripple-wave, +.md .ripple-black .ripple-wave { + background-color: rgba(0, 0, 0, 0.3); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.ios .icon-back, +.ios .icon-prev { + width: 12px; + height: 20px; +} +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; +} +.ios .icon-next, +.ios .icon-prev { + width: 10px; +} +.ios .icon-back, +.ios .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon-forward, +.ios .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .navbar .f7-icons, +.ios .toolbar .f7-icons { + font-size: 22px; +} +.ios .tabbar .f7-icons, +.ios .tabbar-labels .f7-icons { + font-size: 25px; +} +.ios .item-media .f7-icons { + font-size: 25px; + width: 29px; + height: 29px; +} +.ios .button .f7-icons { + font-size: 22px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .color-theme-red .icon-back, +.ios .icon-back.color-red, +.ios a.link.color-red .icon-back, +.ios .color-theme-red .icon-prev, +.ios .icon-prev.color-red, +.ios a.link.color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-red .icon-forward, +.ios .icon-forward.color-red, +.ios a.link.color-red .icon-forward, +.ios .color-theme-red .icon-next, +.ios .icon-next.color-red, +.ios a.link.color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-back, +.ios .icon-back.color-green, +.ios a.link.color-green .icon-back, +.ios .color-theme-green .icon-prev, +.ios .icon-prev.color-green, +.ios a.link.color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-forward, +.ios .icon-forward.color-green, +.ios a.link.color-green .icon-forward, +.ios .color-theme-green .icon-next, +.ios .icon-next.color-green, +.ios a.link.color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-back, +.ios .icon-back.color-blue, +.ios a.link.color-blue .icon-back, +.ios .color-theme-blue .icon-prev, +.ios .icon-prev.color-blue, +.ios a.link.color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-forward, +.ios .icon-forward.color-blue, +.ios a.link.color-blue .icon-forward, +.ios .color-theme-blue .icon-next, +.ios .icon-next.color-blue, +.ios a.link.color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-back, +.ios .icon-back.color-pink, +.ios a.link.color-pink .icon-back, +.ios .color-theme-pink .icon-prev, +.ios .icon-prev.color-pink, +.ios a.link.color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-forward, +.ios .icon-forward.color-pink, +.ios a.link.color-pink .icon-forward, +.ios .color-theme-pink .icon-next, +.ios .icon-next.color-pink, +.ios a.link.color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-back, +.ios .icon-back.color-yellow, +.ios a.link.color-yellow .icon-back, +.ios .color-theme-yellow .icon-prev, +.ios .icon-prev.color-yellow, +.ios a.link.color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-forward, +.ios .icon-forward.color-yellow, +.ios a.link.color-yellow .icon-forward, +.ios .color-theme-yellow .icon-next, +.ios .icon-next.color-yellow, +.ios a.link.color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-back, +.ios .icon-back.color-orange, +.ios a.link.color-orange .icon-back, +.ios .color-theme-orange .icon-prev, +.ios .icon-prev.color-orange, +.ios a.link.color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-forward, +.ios .icon-forward.color-orange, +.ios a.link.color-orange .icon-forward, +.ios .color-theme-orange .icon-next, +.ios .icon-next.color-orange, +.ios a.link.color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-back, +.ios .icon-back.color-gray, +.ios a.link.color-gray .icon-back, +.ios .color-theme-gray .icon-prev, +.ios .icon-prev.color-gray, +.ios a.link.color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-forward, +.ios .icon-forward.color-gray, +.ios a.link.color-gray .icon-forward, +.ios .color-theme-gray .icon-next, +.ios .icon-next.color-gray, +.ios a.link.color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-back, +.ios .icon-back.color-white, +.ios a.link.color-white .icon-back, +.ios .color-theme-white .icon-prev, +.ios .icon-prev.color-white, +.ios a.link.color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-forward, +.ios .icon-forward.color-white, +.ios a.link.color-white .icon-forward, +.ios .color-theme-white .icon-next, +.ios .icon-next.color-white, +.ios a.link.color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-back, +.ios .icon-back.color-black, +.ios a.link.color-black .icon-back, +.ios .color-theme-black .icon-prev, +.ios .icon-prev.color-black, +.ios a.link.color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-forward, +.ios .icon-forward.color-black, +.ios a.link.color-black .icon-forward, +.ios .color-theme-black .icon-next, +.ios .icon-next.color-black, +.ios a.link.color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon.color-red { + color: #ff3b30; +} +.ios .icon.color-green { + color: #4cd964; +} +.ios .icon.color-blue { + color: #007aff; +} +.ios .icon.color-pink { + color: #ff2d55; +} +.ios .icon.color-yellow { + color: #ffcc00; +} +.ios .icon.color-orange { + color: #ff9500; +} +.ios .icon.color-gray { + color: #8e8e93; +} +.ios .icon.color-white { + color: #ffffff; +} +.ios .icon.color-black { + color: #000000; +} +.md .icon-back { + width: 24px; + height: 24px; +} +.md .icon-forward { + width: 24px; + height: 24px; +} +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-red, +.md a.link .color-red .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-red, +.md a.link .color-red .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-red, +.md a.link .color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-red, +.md a.link .color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-green, +.md a.link .color-green .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-green, +.md a.link .color-green .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-green, +.md a.link .color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-green, +.md a.link .color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-blue, +.md a.link .color-blue .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-blue, +.md a.link .color-blue .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-blue, +.md a.link .color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-blue, +.md a.link .color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-pink, +.md a.link .color-pink .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-pink, +.md a.link .color-pink .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-pink, +.md a.link .color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-pink, +.md a.link .color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-yellow, +.md a.link .color-yellow .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-yellow, +.md a.link .color-yellow .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-yellow, +.md a.link .color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-yellow, +.md a.link .color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-orange, +.md a.link .color-orange .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-orange, +.md a.link .color-orange .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-orange, +.md a.link .color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-orange, +.md a.link .color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-gray, +.md a.link .color-gray .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-gray, +.md a.link .color-gray .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-gray, +.md a.link .color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-gray, +.md a.link .color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-white, +.md a.link .color-white .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-white, +.md a.link .color-white .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-white, +.md a.link .color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-white, +.md a.link .color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-black, +.md a.link .color-black .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-black, +.md a.link .color-black .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-black, +.md a.link .color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-black, +.md a.link .color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon.color-red { + color: #f44336; +} +.md .icon.color-green { + color: #4caf50; +} +.md .icon.color-blue { + color: #2196f3; +} +.md .icon.color-pink { + color: #e91e63; +} +.md .icon.color-yellow { + color: #ffeb3b; +} +.md .icon.color-orange { + color: #ff9800; +} +.md .icon.color-gray { + color: #9e9e9e; +} +.md .icon.color-white { + color: #ffffff; +} +.md .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/framework7/css/framework7-lazy.min.css b/framework7/css/framework7-lazy.min.css new file mode 100644 index 0000000..88340cb --- /dev/null +++ b/framework7/css/framework7-lazy.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.ios body{font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;line-height:1.4}.ios .if-md,.ios .md-only{display:none!important}.ios a{color:#007aff}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.ios .theme-dark{color:#fff}.ios .color-theme-red a{color:#ff3b30}.ios .color-theme-green a{color:#4cd964}.ios .color-theme-blue a{color:#007aff}.ios .color-theme-pink a{color:#ff2d55}.ios .color-theme-yellow a{color:#fc0}.ios .color-theme-orange a{color:#ff9500}.ios .color-theme-gray a{color:#8e8e93}.ios .color-theme-white a{color:#fff}.ios .color-theme-black a{color:#000}.ios a.color-red{color:#ff3b30}.ios a.color-green{color:#4cd964}.ios a.color-blue{color:#007aff}.ios a.color-pink{color:#ff2d55}.ios a.color-yellow{color:#fc0}.ios a.color-orange{color:#ff9500}.ios a.color-gray{color:#8e8e93}.ios a.color-white{color:#fff}.ios a.color-black{color:#000}.md body{font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;color:#212121;line-height:1.5}.md .if-ios,.md .ios-only{display:none!important}.md a{color:#2196f3}.md .theme-dark{color:rgba(255,255,255,.87)}.md .color-theme-red a{color:#f44336}.md .color-theme-green a{color:#4caf50}.md .color-theme-blue a{color:#2196f3}.md .color-theme-pink a{color:#e91e63}.md .color-theme-yellow a{color:#ffeb3b}.md .color-theme-orange a{color:#ff9800}.md .color-theme-gray a{color:#9e9e9e}.md .color-theme-white a{color:#fff}.md .color-theme-black a{color:#000}.md a.color-red{color:#f44336}.md a.color-green{color:#4caf50}.md a.color-blue{color:#2196f3}.md a.color-pink{color:#e91e63}.md a.color-yellow{color:#ffeb3b}.md a.color-orange{color:#ff9800}.md a.color-gray{color:#9e9e9e}.md a.color-white{color:#fff}.md a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .statusbar{background:#f7f7f8}.ios .theme-dark .statusbar{background-color:#1b1b1b}.md .statusbar{background:#0a6ebd}.md .color-theme-red .statusbar{background:#d2190b}.md .color-theme-green .statusbar{background:#357a38}.md .color-theme-blue .statusbar{background:#0a6ebd}.md .color-theme-pink .statusbar{background:#aa1145}.md .color-theme-yellow .statusbar{background:#eed500}.md .color-theme-orange .statusbar{background:#b36a00}.md .color-theme-gray .statusbar{background:#787878}.md .color-theme-white .statusbar{background:#d9d9d9}.md .color-theme-black .statusbar{background:#000}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.ios .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.ios .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:44px}.ios .page{background:#efeff4}.ios .page-previous{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.ios .page-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .page-transitioning,.ios .page-transitioning .page-opacity-effect,.ios .page-transitioning .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-next,.ios .router-transition-backward .page-previous:not(.stacked),.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next,.ios .router-transition-forward .page-previous:not(.stacked){pointer-events:none}.ios .router-transition-css-forward .page-next{-webkit-animation:ios-page-next-to-current .4s forwards;animation:ios-page-next-to-current .4s forwards}.ios .router-transition-css-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-next-to-current-shadow .4s forwards;animation:ios-page-next-to-current-shadow .4s forwards}.ios .router-transition-css-forward .page-current{-webkit-animation:ios-page-current-to-previous .4s forwards;animation:ios-page-current-to-previous .4s forwards}.ios .router-transition-css-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-current-to-previous-opacity .4s forwards;animation:ios-page-current-to-previous-opacity .4s forwards}.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after,.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before{top:44px}.ios .router-transition-css-backward .page-current,.ios .router-transition-css-backward .page-previous{pointer-events:none}.ios .router-transition-css-backward .page-previous{-webkit-animation:ios-page-previous-to-current .4s forwards;animation:ios-page-previous-to-current .4s forwards}.ios .router-transition-css-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-previous-to-current-opacity .4s forwards;animation:ios-page-previous-to-current-opacity .4s forwards}.ios .router-transition-css-backward .page-current{-webkit-animation:ios-page-current-to-next .4s forwards;animation:ios-page-current-to-next .4s forwards}.ios .router-transition-css-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-current-to-next-shadow .4s forwards;animation:ios-page-current-to-next-shadow .4s forwards}.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after{top:44px}.ios .theme-dark .page,.page.ios .theme-dark{background:#171717}@-webkit-keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@-webkit-keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@-webkit-keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}@keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}.md .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.md .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.md .page{background:#fff}.md .page-next{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.md .page-transitioning,.md .page-transitioning .page-opacity-effect,.md .page-transitioning .page-shadow-effect{-webkit-transition-duration:250ms;transition-duration:250ms}.md .page-transitioning-swipeback,.md .page-transitioning-swipeback .page-opacity-effect,.md .page-transitioning-swipeback .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.md .router-transition-backward .page,.md .router-transition-forward .page{pointer-events:none}.md .router-transition-css-forward .page-next{-webkit-animation:md-page-next-to-current 250ms forwards;animation:md-page-next-to-current 250ms forwards}.md .router-transition-css-forward .page-current{-webkit-animation:none;animation:none}.md .router-transition-css-backward .page-current{-webkit-animation:md-page-current-to-next 250ms forwards;animation:md-page-current-to-next 250ms forwards}.md .router-transition-css-backward .page-previous{-webkit-animation:none;animation:none}.md .theme-dark .page,.page.md .theme-dark{background:#171717}@-webkit-keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@-webkit-keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}@keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.ios .link{-webkit-transition:opacity .3s;transition:opacity .3s}.ios .link i+i,.ios .link i+span,.ios .link span+i,.ios .link span+span{margin-left:7px}.ios .link.active-state{opacity:.3;-webkit-transition-duration:0s;transition-duration:0s}.md .link i+i,.md .link i+span,.md .link span+i,.md .link span+span{margin-left:8px}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .navbar{height:44px;font-size:17px;background:#f7f7f8}.ios .navbar.no-hairline:after{display:none!important}.ios .navbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .navbar a.link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;line-height:44px;height:44px}.ios .navbar a.icon-only{width:44px;margin:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .navbar .title{font-size:17px;margin:0;line-height:1.2}.ios .navbar .subtitle{color:#6d6d72;line-height:1;font-size:10px;text-align:center;font-weight:400}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar .title,.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:8px}.ios .navbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .navbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .navbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .navbar-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}.ios .navbar~.page-content,.ios .navbar~:not(.no-navbar) .page-content{padding-top:44px}.ios .navbar-previous{pointer-events:none}.ios .navbar-previous .fading,.ios .navbar-previous .left,.ios .navbar-previous .right,.ios .navbar-previous .subnavbar,.ios .navbar-previous>.title{opacity:0}.ios .navbar-previous .sliding{opacity:0}.ios .navbar-previous .subnavbar.sliding,.ios .navbar-previous.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .router-transition-css-backward .navbar-current .left,.ios .router-transition-css-backward .navbar-current .right,.ios .router-transition-css-backward .navbar-current .subnavbar,.ios .router-transition-css-backward .navbar-current>.title,.ios .router-transition-css-forward .navbar-current .left,.ios .router-transition-css-forward .navbar-current .right,.ios .router-transition-css-forward .navbar-current .subnavbar,.ios .router-transition-css-forward .navbar-current>.title{-webkit-animation:ios-navbar-element-fade-out .4s forwards;animation:ios-navbar-element-fade-out .4s forwards}.ios .router-transition-css-backward .navbar-current .left.sliding .icon,.ios .router-transition-css-backward .navbar-current .sliding,.ios .router-transition-css-backward .navbar-current.sliding .left,.ios .router-transition-css-backward .navbar-current.sliding .left .icon,.ios .router-transition-css-backward .navbar-current.sliding .right,.ios .router-transition-css-backward .navbar-current.sliding>.title,.ios .router-transition-css-forward .navbar-current .left.sliding .icon,.ios .router-transition-css-forward .navbar-current .sliding,.ios .router-transition-css-forward .navbar-current.sliding .left,.ios .router-transition-css-forward .navbar-current.sliding .left .icon,.ios .router-transition-css-forward .navbar-current.sliding .right,.ios .router-transition-css-forward .navbar-current.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0!important;-webkit-animation:none;animation:none}.ios .router-transition-css-backward .navbar-current .sliding.subnavbar,.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,.ios .router-transition-css-forward .navbar-current.sliding .subnavbar{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;opacity:1}.ios .router-transition-css-backward .navbar-previous .left,.ios .router-transition-css-backward .navbar-previous .right,.ios .router-transition-css-backward .navbar-previous .subnavbar,.ios .router-transition-css-backward .navbar-previous>.title,.ios .router-transition-css-forward .navbar-next .left,.ios .router-transition-css-forward .navbar-next .right,.ios .router-transition-css-forward .navbar-next .subnavbar,.ios .router-transition-css-forward .navbar-next>.title{-webkit-animation:ios-navbar-element-fade-in .4s forwards;animation:ios-navbar-element-fade-in .4s forwards}.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,.ios .router-transition-css-backward .navbar-previous .sliding,.ios .router-transition-css-backward .navbar-previous.sliding .left,.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,.ios .router-transition-css-backward .navbar-previous.sliding .right,.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-css-backward .navbar-previous.sliding>.title,.ios .router-transition-css-forward .navbar-next .left.sliding .icon,.ios .router-transition-css-forward .navbar-next .sliding,.ios .router-transition-css-forward .navbar-next.sliding .left,.ios .router-transition-css-forward .navbar-next.sliding .left .icon,.ios .router-transition-css-forward .navbar-next.sliding .right,.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,.ios .router-transition-css-forward .navbar-next.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .theme-dark .navbar,.navbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .navbar:after,.navbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .navbar .subtitle,.navbar.ios .theme-dark .subtitle{color:#8e8e93}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-left-edge .navbar-inner,.ios.device-iphone-x .panel-left .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-left:calc(8px + constant(safe-area-inset-right));padding-left:calc(8px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-right-edge .navbar-inner,.ios.device-iphone-x .panel-right .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}.md .navbar{height:56px;background:#2196f3;color:#fff;font-size:20px}.md .navbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .navbar.no-shadow:after{display:none}.md .navbar a{color:inherit}.md .navbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;height:56px;line-height:56px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .navbar .title{margin:0 16px;line-height:1.2;text-align:left}.md .navbar .subtitle{line-height:1.2;font-size:14px;font-weight:400;color:rgba(255,255,255,.85)}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:16px}.md .navbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.md .page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:56px}@media (min-width:768px){.md .navbar{height:64px}.md .navbar a.link{height:64px;line-height:64px}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:64px}}.md .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .navbar-hidden:after{display:none}.md .color-theme-red .navbar,.md .color-theme-red.navbar{background:#f44336}.md .color-theme-green .navbar,.md .color-theme-green.navbar{background:#4caf50}.md .color-theme-blue .navbar,.md .color-theme-blue.navbar{background:#2196f3}.md .color-theme-pink .navbar,.md .color-theme-pink.navbar{background:#e91e63}.md .color-theme-yellow .navbar,.md .color-theme-yellow.navbar{background:#ffeb3b}.md .color-theme-orange .navbar,.md .color-theme-orange.navbar{background:#ff9800}.md .color-theme-gray .navbar,.md .color-theme-gray.navbar{background:#9e9e9e}.md .color-theme-white .navbar,.md .color-theme-white.navbar{background:#fff}.md .color-theme-black .navbar,.md .color-theme-black.navbar{background:#000}.md .navbar.color-red{background:#f44336}.md .navbar.color-green{background:#4caf50}.md .navbar.color-blue{background:#2196f3}.md .navbar.color-pink{background:#e91e63}.md .navbar.color-yellow{background:#ffeb3b}.md .navbar.color-orange{background:#ff9800}.md .navbar.color-gray{background:#9e9e9e}.md .navbar.color-white{background:#fff}.md .navbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-left-edge .navbar-inner,.md.device-iphone-x .panel-left .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-right-edge .navbar-inner,.md.device-iphone-x .panel-right .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar{height:44px;font-size:17px;background:#f7f7f8;bottom:0}.ios .toolbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar a.link{line-height:44px;height:44px}.ios .toolbar a.link i+i,.ios .toolbar a.link i+span,.ios .toolbar a.link span+i,.ios .toolbar a.link span+span{margin-left:7px}.ios .toolbar a.icon-only{min-height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-width:44px}.ios .toolbar b{font-weight:600}.ios .toolbar.no-hairline:before{display:none!important}.ios .toolbar:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .toolbar-inner{padding:0 8px}.ios .tabbar,.ios .tabbar-labels{color:#929292}.ios .tabbar a,.ios .tabbar-labels a{color:#929292}.ios .tabbar a.tab-link-active,.ios .tabbar-labels a.tab-link-active{color:#007aff}.ios .tabbar i.icon,.ios .tabbar-labels i.icon{height:30px}.ios .tabbar-labels{height:50px}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}.ios .tabbar-labels .tabbar-label{letter-spacing:.01em;font-size:10px}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}.ios .tabbar-labels{height:56px}.ios .tabbar-labels .tabbar-label{font-size:14px}}.ios .tabbar-scrollable .toolbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.ios .toolbar~* .page-content,.ios .toolbar~.page-content{padding-bottom:44px}.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:56px}}.ios .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .toolbar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .theme-dark .toolbar,.toolbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .toolbar:before,.toolbar.ios .theme-dark:before{background-color:#282829}.ios .color-theme-red .tabbar a.tab-link-active,.ios .color-theme-red .tabbar-labels a.tab-link-active,.ios .color-theme-red.tabbar a.tab-link-active,.ios .color-theme-red.tabbar-labels a.tab-link-active{color:#ff3b30}.ios .color-theme-green .tabbar a.tab-link-active,.ios .color-theme-green .tabbar-labels a.tab-link-active,.ios .color-theme-green.tabbar a.tab-link-active,.ios .color-theme-green.tabbar-labels a.tab-link-active{color:#4cd964}.ios .color-theme-blue .tabbar a.tab-link-active,.ios .color-theme-blue .tabbar-labels a.tab-link-active,.ios .color-theme-blue.tabbar a.tab-link-active,.ios .color-theme-blue.tabbar-labels a.tab-link-active{color:#007aff}.ios .color-theme-pink .tabbar a.tab-link-active,.ios .color-theme-pink .tabbar-labels a.tab-link-active,.ios .color-theme-pink.tabbar a.tab-link-active,.ios .color-theme-pink.tabbar-labels a.tab-link-active{color:#ff2d55}.ios .color-theme-yellow .tabbar a.tab-link-active,.ios .color-theme-yellow .tabbar-labels a.tab-link-active,.ios .color-theme-yellow.tabbar a.tab-link-active,.ios .color-theme-yellow.tabbar-labels a.tab-link-active{color:#fc0}.ios .color-theme-orange .tabbar a.tab-link-active,.ios .color-theme-orange .tabbar-labels a.tab-link-active,.ios .color-theme-orange.tabbar a.tab-link-active,.ios .color-theme-orange.tabbar-labels a.tab-link-active{color:#ff9500}.ios .color-theme-gray .tabbar a.tab-link-active,.ios .color-theme-gray .tabbar-labels a.tab-link-active,.ios .color-theme-gray.tabbar a.tab-link-active,.ios .color-theme-gray.tabbar-labels a.tab-link-active{color:#8e8e93}.ios .color-theme-white .tabbar a.tab-link-active,.ios .color-theme-white .tabbar-labels a.tab-link-active,.ios .color-theme-white.tabbar a.tab-link-active,.ios .color-theme-white.tabbar-labels a.tab-link-active{color:#fff}.ios .color-theme-black .tabbar a.tab-link-active,.ios .color-theme-black .tabbar-labels a.tab-link-active,.ios .color-theme-black.tabbar a.tab-link-active,.ios .color-theme-black.tabbar-labels a.tab-link-active{color:#000}.ios .tabbar-labels.color-red a.tab-link-active,.ios .tabbar.color-red a.tab-link-active{color:#ff3b30}.ios .tabbar-labels.color-green a.tab-link-active,.ios .tabbar.color-green a.tab-link-active{color:#4cd964}.ios .tabbar-labels.color-blue a.tab-link-active,.ios .tabbar.color-blue a.tab-link-active{color:#007aff}.ios .tabbar-labels.color-pink a.tab-link-active,.ios .tabbar.color-pink a.tab-link-active{color:#ff2d55}.ios .tabbar-labels.color-yellow a.tab-link-active,.ios .tabbar.color-yellow a.tab-link-active{color:#fc0}.ios .tabbar-labels.color-orange a.tab-link-active,.ios .tabbar.color-orange a.tab-link-active{color:#ff9500}.ios .tabbar-labels.color-gray a.tab-link-active,.ios .tabbar.color-gray a.tab-link-active{color:#8e8e93}.ios .tabbar-labels.color-white a.tab-link-active,.ios .tabbar.color-white a.tab-link-active{color:#fff}.ios .tabbar-labels.color-black a.tab-link-active,.ios .tabbar.color-black a.tab-link-active{color:#000}.ios.device-iphone-x .login-screen>.toolbar,.ios.device-iphone-x .page>.toolbar,.ios.device-iphone-x .panel>.toolbar,.ios.device-iphone-x .popup>.toolbar,.ios.device-iphone-x .view>.toolbar,.ios.device-iphone-x .views>.toolbar{height:calc(44px + constant(safe-area-inset-bottom));height:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .login-screen>.toolbar .toolbar-inner,.ios.device-iphone-x .page>.toolbar .toolbar-inner,.ios.device-iphone-x .panel>.toolbar .toolbar-inner,.ios.device-iphone-x .popup>.toolbar .toolbar-inner,.ios.device-iphone-x .view>.toolbar .toolbar-inner,.ios.device-iphone-x .views>.toolbar .toolbar-inner{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(50px + constant(safe-area-inset-bottom));height:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}}.ios.device-iphone-x .toolbar~* .page-content,.ios.device-iphone-x .toolbar~.page-content{padding-bottom:calc(44px + constant(safe-area-inset-bottom));padding-bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(50px + constant(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-left-edge .toolbar-inner,.ios.device-iphone-x .panel-left .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-right-edge .toolbar-inner,.ios.device-iphone-x .panel-right .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.md .toolbar{background:#2196f3;height:48px;color:#fff;font-size:14px;top:0}.md .toolbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .toolbar.no-shadow:after{display:none}.md .toolbar a{color:#fff}.md .toolbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;line-height:48px;height:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .toolbar a.link i+i,.md .toolbar a.link i+span,.md .toolbar a.link span+i,.md .toolbar a.link span+span{margin-left:8px}.md .toolbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .toolbar-inner{overflow:hidden}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0;font-size:14px;text-transform:uppercase;font-weight:500;letter-spacing:.03em}.md .tabbar i.icon,.md .tabbar-labels i.icon{height:24px}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;color:rgba(255,255,255,.7);position:relative}.md .tabbar a.tab-link.active-state,.md .tabbar a.tab-link.tab-link-active,.md .tabbar-labels a.tab-link.active-state,.md .tabbar-labels a.tab-link.tab-link-active{color:#fff}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;bottom:0;height:2px;background:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;left:0}.md .messagebar,.md .toolbar-bottom-md{top:auto!important;bottom:0!important}.md .messagebar:after,.md .toolbar-bottom-md:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:10px;top:auto;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .messagebar .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight{bottom:auto;top:0}.md .tabbar-labels{height:72px}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:12px;padding-bottom:12px}.md .tabbar-labels .tabbar-label{margin-top:10px;max-width:100%;overflow:hidden}.md .tabbar-labels.toolbar-bottom-md{height:56px}.md .tabbar-labels.toolbar-bottom-md a.link,.md .tabbar-labels.toolbar-bottom-md a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-labels.toolbar-bottom-md .tabbar-label{text-transform:none;line-height:1.2;font-weight:400;letter-spacing:0}.md .tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:48px}.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:72px}.md .toolbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .toolbar-hidden:after{display:none}.md .toolbar-hidden.messagebar,.md .toolbar-hidden.toolbar-bottom-md{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:56px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:104px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:128px}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-104px,0);transform:translate3d(0,-104px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-128px,0);transform:translate3d(0,-128px,0)}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-56px,0);transform:translate3d(0,-56px,0)}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:64px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:112px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:136px}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-64px,0);transform:translate3d(0,-64px,0)}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-112px,0);transform:translate3d(0,-112px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-136px,0);transform:translate3d(0,-136px,0)}}.md .messagebar~* .page-content,.md .messagebar~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content{padding-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:56px}.md .navbar-transitioning+.toolbar,.md .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .color-theme-red .toolbar:not(.messagebar),.md .color-theme-red.toolbar:not(.messagebar){background:#f44336}.md .color-theme-green .toolbar:not(.messagebar),.md .color-theme-green.toolbar:not(.messagebar){background:#4caf50}.md .color-theme-blue .toolbar:not(.messagebar),.md .color-theme-blue.toolbar:not(.messagebar){background:#2196f3}.md .color-theme-pink .toolbar:not(.messagebar),.md .color-theme-pink.toolbar:not(.messagebar){background:#e91e63}.md .color-theme-yellow .toolbar:not(.messagebar),.md .color-theme-yellow.toolbar:not(.messagebar){background:#ffeb3b}.md .color-theme-orange .toolbar:not(.messagebar),.md .color-theme-orange.toolbar:not(.messagebar){background:#ff9800}.md .color-theme-gray .toolbar:not(.messagebar),.md .color-theme-gray.toolbar:not(.messagebar){background:#9e9e9e}.md .color-theme-white .toolbar:not(.messagebar),.md .color-theme-white.toolbar:not(.messagebar){background:#fff}.md .color-theme-black .toolbar:not(.messagebar),.md .color-theme-black.toolbar:not(.messagebar){background:#000}.md .toolbar:not(.messagebar).color-red{background:#f44336}.md .toolbar:not(.messagebar).color-green{background:#4caf50}.md .toolbar:not(.messagebar).color-blue{background:#2196f3}.md .toolbar:not(.messagebar).color-pink{background:#e91e63}.md .toolbar:not(.messagebar).color-yellow{background:#ffeb3b}.md .toolbar:not(.messagebar).color-orange{background:#ff9800}.md .toolbar:not(.messagebar).color-gray{background:#9e9e9e}.md .toolbar:not(.messagebar).color-white{background:#fff}.md .toolbar:not(.messagebar).color-black{background:#000}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md){height:calc(48px + constant(safe-area-inset-top));height:calc(48px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{height:auto}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{bottom:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels{height:calc(72px + constant(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar-bottom-md,.md.device-iphone-x .page>.toolbar-bottom-md,.md.device-iphone-x .panel>.toolbar-bottom-md,.md.device-iphone-x .popup>.toolbar-bottom-md,.md.device-iphone-x .view>.toolbar-bottom-md,.md.device-iphone-x .views>.toolbar-bottom-md{height:calc(48px + constant(safe-area-inset-bottom));height:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .login-screen>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .page>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .panel>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .popup>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .view>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .views>.toolbar-bottom-md .toolbar-inner{height:auto;top:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .login-screen>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .page>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .panel>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .popup>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .view>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .views>.toolbar-bottom-md.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}.md.device-iphone-x .messagebar~* .page-content,.md.device-iphone-x .messagebar~.page-content,.md.device-iphone-x .toolbar-bottom-md~* .page-content,.md.device-iphone-x .toolbar-bottom-md~.page-content{padding-bottom:calc(48px + constant(safe-area-inset-bottom));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~* .page-content,.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-left-edge .toolbar-inner,.md.device-iphone-x .panel-left .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-right-edge .toolbar-inner,.md.device-iphone-x .panel-right .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .subnavbar{height:45px;margin-top:-1px;padding-top:1px;background:#f7f7f8}.ios .subnavbar.no-hairline:after{display:none!important}.ios .subnavbar .title{font-weight:700;line-height:1;overflow:visible;font-size:34px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;letter-spacing:-.03em}.ios .subnavbar .title{margin-left:7px}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{line-height:44px;height:44px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .subnavbar a.icon-only{min-width:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0}.ios .subnavbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .subnavbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .subnavbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .subnavbar-inner{padding:0 8px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.ios .navbar~.subnavbar{top:44px}.ios .page-with-subnavbar .page-content,.ios .subnavbar~* .page-content,.ios .subnavbar~.page-content{padding-top:44px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~* .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~.page-content,.ios .page-with-subnavbar .navbar~.page-content{padding-top:88px}.ios .theme-dark .subnavbar,.subnavbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .subnavbar:after,.subnavbar.ios .theme-dark:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-left-edge .subnavbar-inner,.ios.device-iphone-x .panel-left .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-right-edge .subnavbar-inner,.ios.device-iphone-x .panel-right .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.md .subnavbar{height:48px;background:#2196f3;color:#fff}.md .subnavbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .subnavbar.no-shadow:after{display:none}.md .subnavbar .title{margin:0 16px;font-size:20px;line-height:48px;display:inline-block;text-align:left;font-weight:500}.md .subnavbar .title:first-child{margin-left:56px}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a{color:inherit}.md .subnavbar a.link{line-height:48px;height:48px;min-width:48px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .subnavbar a.icon-only{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:0}.md .subnavbar-inner{padding:0 16px}.md .subnavbar-inner>a.link:first-child{margin-left:-16px}.md .subnavbar-inner>a.link:last-child{margin-right:-16px}.md .page-with-subnavbar .page-content,.md .subnavbar~* .page-content,.md .subnavbar~.page-content{padding-top:48px}.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:104px}@media (min-width:768px){.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:112px}}.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:56px}@media (min-width:768px){.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:64px}}.md .color-theme-red .subnavbar,.md .color-theme-red.subnavbar{background:#f44336}.md .color-theme-green .subnavbar,.md .color-theme-green.subnavbar{background:#4caf50}.md .color-theme-blue .subnavbar,.md .color-theme-blue.subnavbar{background:#2196f3}.md .color-theme-pink .subnavbar,.md .color-theme-pink.subnavbar{background:#e91e63}.md .color-theme-yellow .subnavbar,.md .color-theme-yellow.subnavbar{background:#ffeb3b}.md .color-theme-orange .subnavbar,.md .color-theme-orange.subnavbar{background:#ff9800}.md .color-theme-gray .subnavbar,.md .color-theme-gray.subnavbar{background:#9e9e9e}.md .color-theme-white .subnavbar,.md .color-theme-white.subnavbar{background:#fff}.md .color-theme-black .subnavbar,.md .color-theme-black.subnavbar{background:#000}.md .subnavbar.color-red{background:#f44336}.md .subnavbar.color-green{background:#4caf50}.md .subnavbar.color-blue{background:#2196f3}.md .subnavbar.color-pink{background:#e91e63}.md .subnavbar.color-yellow{background:#ffeb3b}.md .subnavbar.color-orange{background:#ff9800}.md .subnavbar.color-gray{background:#9e9e9e}.md .subnavbar.color-white{background:#fff}.md .subnavbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-left-edge .subnavbar-inner,.md.device-iphone-x .panel-left .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-right-edge .subnavbar-inner,.md.device-iphone-x .panel-right .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.ios .block{margin:35px 0;padding:0 15px;color:#6d6d72}.ios .block-title{text-transform:uppercase;color:#6d6d72;margin:35px 15px 10px;line-height:17px}.ios .block-title+.block,.ios .block-title+.block-header,.ios .block-title+.card,.ios .block-title+.list,.ios .block-title+.timeline{margin-top:10px}.ios .block-strong{color:#000;background:#fff;padding:15px 15px}.ios .block-strong:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block-strong:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block.inset{margin-left:15px;margin-right:15px}.ios .block-strong-inset{border-radius:7px}.ios .block-footer,.ios .block-header{padding:0 15px;color:#8f8f94}.ios .block .block-footer,.ios .block .block-header{padding:0!important}.ios .block-header{margin-top:35px}.ios .block-header+.block,.ios .block-header+.card,.ios .block-header+.list,.ios .block-header+.timeline{margin-top:10px}.ios .block-footer{margin-bottom:35px}.ios .block .block-header,.ios .card .block-header,.ios .list .block-header,.ios .timeline .block-header{margin-top:0}.ios .block .block-footer,.ios .card .block-footer,.ios .list .block-footer,.ios .timeline .block-footer{margin-bottom:0}.ios .block+.block-footer,.ios .card+.block-footer,.ios .list+.block-footer,.ios .timeline+.block-footer{margin-top:-25px}.ios .block+.block-footer{margin-top:-25px;margin-bottom:35px}@media (min-width:768px){.ios .block.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .block-strong.tablet-inset{border-radius:7px}}.ios .theme-dark .block-footer,.ios .theme-dark .block-header,.ios .theme-dark .block-title{color:#8e8e93}.ios .theme-dark .block{color:#8e8e93}.ios .theme-dark .block-strong,.ios .theme-dark.block-strong{background-color:#1c1c1d;color:#fff}.ios .theme-dark .block-strong:before,.ios .theme-dark.block-strong:before{background-color:#282829}.ios .theme-dark .block-strong:after,.ios .theme-dark.block-strong:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-footer,.ios.device-iphone-x .ios-left-edge .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-footer,.ios.device-iphone-x .panel-left .block-header,.ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-footer,.ios.device-iphone-x .ios-right-edge .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-footer,.ios.device-iphone-x .panel-right .block-header,.ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.md .block{margin:32px 0;padding:0 16px}.md .block-title{color:rgba(0,0,0,.54);margin:32px 16px 16px;line-height:16px;font-weight:500}.md .block-title+.block,.md .block-title+.block-header,.md .block-title+.card,.md .block-title+.list,.md .block-title+.timeline{margin-top:0px}.md .block-strong{padding:16px}.md .block-strong:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block-strong:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block.inset{margin-left:16px;margin-right:16px}.md .block-strong.inset{border-radius:4px}.md .block-footer,.md .block-header{padding:0 16px;color:rgba(0,0,0,.54)}.md .block .block-footer,.md .block .block-header{padding:0}.md .block-header{margin-top:32px}.md .block-header+.block,.md .block-header+.card,.md .block-header+.list,.md .block-header+.timeline{margin-top:10px}.md .block-footer{margin-bottom:32px}.md .block .block-header,.md .card .block-header,.md .list .block-header,.md .timeline .block-header{margin-top:0}.md .block .block-footer,.md .card .block-footer,.md .list .block-footer,.md .timeline .block-footer{margin-bottom:0}.md .block+.block-footer,.md .card+.block-footer,.md .list+.block-footer,.md .timeline+.block-footer{margin-top:-22px}.md .block+.block-footer{margin-top:-22px;margin-bottom:32px}@media (min-width:768px){.md .block.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .block-strong.tablet-inset{border-radius:4px}}.md .theme-dark .block-title{color:#fff}.md .theme-dark .block-footer,.md .theme-dark .block-header{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-footer,.md.device-iphone-x .ios-left-edge .block-header,.md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-footer,.md.device-iphone-x .panel-left .block-header,.md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-footer,.md.device-iphone-x .ios-right-edge .block-header,.md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-footer,.md.device-iphone-x .panel-right .block-header,.md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:95% center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:right center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.ios .list{margin:35px 0;font-size:17px}.ios .list .item-cell{width:100%;min-width:0;margin-left:15px}.ios .list .item-cell:first-child{margin-left:0}.ios .list ul{background:#fff}.ios .list ul ul{padding-left:45px}.ios .list .item-media{padding-top:7px}.ios .list .item-media i+i,.ios .list .item-media i+img{margin-left:5px}.ios .list .item-media+.item-inner{margin-left:15px}.ios .list .item-inner{min-height:44px;padding-right:15px}.ios .list .item-after{color:#8e8e93;padding-left:5px}.ios .list .item-link,.ios .list .list-button{color:inherit}.ios .list .item-link .item-inner,.ios .list .list-button .item-inner{padding-right:35px}.ios .list .item-link.active-state,.ios .list .list-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .list .item-link.active-state .item-inner:after,.ios .list .list-button.active-state .item-inner:after{background-color:transparent}.ios .list .list-button{padding:0 15px;text-align:center;color:#007aff;line-height:44px}.ios .list .item-content{min-height:44px;padding-left:15px}.ios .list .item-subtitle{font-size:15px}.ios .list .item-text{font-size:15px;color:#8e8e93;line-height:21px;max-height:42px}.ios .list .item-footer,.ios .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.ios .list .item-footer{color:#8e8e93}.ios .list .item-link.no-chevron .item-inner,.ios .list .no-chevron .item-link .item-inner,.ios .list.no-chevron .item-link .item-inner,.ios .no-chevron .list .item-link .item-inner{padding-right:15px}.ios .simple-list li:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .simple-list li{padding-left:15px;padding-right:15px;line-height:44px;height:44px}.ios .simple-list li:after{width:auto;left:15px;right:0}.ios .links-list a:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .links-list a{height:44px;color:inherit}.ios .links-list a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .links-list a:after{width:auto}.ios .links-list a{padding-left:15px;padding-right:35px}.ios .links-list a:after{left:15px;right:0}.ios .links-list .no-chevron a,.ios .links-list a.no-chevron,.ios .links-list.no-chevron a,.ios .no-chevron .links-list a{padding-right:15px}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.ios .media-list .item-inner,.ios li.media-item .item-inner{padding-top:10px;padding-bottom:9px}.ios .media-list .item-media,.ios li.media-item .item-media{padding-top:9px;padding-bottom:10px}.ios .media-list .item-link .item-inner,.ios li.media-item .item-link .item-inner{padding-right:15px}.ios .media-list .item-link .item-title-row,.ios li.media-item .item-link .item-title-row{padding-right:20px}.ios .media-list .chevron-center .item-link .item-inner,.ios .media-list .item-link.chevron-center .item-inner,.ios .media-list.chevron-center .item-link .item-inner,.ios li.media-item .chevron-center .item-link .item-inner,.ios li.media-item .item-link.chevron-center .item-inner,.ios li.media-item.chevron-center .item-link .item-inner{padding-right:35px}.ios .media-list .chevron-center .item-title-row,.ios .media-list .no-chevron .item-link .item-title-row,.ios .media-list.chevron-center .item-title-row,.ios .media-list.no-chevron .item-link .item-title-row,.ios .no-chevron .media-list .item-link .item-title-row,.ios .no-chevron li.media-item .item-link .item-title-row,.ios li.media-item .chevron-center .item-title-row,.ios li.media-item.chevron-center .item-title-row,.ios li.media-item.no-chevron .item-link .item-title-row{padding-right:0!important}.ios .links-list a,.ios .list .item-link .item-inner{background-position:calc(100% - 15px) center}.ios .item-divider,.ios .list-group-title{margin-top:-1px;padding:4px 15px;background:#f7f7f7;color:#8e8e93}.ios .item-divider:after,.ios .list-group-title:after{display:none!important}.ios .list-group-title{margin-top:0}.ios .item-divider:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .item-divider:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .item-divider:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list-group-title:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list-group-title:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list-group-title:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .list-button:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .list-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .list-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list.inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.inset ul{border-radius:7px}.ios .list.inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.inset li:first-child:last-child>a{border-radius:7px}@media (min-width:768px){.ios .list.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.tablet-inset ul{border-radius:7px}.ios .list.tablet-inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.tablet-inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.tablet-inset li:first-child:last-child>a{border-radius:7px}}.ios li li:last-child .item-inner:after,.ios li:last-child li .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{background-position:calc(100% - 15px - constant(safe-area-inset-right)) center;background-position:calc(100% - 15px - env(safe-area-inset-right)) center}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row{padding-right:0}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .list ul,.list.ios .theme-dark ul{background:#1c1c1d}.ios .theme-dark .list ul:before,.list.ios .theme-dark ul:before{background-color:#282829}.ios .theme-dark .list ul:after,.list.ios .theme-dark ul:after{background-color:#282829}.ios .theme-dark .list li li:last-child .item-inner:after,.ios .theme-dark .list li:last-child li .item-inner:after,.list.ios .theme-dark li li:last-child .item-inner:after,.list.ios .theme-dark li:last-child li .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider:before{background-color:#282829}.ios .theme-dark .list-group-title:before{background-color:#282829}.ios .theme-dark .list-button:after{background-color:#282829}.ios .theme-dark .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider,.ios .theme-dark .list-group-title{background-color:#111}.ios .theme-dark .links-list a:after,.ios .theme-dark .simple-list li:after,.links-list.ios .theme-dark a .simple-list li:after,.simple-list.ios .theme-dark li:after{background-color:#282829}.ios .theme-dark .links-list a.active-state,.ios .theme-dark .list .item-link.active-state,.ios .theme-dark .list .list-button.active-state,.links-list.ios .theme-dark a.active-state,.list.ios .theme-dark .item-link.active-state,.list.ios .theme-dark .list-button.active-state{background-color:#363636}.ios .color-theme-red .list-button{color:#ff3b30}.ios .color-theme-green .list-button{color:#4cd964}.ios .color-theme-blue .list-button{color:#007aff}.ios .color-theme-pink .list-button{color:#ff2d55}.ios .color-theme-yellow .list-button{color:#fc0}.ios .color-theme-orange .list-button{color:#ff9500}.ios .color-theme-gray .list-button{color:#8e8e93}.ios .color-theme-white .list-button{color:#fff}.ios .color-theme-black .list-button{color:#000}.ios .links-list a.color-red,.ios .links-list li.color-red a,.ios .list .item-link.color-red,.ios .list .list-button.color-red,.ios .list li.color-red .item-link,.ios .list li.color-red .list-button,.ios .simple-list li.color-red{color:#ff3b30}.ios .links-list a.color-green,.ios .links-list li.color-green a,.ios .list .item-link.color-green,.ios .list .list-button.color-green,.ios .list li.color-green .item-link,.ios .list li.color-green .list-button,.ios .simple-list li.color-green{color:#4cd964}.ios .links-list a.color-blue,.ios .links-list li.color-blue a,.ios .list .item-link.color-blue,.ios .list .list-button.color-blue,.ios .list li.color-blue .item-link,.ios .list li.color-blue .list-button,.ios .simple-list li.color-blue{color:#007aff}.ios .links-list a.color-pink,.ios .links-list li.color-pink a,.ios .list .item-link.color-pink,.ios .list .list-button.color-pink,.ios .list li.color-pink .item-link,.ios .list li.color-pink .list-button,.ios .simple-list li.color-pink{color:#ff2d55}.ios .links-list a.color-yellow,.ios .links-list li.color-yellow a,.ios .list .item-link.color-yellow,.ios .list .list-button.color-yellow,.ios .list li.color-yellow .item-link,.ios .list li.color-yellow .list-button,.ios .simple-list li.color-yellow{color:#fc0}.ios .links-list a.color-orange,.ios .links-list li.color-orange a,.ios .list .item-link.color-orange,.ios .list .list-button.color-orange,.ios .list li.color-orange .item-link,.ios .list li.color-orange .list-button,.ios .simple-list li.color-orange{color:#ff9500}.ios .links-list a.color-gray,.ios .links-list li.color-gray a,.ios .list .item-link.color-gray,.ios .list .list-button.color-gray,.ios .list li.color-gray .item-link,.ios .list li.color-gray .list-button,.ios .simple-list li.color-gray{color:#8e8e93}.ios .links-list a.color-white,.ios .links-list li.color-white a,.ios .list .item-link.color-white,.ios .list .list-button.color-white,.ios .list li.color-white .item-link,.ios .list li.color-white .list-button,.ios .simple-list li.color-white{color:#fff}.ios .links-list a.color-black,.ios .links-list li.color-black a,.ios .list .item-link.color-black,.ios .list .list-button.color-black,.ios .list li.color-black .item-link,.ios .list li.color-black .list-button,.ios .simple-list li.color-black{color:#000}.md .list{margin:32px 0;font-size:16px}.md .list .item-cell{width:100%;min-width:0;margin-left:16px}.md .list .item-cell:first-child{margin-left:0}.md .list .ripple-wave+.item-cell{margin-left:0}.md .list ul ul{padding-left:56px}.md .list .item-media{padding-top:8px;min-width:40px}.md .list .item-media i+i,.md .list .item-media i+img{margin-left:8px}.md .list .item-media+.item-inner{margin-left:16px}.md .list .item-inner{min-height:48px;padding-right:16px}.md .list .item-after{color:#757575;font-size:14px;padding-left:8px}.md .list .item-link,.md .list .list-button{color:inherit}.md .list .item-link .item-inner,.md .list .list-button .item-inner{padding-right:42px}.md .list .item-link.active-state,.md .list .list-button.active-state{background-color:rgba(0,0,0,.1)}.md .list .list-button{padding:0 16px;font-size:16px;line-height:48px}.md .list .item-content{min-height:48px;padding-left:16px}.md .list .item-subtitle{font-size:14px}.md .list .item-text{font-size:14px;color:#757575;line-height:20px;max-height:40px}.md .list .item-footer,.md .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.md .list .item-footer{color:rgba(0,0,0,.5)}.md .list .item-link.no-chevron .item-inner,.md .list .no-chevron .item-link .item-inner,.md .list.no-chevron .item-link .item-inner,.md .no-chevron .list .item-link .item-inner{padding-right:16px}.md .simple-list li:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .simple-list li{padding-left:16px;padding-right:16px;line-height:48px;height:48px}.md .simple-list li:after{width:auto;left:16px;right:0}.md .links-list a:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .links-list a{height:48px;color:inherit}.md .links-list a.active-state{background-color:rgba(0,0,0,.1)}.md .links-list a:after{width:auto}.md .links-list a{padding-left:16px;padding-right:42px}.md .links-list a:after{left:16px;right:0}.md .links-list .no-chevron a,.md .links-list a.no-chevron,.md .links-list.no-chevron a,.md .no-chevron .links-list a{padding-right:16px}.md .media-list .item-inner,.md li.media-item .item-inner{padding-top:14px;padding-bottom:14px}.md .media-list .item-link .item-inner,.md li.media-item .item-link .item-inner{padding-right:16px}.md .media-list .item-link .item-title-row,.md li.media-item .item-link .item-title-row{padding-right:26px}.md .media-list .item-media,.md li.media-item .item-media{padding-top:14px;padding-bottom:14px}.md .media-list .chevron-center .item-link .item-inner,.md .media-list .item-link.chevron-center .item-inner,.md .media-list.chevron-center .item-link .item-inner,.md li.media-item .chevron-center .item-link .item-inner,.md li.media-item .item-link.chevron-center .item-inner,.md li.media-item.chevron-center .item-link .item-inner{padding-right:42px}.md .media-list .chevron-center .item-title-row,.md .media-list .no-chevron .item-link .item-title-row,.md .media-list.chevron-center .item-title-row,.md .media-list.no-chevron .item-link .item-title-row,.md .no-chevron .media-list .item-link .item-title-row,.md .no-chevron li.media-item .item-link .item-title-row,.md li.media-item .chevron-center .item-title-row,.md li.media-item.chevron-center .item-title-row,.md li.media-item.no-chevron .item-link .item-title-row{padding-right:0!important}.md .links-list a,.md .list .item-link .item-inner{background-position:calc(100% - 16px) center}.md .item-divider,.md .list-group-title{padding:0 16px;background:#f4f4f4;color:rgba(0,0,0,.54);height:48px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.md .item-divider:before,.md .list-group-title:before{display:none!important}.md .item-divider:after,.md .list-group-title:after{display:none!important}.md .list-group-title{margin-top:0}.md .list .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list.inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.inset ul{border-radius:4px}.md .list.inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.inset li:first-child:last-child>a{border-radius:4px}@media (min-width:768px){.md .list.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.tablet-inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.tablet-inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.tablet-inset li:first-child:last-child>a{border-radius:4px}}.md li li:last-child .item-inner:after,.md li:last-child li .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,html.device-pixel-ratio-2 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,html.device-pixel-ratio-3 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{background-position:calc(100% - 16px - constant(safe-area-inset-right)) center;background-position:calc(100% - 16px - env(safe-area-inset-right)) center}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row{padding-right:0}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list.md .theme-dark ul:before,.md .theme-dark .list ul:before{background-color:rgba(255,255,255,.08)}.list.md .theme-dark ul:after,.md .theme-dark .list ul:after{background-color:rgba(255,255,255,.08)}.list.md .theme-dark li li:last-child .item-inner:after,.list.md .theme-dark li:last-child li .item-inner:after,.md .theme-dark .list li li:last-child .item-inner:after,.md .theme-dark .list li:last-child li .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-group-title:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-button:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider,.md .theme-dark .list-group-title{background-color:#111;color:#fff}.links-list.md .theme-dark a .simple-list li:after,.md .theme-dark .links-list a:after,.md .theme-dark .simple-list li:after,.simple-list.md .theme-dark li:after{background-color:rgba(255,255,255,.08)}.links-list.md .theme-dark a.active-state,.list.md .theme-dark .item-link.active-state,.list.md .theme-dark .list-button.active-state,.md .theme-dark .links-list a.active-state,.md .theme-dark .list .item-link.active-state,.md .theme-dark .list .list-button.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .item-after,.md .theme-dark .item-text{color:rgba(255,255,255,.54)}.md .color-theme-red .list-button{color:#f44336}.md .color-theme-green .list-button{color:#4caf50}.md .color-theme-blue .list-button{color:#2196f3}.md .color-theme-pink .list-button{color:#e91e63}.md .color-theme-yellow .list-button{color:#ffeb3b}.md .color-theme-orange .list-button{color:#ff9800}.md .color-theme-gray .list-button{color:#9e9e9e}.md .color-theme-white .list-button{color:#fff}.md .color-theme-black .list-button{color:#000}.md .links-list a.color-red,.md .links-list li.color-red a,.md .list .item-link.color-red,.md .list .list-button.color-red,.md .list li.color-red .item-link,.md .list li.color-red .list-button,.md .simple-list li.color-red{color:#f44336}.md .links-list a.color-green,.md .links-list li.color-green a,.md .list .item-link.color-green,.md .list .list-button.color-green,.md .list li.color-green .item-link,.md .list li.color-green .list-button,.md .simple-list li.color-green{color:#4caf50}.md .links-list a.color-blue,.md .links-list li.color-blue a,.md .list .item-link.color-blue,.md .list .list-button.color-blue,.md .list li.color-blue .item-link,.md .list li.color-blue .list-button,.md .simple-list li.color-blue{color:#2196f3}.md .links-list a.color-pink,.md .links-list li.color-pink a,.md .list .item-link.color-pink,.md .list .list-button.color-pink,.md .list li.color-pink .item-link,.md .list li.color-pink .list-button,.md .simple-list li.color-pink{color:#e91e63}.md .links-list a.color-yellow,.md .links-list li.color-yellow a,.md .list .item-link.color-yellow,.md .list .list-button.color-yellow,.md .list li.color-yellow .item-link,.md .list li.color-yellow .list-button,.md .simple-list li.color-yellow{color:#ffeb3b}.md .links-list a.color-orange,.md .links-list li.color-orange a,.md .list .item-link.color-orange,.md .list .list-button.color-orange,.md .list li.color-orange .item-link,.md .list li.color-orange .list-button,.md .simple-list li.color-orange{color:#ff9800}.md .links-list a.color-gray,.md .links-list li.color-gray a,.md .list .item-link.color-gray,.md .list .list-button.color-gray,.md .list li.color-gray .item-link,.md .list li.color-gray .list-button,.md .simple-list li.color-gray{color:#9e9e9e}.md .links-list a.color-white,.md .links-list li.color-white a,.md .list .item-link.color-white,.md .list .list-button.color-white,.md .list li.color-white .item-link,.md .list li.color-white .list-button,.md .simple-list li.color-white{color:#fff}.md .links-list a.color-black,.md .links-list li.color-black a,.md .list .item-link.color-black,.md .list .list-button.color-black,.md .list li.color-black .item-link,.md .list li.color-black .list-button,.md .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.ios .badge{font-size:13px;border-radius:20px;padding:0 6px;height:20px;line-height:20px}.ios .f7-icons .badge,.ios .framework7-icons .badge,.ios .icon .badge,.ios .material-icons .badge{line-height:16px;height:16px;border-radius:16px;padding:0 4px;min-width:16px;font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px}.ios .badge.color-red{background-color:#ff3b30}.ios .badge.color-green{background-color:#4cd964}.ios .badge.color-blue{background-color:#007aff}.ios .badge.color-pink{background-color:#ff2d55}.ios .badge.color-yellow{background-color:#fc0}.ios .badge.color-orange{background-color:#ff9500}.ios .badge.color-gray{background-color:#8e8e93}.ios .badge.color-white{background-color:#fff}.ios .badge.color-black{background-color:#000}.md .badge{font-size:10px;border-radius:3px;padding:1px 6px;vertical-align:middle}.md .f7-icons .badge,.md .framework7-icons .badge,.md .icon .badge,.md .material-icons .badge{line-height:1.4;padding:1px 5px;font-family:Roboto,Noto,Helvetica,Arial,sans-serif;font-size:10px}.md .badge.color-red{background-color:#f44336}.md .badge.color-green{background-color:#4caf50}.md .badge.color-blue{background-color:#2196f3}.md .badge.color-pink{background-color:#e91e63}.md .badge.color-yellow{background-color:#ffeb3b}.md .badge.color-orange{background-color:#ff9800}.md .badge.color-gray{background-color:#9e9e9e}.md .badge.color-white{background-color:#fff}.md .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.ios .button{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px}.ios .button.active-state{background:rgba(0,122,255,.15)}.ios .button.button-round,.ios .button.button-round-ios{border-radius:29px}.ios .button.button-active,.ios .button.tab-link-active{background:#007aff;color:#fff}.ios .button.button-big,.ios .button.button-big-ios{font-size:17px;height:44px;line-height:42px}.ios .button.button-small,.ios .button.button-small-ios{height:26px;line-height:22px;border-width:2px;font-size:13px;font-weight:600;text-transform:uppercase;-webkit-transition-duration:.2s;transition-duration:.2s}.ios .button.button-small-ios.button-fill-ios.active-state,.ios .button.button-small-ios.button-fill.active-state,.ios .button.button-small.button-fill-ios.active-state,.ios .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent;opacity:1}.ios .button.button-fill,.ios .button.button-fill-ios{color:#fff;background:#007aff;border-color:transparent}.ios .button.button-fill-ios.active-state,.ios .button.button-fill.active-state{opacity:.8}.ios .button i.icon:first-child{margin-right:10px}.ios .button i.icon:last-child{margin-left:10px}.ios .button i.icon:first-child:last-child{margin-left:0;margin-right:0}.ios .segmented .button{border-radius:0;border-left-width:0}.ios .segmented .button:first-child{border-radius:5px 0 0 5px;border-left-width:1px;border-left-style:solid}.ios .segmented .button:first-child.button-small{border-left-width:2px}.ios .segmented .button:last-child{border-radius:0 5px 5px 0}.ios .segmented .button:first-child:last-child{border-radius:5px}.ios .segmented .button.button-round-ios:first-child,.ios .segmented .button.button-round:first-child{border-radius:29px 0 0 29px}.ios .segmented .button.button-round-ios:last-child,.ios .segmented .button.button-round:last-child{border-radius:0 29px 29px 0}.ios .color-theme-red .button{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .button.active-state{background:rgba(255,59,48,.15)}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios,.ios .color-theme-red .button.tab-link-active{color:#fff}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.tab-link-active{background:#ff3b30}.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-red .button.button-small-ios.button-fill.active-state,.ios .color-theme-red .button.button-small.button-fill-ios.active-state,.ios .color-theme-red .button.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .color-theme-green .button{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .button.active-state{background:rgba(76,217,100,.15)}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios,.ios .color-theme-green .button.tab-link-active{color:#fff}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.tab-link-active{background:#4cd964}.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios{background:#4cd964;border-color:transparent}.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-green .button.button-small-ios.button-fill.active-state,.ios .color-theme-green .button.button-small.button-fill-ios.active-state,.ios .color-theme-green .button.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .color-theme-blue .button{border-color:#007aff;color:#007aff}.ios .color-theme-blue .button.active-state{background:rgba(0,122,255,.15)}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios,.ios .color-theme-blue .button.tab-link-active{color:#fff}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.tab-link-active{background:#007aff}.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios{background:#007aff;border-color:transparent}.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small-ios.button-fill.active-state,.ios .color-theme-blue .button.button-small.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .color-theme-pink .button{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .button.active-state{background:rgba(255,45,85,.15)}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios,.ios .color-theme-pink .button.tab-link-active{color:#fff}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.tab-link-active{background:#ff2d55}.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small-ios.button-fill.active-state,.ios .color-theme-pink .button.button-small.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .color-theme-yellow .button{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .button.active-state{background:rgba(255,204,0,.15)}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios,.ios .color-theme-yellow .button.tab-link-active{color:#fff}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.tab-link-active{background:#fc0}.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios{background:#fc0;border-color:transparent}.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .color-theme-orange .button{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .button.active-state{background:rgba(255,149,0,.15)}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios,.ios .color-theme-orange .button.tab-link-active{color:#fff}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.tab-link-active{background:#ff9500}.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios{background:#ff9500;border-color:transparent}.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small-ios.button-fill.active-state,.ios .color-theme-orange .button.button-small.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .color-theme-gray .button{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .button.active-state{background:rgba(142,142,147,.15)}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios,.ios .color-theme-gray .button.tab-link-active{color:#fff}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.tab-link-active{background:#8e8e93}.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small-ios.button-fill.active-state,.ios .color-theme-gray .button.button-small.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .color-theme-white .button{border-color:#fff;color:#fff}.ios .color-theme-white .button.active-state{background:rgba(255,255,255,.15)}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios,.ios .color-theme-white .button.tab-link-active{color:#fff}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.tab-link-active{background:#fff}.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios{background:#fff;border-color:transparent}.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-white .button.button-small-ios.button-fill.active-state,.ios .color-theme-white .button.button-small.button-fill-ios.active-state,.ios .color-theme-white .button.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .color-theme-black .button{border-color:#000;color:#000}.ios .color-theme-black .button.active-state{background:rgba(0,0,0,.15)}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios,.ios .color-theme-black .button.tab-link-active{color:#fff}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.tab-link-active{background:#000}.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios{background:#000;border-color:transparent}.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-black .button.button-small-ios.button-fill.active-state,.ios .color-theme-black .button.button-small.button-fill-ios.active-state,.ios .color-theme-black .button.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.ios .button.color-red{border-color:#ff3b30;color:#ff3b30}.ios .button.color-red.active-state{background:rgba(255,59,48,.15)}.ios .button.color-red.button-active,.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios,.ios .button.color-red.tab-link-active{color:#fff}.ios .button.color-red.button-active,.ios .button.color-red.tab-link-active{background:#ff3b30}.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .button.color-red.button-small-ios.button-fill-ios.active-state,.ios .button.color-red.button-small-ios.button-fill.active-state,.ios .button.color-red.button-small.button-fill-ios.active-state,.ios .button.color-red.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .button.color-green{border-color:#4cd964;color:#4cd964}.ios .button.color-green.active-state{background:rgba(76,217,100,.15)}.ios .button.color-green.button-active,.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios,.ios .button.color-green.tab-link-active{color:#fff}.ios .button.color-green.button-active,.ios .button.color-green.tab-link-active{background:#4cd964}.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios{background:#4cd964;border-color:transparent}.ios .button.color-green.button-small-ios.button-fill-ios.active-state,.ios .button.color-green.button-small-ios.button-fill.active-state,.ios .button.color-green.button-small.button-fill-ios.active-state,.ios .button.color-green.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .button.color-blue{border-color:#007aff;color:#007aff}.ios .button.color-blue.active-state{background:rgba(0,122,255,.15)}.ios .button.color-blue.button-active,.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios,.ios .button.color-blue.tab-link-active{color:#fff}.ios .button.color-blue.button-active,.ios .button.color-blue.tab-link-active{background:#007aff}.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios{background:#007aff;border-color:transparent}.ios .button.color-blue.button-small-ios.button-fill-ios.active-state,.ios .button.color-blue.button-small-ios.button-fill.active-state,.ios .button.color-blue.button-small.button-fill-ios.active-state,.ios .button.color-blue.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .button.color-pink{border-color:#ff2d55;color:#ff2d55}.ios .button.color-pink.active-state{background:rgba(255,45,85,.15)}.ios .button.color-pink.button-active,.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios,.ios .button.color-pink.tab-link-active{color:#fff}.ios .button.color-pink.button-active,.ios .button.color-pink.tab-link-active{background:#ff2d55}.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .button.color-pink.button-small-ios.button-fill-ios.active-state,.ios .button.color-pink.button-small-ios.button-fill.active-state,.ios .button.color-pink.button-small.button-fill-ios.active-state,.ios .button.color-pink.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .button.color-yellow{border-color:#fc0;color:#fc0}.ios .button.color-yellow.active-state{background:rgba(255,204,0,.15)}.ios .button.color-yellow.button-active,.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios,.ios .button.color-yellow.tab-link-active{color:#fff}.ios .button.color-yellow.button-active,.ios .button.color-yellow.tab-link-active{background:#fc0}.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios{background:#fc0;border-color:transparent}.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state,.ios .button.color-yellow.button-small-ios.button-fill.active-state,.ios .button.color-yellow.button-small.button-fill-ios.active-state,.ios .button.color-yellow.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .button.color-orange{border-color:#ff9500;color:#ff9500}.ios .button.color-orange.active-state{background:rgba(255,149,0,.15)}.ios .button.color-orange.button-active,.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios,.ios .button.color-orange.tab-link-active{color:#fff}.ios .button.color-orange.button-active,.ios .button.color-orange.tab-link-active{background:#ff9500}.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios{background:#ff9500;border-color:transparent}.ios .button.color-orange.button-small-ios.button-fill-ios.active-state,.ios .button.color-orange.button-small-ios.button-fill.active-state,.ios .button.color-orange.button-small.button-fill-ios.active-state,.ios .button.color-orange.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .button.color-gray{border-color:#8e8e93;color:#8e8e93}.ios .button.color-gray.active-state{background:rgba(142,142,147,.15)}.ios .button.color-gray.button-active,.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios,.ios .button.color-gray.tab-link-active{color:#fff}.ios .button.color-gray.button-active,.ios .button.color-gray.tab-link-active{background:#8e8e93}.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .button.color-gray.button-small-ios.button-fill-ios.active-state,.ios .button.color-gray.button-small-ios.button-fill.active-state,.ios .button.color-gray.button-small.button-fill-ios.active-state,.ios .button.color-gray.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .button.color-white{border-color:#fff;color:#fff}.ios .button.color-white.active-state{background:rgba(255,255,255,.15)}.ios .button.color-white.button-active,.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios,.ios .button.color-white.tab-link-active{color:#fff}.ios .button.color-white.button-active,.ios .button.color-white.tab-link-active{background:#fff}.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios{background:#fff;border-color:transparent}.ios .button.color-white.button-small-ios.button-fill-ios.active-state,.ios .button.color-white.button-small-ios.button-fill.active-state,.ios .button.color-white.button-small.button-fill-ios.active-state,.ios .button.color-white.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .button.color-black{border-color:#000;color:#000}.ios .button.color-black.active-state{background:rgba(0,0,0,.15)}.ios .button.color-black.button-active,.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios,.ios .button.color-black.tab-link-active{color:#fff}.ios .button.color-black.button-active,.ios .button.color-black.tab-link-active{background:#000}.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios{background:#000;border-color:transparent}.ios .button.color-black.button-small-ios.button-fill-ios.active-state,.ios .button.color-black.button-small-ios.button-fill.active-state,.ios .button.color-black.button-small.button-fill-ios.active-state,.ios .button.color-black.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.md .button{color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}.md .button.active-state{background:rgba(0,0,0,.1)}.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active{background-color:#2196f3;color:#fff}.md .button.button-active.active-state,.md .button.button-fill-md.active-state,.md .button.button-fill.active-state,.md .button.tab-link-active.active-state{background:#0c82df}.md .button.button-big,.md .button.button-big-md{height:48px;line-height:48px;border-radius:4px}.md .button.button-round,.md .button.button-round-md{border-radius:36px}.md .button.button-outline{border:2px solid #2196f3;line-height:32px}.md .button.button-outline.button-big,.md .button.button-outline.button-big-md{line-height:44px}.md .button.button-small,.md .button.button-small-md{height:28px;line-height:28px;font-size:13px;font-weight:500;letter-spacing:.03em}.md .button.button-small-md.button-outline,.md .button.button-small.button-outline{border-width:2px;line-height:24px}.md .button>i.icon+i.icon,.md .button>i.icon+span,.md .button>span:not(.ripple-wave)+i.icon,.md .button>span:not(.ripple-wave)+span{margin-left:8px}.md .button.button-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .button.button-raised.active-state{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .navbar .button:not(.button-fill):not(.button-fill-md),.md .subnavbar .button:not(.button-fill):not(.button-fill-md),.md .toolbar .button:not(.button-fill):not(.button-fill-md){color:#fff}.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .toast .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .segmented{border-radius:4px}.md .segmented.segmented-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .segmented.segmented-round{border-radius:36px}.md .segmented .button{border-radius:0;min-width:0;border-left:1px solid rgba(0,0,0,.1)}.md .segmented .button:first-child{border-radius:4px 0 0 4px;border-left:none}.md .segmented .button.button-outline{border:2px solid #2196f3}.md .segmented .button.button-outline:nth-child(n+2){border-left:none}.md .segmented .button:last-child{border-radius:0 4px 4px 0}.md .segmented .button:first-child:last-child{border-radius:4px}.md .segmented .button.button-round:first-child{border-radius:36px 0 0 36px}.md .segmented .button.button-round:last-child{border-radius:0 36px 36px 0}.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state{background-color:rgba(255,255,255,.1)}.md .color-red .button,.md .color-theme-red .button{color:#f44336}.md .color-red .button.button-active,.md .color-red .button.button-fill,.md .color-red .button.button-fill-md,.md .color-red .button.tab-link-active,.md .color-theme-red .button.button-active,.md .color-theme-red .button.button-fill,.md .color-theme-red .button.button-fill-md,.md .color-theme-red .button.tab-link-active{background-color:#f44336;color:#fff}.md .color-red .button.button-active.active-state,.md .color-red .button.button-fill-md.active-state,.md .color-red .button.button-fill.active-state,.md .color-red .button.tab-link-active.active-state,.md .color-theme-red .button.button-active.active-state,.md .color-theme-red .button.button-fill-md.active-state,.md .color-theme-red .button.button-fill.active-state,.md .color-theme-red .button.tab-link-active.active-state{background:#f21f0f}.md .color-red .button.button-outline,.md .color-theme-red .button.button-outline{border-color:#f44336}.md .color-green .button,.md .color-theme-green .button{color:#4caf50}.md .color-green .button.button-active,.md .color-green .button.button-fill,.md .color-green .button.button-fill-md,.md .color-green .button.tab-link-active,.md .color-theme-green .button.button-active,.md .color-theme-green .button.button-fill,.md .color-theme-green .button.button-fill-md,.md .color-theme-green .button.tab-link-active{background-color:#4caf50;color:#fff}.md .color-green .button.button-active.active-state,.md .color-green .button.button-fill-md.active-state,.md .color-green .button.button-fill.active-state,.md .color-green .button.tab-link-active.active-state,.md .color-theme-green .button.button-active.active-state,.md .color-theme-green .button.button-fill-md.active-state,.md .color-theme-green .button.button-fill.active-state,.md .color-theme-green .button.tab-link-active.active-state{background:#409343}.md .color-green .button.button-outline,.md .color-theme-green .button.button-outline{border-color:#4caf50}.md .color-blue .button,.md .color-theme-blue .button{color:#2196f3}.md .color-blue .button.button-active,.md .color-blue .button.button-fill,.md .color-blue .button.button-fill-md,.md .color-blue .button.tab-link-active,.md .color-theme-blue .button.button-active,.md .color-theme-blue .button.button-fill,.md .color-theme-blue .button.button-fill-md,.md .color-theme-blue .button.tab-link-active{background-color:#2196f3;color:#fff}.md .color-blue .button.button-active.active-state,.md .color-blue .button.button-fill-md.active-state,.md .color-blue .button.button-fill.active-state,.md .color-blue .button.tab-link-active.active-state,.md .color-theme-blue .button.button-active.active-state,.md .color-theme-blue .button.button-fill-md.active-state,.md .color-theme-blue .button.button-fill.active-state,.md .color-theme-blue .button.tab-link-active.active-state{background:#0c82df}.md .color-blue .button.button-outline,.md .color-theme-blue .button.button-outline{border-color:#2196f3}.md .color-pink .button,.md .color-theme-pink .button{color:#e91e63}.md .color-pink .button.button-active,.md .color-pink .button.button-fill,.md .color-pink .button.button-fill-md,.md .color-pink .button.tab-link-active,.md .color-theme-pink .button.button-active,.md .color-theme-pink .button.button-fill,.md .color-theme-pink .button.button-fill-md,.md .color-theme-pink .button.tab-link-active{background-color:#e91e63;color:#fff}.md .color-pink .button.button-active.active-state,.md .color-pink .button.button-fill-md.active-state,.md .color-pink .button.button-fill.active-state,.md .color-pink .button.tab-link-active.active-state,.md .color-theme-pink .button.button-active.active-state,.md .color-theme-pink .button.button-fill-md.active-state,.md .color-theme-pink .button.button-fill.active-state,.md .color-theme-pink .button.tab-link-active.active-state{background:#ca1452}.md .color-pink .button.button-outline,.md .color-theme-pink .button.button-outline{border-color:#e91e63}.md .color-theme-yellow .button,.md .color-yellow .button{color:#ffeb3b}.md .color-theme-yellow .button.button-active,.md .color-theme-yellow .button.button-fill,.md .color-theme-yellow .button.button-fill-md,.md .color-theme-yellow .button.tab-link-active,.md .color-yellow .button.button-active,.md .color-yellow .button.button-fill,.md .color-yellow .button.button-fill-md,.md .color-yellow .button.tab-link-active{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .button.button-active.active-state,.md .color-theme-yellow .button.button-fill-md.active-state,.md .color-theme-yellow .button.button-fill.active-state,.md .color-theme-yellow .button.tab-link-active.active-state,.md .color-yellow .button.button-active.active-state,.md .color-yellow .button.button-fill-md.active-state,.md .color-yellow .button.button-fill.active-state,.md .color-yellow .button.tab-link-active.active-state{background:#ffe712}.md .color-theme-yellow .button.button-outline,.md .color-yellow .button.button-outline{border-color:#ffeb3b}.md .color-orange .button,.md .color-theme-orange .button{color:#ff9800}.md .color-orange .button.button-active,.md .color-orange .button.button-fill,.md .color-orange .button.button-fill-md,.md .color-orange .button.tab-link-active,.md .color-theme-orange .button.button-active,.md .color-theme-orange .button.button-fill,.md .color-theme-orange .button.button-fill-md,.md .color-theme-orange .button.tab-link-active{background-color:#ff9800;color:#fff}.md .color-orange .button.button-active.active-state,.md .color-orange .button.button-fill-md.active-state,.md .color-orange .button.button-fill.active-state,.md .color-orange .button.tab-link-active.active-state,.md .color-theme-orange .button.button-active.active-state,.md .color-theme-orange .button.button-fill-md.active-state,.md .color-theme-orange .button.button-fill.active-state,.md .color-theme-orange .button.tab-link-active.active-state{background:#d68000}.md .color-orange .button.button-outline,.md .color-theme-orange .button.button-outline{border-color:#ff9800}.md .color-gray .button,.md .color-theme-gray .button{color:#9e9e9e}.md .color-gray .button.button-active,.md .color-gray .button.button-fill,.md .color-gray .button.button-fill-md,.md .color-gray .button.tab-link-active,.md .color-theme-gray .button.button-active,.md .color-theme-gray .button.button-fill,.md .color-theme-gray .button.button-fill-md,.md .color-theme-gray .button.tab-link-active{background-color:#9e9e9e;color:#fff}.md .color-gray .button.button-active.active-state,.md .color-gray .button.button-fill-md.active-state,.md .color-gray .button.button-fill.active-state,.md .color-gray .button.tab-link-active.active-state,.md .color-theme-gray .button.button-active.active-state,.md .color-theme-gray .button.button-fill-md.active-state,.md .color-theme-gray .button.button-fill.active-state,.md .color-theme-gray .button.tab-link-active.active-state{background:#8a8a8a}.md .color-gray .button.button-outline,.md .color-theme-gray .button.button-outline{border-color:#9e9e9e}.md .color-theme-white .button,.md .color-white .button{color:#fff}.md .color-theme-white .button.button-active,.md .color-theme-white .button.button-fill,.md .color-theme-white .button.button-fill-md,.md .color-theme-white .button.tab-link-active,.md .color-white .button.button-active,.md .color-white .button.button-fill,.md .color-white .button.button-fill-md,.md .color-white .button.tab-link-active{background-color:#fff;color:#fff}.md .color-theme-white .button.button-active.active-state,.md .color-theme-white .button.button-fill-md.active-state,.md .color-theme-white .button.button-fill.active-state,.md .color-theme-white .button.tab-link-active.active-state,.md .color-white .button.button-active.active-state,.md .color-white .button.button-fill-md.active-state,.md .color-white .button.button-fill.active-state,.md .color-white .button.tab-link-active.active-state{background:#ebebeb}.md .color-theme-white .button.button-outline,.md .color-white .button.button-outline{border-color:#fff}.md .color-black .button,.md .color-theme-black .button{color:#000}.md .color-black .button.button-active,.md .color-black .button.button-fill,.md .color-black .button.button-fill-md,.md .color-black .button.tab-link-active,.md .color-theme-black .button.button-active,.md .color-theme-black .button.button-fill,.md .color-theme-black .button.button-fill-md,.md .color-theme-black .button.tab-link-active{background-color:#000;color:#fff}.md .color-black .button.button-active.active-state,.md .color-black .button.button-fill-md.active-state,.md .color-black .button.button-fill.active-state,.md .color-black .button.tab-link-active.active-state,.md .color-theme-black .button.button-active.active-state,.md .color-theme-black .button.button-fill-md.active-state,.md .color-theme-black .button.button-fill.active-state,.md .color-theme-black .button.tab-link-active.active-state{background:#000}.md .color-black .button.button-outline,.md .color-theme-black .button.button-outline{border-color:#000}.md .button.color-red{color:#f44336}.md .button.color-red.button-active,.md .button.color-red.button-fill,.md .button.color-red.button-fill-md,.md .button.color-red.tab-link-active{background-color:#f44336;color:#fff}.md .button.color-red.button-active.active-state,.md .button.color-red.button-fill-md.active-state,.md .button.color-red.button-fill.active-state,.md .button.color-red.tab-link-active.active-state{background:#f21f0f}.md .button.color-red.button-outline{border-color:#f44336}.md .button.color-green{color:#4caf50}.md .button.color-green.button-active,.md .button.color-green.button-fill,.md .button.color-green.button-fill-md,.md .button.color-green.tab-link-active{background-color:#4caf50;color:#fff}.md .button.color-green.button-active.active-state,.md .button.color-green.button-fill-md.active-state,.md .button.color-green.button-fill.active-state,.md .button.color-green.tab-link-active.active-state{background:#409343}.md .button.color-green.button-outline{border-color:#4caf50}.md .button.color-blue{color:#2196f3}.md .button.color-blue.button-active,.md .button.color-blue.button-fill,.md .button.color-blue.button-fill-md,.md .button.color-blue.tab-link-active{background-color:#2196f3;color:#fff}.md .button.color-blue.button-active.active-state,.md .button.color-blue.button-fill-md.active-state,.md .button.color-blue.button-fill.active-state,.md .button.color-blue.tab-link-active.active-state{background:#0c82df}.md .button.color-blue.button-outline{border-color:#2196f3}.md .button.color-pink{color:#e91e63}.md .button.color-pink.button-active,.md .button.color-pink.button-fill,.md .button.color-pink.button-fill-md,.md .button.color-pink.tab-link-active{background-color:#e91e63;color:#fff}.md .button.color-pink.button-active.active-state,.md .button.color-pink.button-fill-md.active-state,.md .button.color-pink.button-fill.active-state,.md .button.color-pink.tab-link-active.active-state{background:#ca1452}.md .button.color-pink.button-outline{border-color:#e91e63}.md .button.color-yellow{color:#ffeb3b}.md .button.color-yellow.button-active,.md .button.color-yellow.button-fill,.md .button.color-yellow.button-fill-md,.md .button.color-yellow.tab-link-active{background-color:#ffeb3b;color:#fff}.md .button.color-yellow.button-active.active-state,.md .button.color-yellow.button-fill-md.active-state,.md .button.color-yellow.button-fill.active-state,.md .button.color-yellow.tab-link-active.active-state{background:#ffe712}.md .button.color-yellow.button-outline{border-color:#ffeb3b}.md .button.color-orange{color:#ff9800}.md .button.color-orange.button-active,.md .button.color-orange.button-fill,.md .button.color-orange.button-fill-md,.md .button.color-orange.tab-link-active{background-color:#ff9800;color:#fff}.md .button.color-orange.button-active.active-state,.md .button.color-orange.button-fill-md.active-state,.md .button.color-orange.button-fill.active-state,.md .button.color-orange.tab-link-active.active-state{background:#d68000}.md .button.color-orange.button-outline{border-color:#ff9800}.md .button.color-gray{color:#9e9e9e}.md .button.color-gray.button-active,.md .button.color-gray.button-fill,.md .button.color-gray.button-fill-md,.md .button.color-gray.tab-link-active{background-color:#9e9e9e;color:#fff}.md .button.color-gray.button-active.active-state,.md .button.color-gray.button-fill-md.active-state,.md .button.color-gray.button-fill.active-state,.md .button.color-gray.tab-link-active.active-state{background:#8a8a8a}.md .button.color-gray.button-outline{border-color:#9e9e9e}.md .button.color-white{color:#fff}.md .button.color-white.button-active,.md .button.color-white.button-fill,.md .button.color-white.button-fill-md,.md .button.color-white.tab-link-active{background-color:#fff;color:#fff}.md .button.color-white.button-active.active-state,.md .button.color-white.button-fill-md.active-state,.md .button.color-white.button-fill.active-state,.md .button.color-white.tab-link-active.active-state{background:#ebebeb}.md .button.color-white.button-outline{border-color:#fff}.md .button.color-black{color:#000}.md .button.color-black.button-active,.md .button.color-black.button-fill,.md .button.color-black.button-fill-md,.md .button.color-black.tab-link-active{background-color:#000;color:#fff}.md .button.color-black.button-active.active-state,.md .button.color-black.button-fill-md.active-state,.md .button.color-black.button-fill.active-state,.md .button.color-black.tab-link-active.active-state{background:#000}.md .button.color-black.button-outline{border-color:#000}.md .actions-button,.md .button,.md .checkbox,.md .dialog-button,.md .fab a,.md .radio,.md .ripple,.md .speed-dial-buttons a,.md .tab-link,.md a.item-link,.md a.link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md .ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;background:rgba(0,0,0,.1);padding:0;margin:0;font-size:0;-webkit-transform:translate3d(0px,0px,0) scale(0);transform:translate3d(0px,0px,0) scale(0);-webkit-transition-duration:1.4s;transition-duration:1.4s}.md .ripple-wave.ripple-wave-fill{-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.35}.md .ripple-wave.ripple-wave-out{-webkit-transition-duration:.6s;transition-duration:.6s;opacity:0}.button-fill .md .ripple-wave,.picker-calendar-day .md .ripple-wave{z-index:1}.md .button-active .ripple-wave,.md .button-fill .ripple-wave,.md .fab a .ripple-wave,.md .navbar .ripple-wave,.md .stepper-fill .ripple-wave,.md .subnavbar .ripple-wave,.md .toast .ripple-wave,.md .toolbar .ripple-wave{background:rgba(255,255,255,.3)}.md .messagebar .ripple-wave,.md .searchbar .ripple-wave{background:rgba(0,0,0,.1)}.md .data-table .sortable-cell .ripple-wave{z-index:0}.md .checkbox .ripple-wave,.md .radio .ripple-wave{background:rgba(33,150,243,.5);z-index:0}.calendar.md .theme-dark .ripple-wave,.md .theme-dark .calendar .ripple-wave,.md .theme-dark .messagebar .ripple-wave,.md .theme-dark .page-content .ripple-wave,.md .theme-dark .popover .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-color-red .ripple-wave,.md .ripple-red .ripple-wave{background-color:rgba(244,67,54,.3)}.md .ripple-color-green .ripple-wave,.md .ripple-green .ripple-wave{background-color:rgba(76,175,80,.3)}.md .ripple-blue .ripple-wave,.md .ripple-color-blue .ripple-wave{background-color:rgba(33,150,243,.3)}.md .ripple-color-pink .ripple-wave,.md .ripple-pink .ripple-wave{background-color:rgba(233,30,99,.3)}.md .ripple-color-yellow .ripple-wave,.md .ripple-yellow .ripple-wave{background-color:rgba(255,235,59,.3)}.md .ripple-color-orange .ripple-wave,.md .ripple-orange .ripple-wave{background-color:rgba(255,152,0,.3)}.md .ripple-color-gray .ripple-wave,.md .ripple-gray .ripple-wave{background-color:rgba(158,158,158,.3)}.md .ripple-color-white .ripple-wave,.md .ripple-white .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-black .ripple-wave,.md .ripple-color-black .ripple-wave{background-color:rgba(0,0,0,.3)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.ios .icon-back,.ios .icon-prev{width:12px;height:20px}.ios .icon-forward,.ios .icon-next{width:12px;height:20px}.ios .icon-next,.ios .icon-prev{width:10px}.ios .icon-back,.ios .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon-forward,.ios .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .navbar .f7-icons,.ios .toolbar .f7-icons{font-size:22px}.ios .tabbar .f7-icons,.ios .tabbar-labels .f7-icons{font-size:25px}.ios .item-media .f7-icons{font-size:25px;width:29px;height:29px}.ios .button .f7-icons{font-size:22px}.ios .item-media .icon{color:grey}.ios .color-theme-red .icon-back,.ios .color-theme-red .icon-prev,.ios .icon-back.color-red,.ios .icon-prev.color-red,.ios a.link.color-red .icon-back,.ios a.link.color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-red .icon-forward,.ios .color-theme-red .icon-next,.ios .icon-forward.color-red,.ios .icon-next.color-red,.ios a.link.color-red .icon-forward,.ios a.link.color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-back,.ios .color-theme-green .icon-prev,.ios .icon-back.color-green,.ios .icon-prev.color-green,.ios a.link.color-green .icon-back,.ios a.link.color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-forward,.ios .color-theme-green .icon-next,.ios .icon-forward.color-green,.ios .icon-next.color-green,.ios a.link.color-green .icon-forward,.ios a.link.color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-back,.ios .color-theme-blue .icon-prev,.ios .icon-back.color-blue,.ios .icon-prev.color-blue,.ios a.link.color-blue .icon-back,.ios a.link.color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-forward,.ios .color-theme-blue .icon-next,.ios .icon-forward.color-blue,.ios .icon-next.color-blue,.ios a.link.color-blue .icon-forward,.ios a.link.color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-back,.ios .color-theme-pink .icon-prev,.ios .icon-back.color-pink,.ios .icon-prev.color-pink,.ios a.link.color-pink .icon-back,.ios a.link.color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-forward,.ios .color-theme-pink .icon-next,.ios .icon-forward.color-pink,.ios .icon-next.color-pink,.ios a.link.color-pink .icon-forward,.ios a.link.color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-back,.ios .color-theme-yellow .icon-prev,.ios .icon-back.color-yellow,.ios .icon-prev.color-yellow,.ios a.link.color-yellow .icon-back,.ios a.link.color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-forward,.ios .color-theme-yellow .icon-next,.ios .icon-forward.color-yellow,.ios .icon-next.color-yellow,.ios a.link.color-yellow .icon-forward,.ios a.link.color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-back,.ios .color-theme-orange .icon-prev,.ios .icon-back.color-orange,.ios .icon-prev.color-orange,.ios a.link.color-orange .icon-back,.ios a.link.color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-forward,.ios .color-theme-orange .icon-next,.ios .icon-forward.color-orange,.ios .icon-next.color-orange,.ios a.link.color-orange .icon-forward,.ios a.link.color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-back,.ios .color-theme-gray .icon-prev,.ios .icon-back.color-gray,.ios .icon-prev.color-gray,.ios a.link.color-gray .icon-back,.ios a.link.color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-forward,.ios .color-theme-gray .icon-next,.ios .icon-forward.color-gray,.ios .icon-next.color-gray,.ios a.link.color-gray .icon-forward,.ios a.link.color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-back,.ios .color-theme-white .icon-prev,.ios .icon-back.color-white,.ios .icon-prev.color-white,.ios a.link.color-white .icon-back,.ios a.link.color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-forward,.ios .color-theme-white .icon-next,.ios .icon-forward.color-white,.ios .icon-next.color-white,.ios a.link.color-white .icon-forward,.ios a.link.color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-back,.ios .color-theme-black .icon-prev,.ios .icon-back.color-black,.ios .icon-prev.color-black,.ios a.link.color-black .icon-back,.ios a.link.color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-forward,.ios .color-theme-black .icon-next,.ios .icon-forward.color-black,.ios .icon-next.color-black,.ios a.link.color-black .icon-forward,.ios a.link.color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon.color-red{color:#ff3b30}.ios .icon.color-green{color:#4cd964}.ios .icon.color-blue{color:#007aff}.ios .icon.color-pink{color:#ff2d55}.ios .icon.color-yellow{color:#fc0}.ios .icon.color-orange{color:#ff9500}.ios .icon.color-gray{color:#8e8e93}.ios .icon.color-white{color:#fff}.ios .icon.color-black{color:#000}.md .icon-back{width:24px;height:24px}.md .icon-forward{width:24px;height:24px}.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-red,.md a.link .color-red .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-red,.md a.link .color-red .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-red,.md a.link .color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-red,.md a.link .color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-green,.md a.link .color-green .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-green,.md a.link .color-green .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-green,.md a.link .color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-green,.md a.link .color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-blue,.md a.link .color-blue .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-blue,.md a.link .color-blue .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-blue,.md a.link .color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-blue,.md a.link .color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-pink,.md a.link .color-pink .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-pink,.md a.link .color-pink .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-pink,.md a.link .color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-pink,.md a.link .color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-yellow,.md a.link .color-yellow .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-yellow,.md a.link .color-yellow .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-yellow,.md a.link .color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-yellow,.md a.link .color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-orange,.md a.link .color-orange .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-orange,.md a.link .color-orange .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-orange,.md a.link .color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-orange,.md a.link .color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-gray,.md a.link .color-gray .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-gray,.md a.link .color-gray .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-gray,.md a.link .color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-gray,.md a.link .color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-white,.md a.link .color-white .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-white,.md a.link .color-white .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-white,.md a.link .color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-white,.md a.link .color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-black,.md a.link .color-black .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-black,.md a.link .color-black .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-black,.md a.link .color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-black,.md a.link .color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon.color-red{color:#f44336}.md .icon.color-green{color:#4caf50}.md .icon.color-blue{color:#2196f3}.md .icon.color-pink{color:#e91e63}.md .icon.color-yellow{color:#ffeb3b}.md .icon.color-orange{color:#ff9800}.md .icon.color-gray{color:#9e9e9e}.md .icon.color-white{color:#fff}.md .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/framework7/css/framework7-lazy.rtl.css b/framework7/css/framework7-lazy.rtl.css new file mode 100644 index 0000000..ae24e11 --- /dev/null +++ b/framework7/css/framework7-lazy.rtl.css @@ -0,0 +1,7348 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios body { + font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #000; + line-height: 1.4; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +.ios a { + color: #007aff; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.ios .theme-dark { + color: #fff; +} +.ios .color-theme-red a { + color: #ff3b30; +} +.ios .color-theme-green a { + color: #4cd964; +} +.ios .color-theme-blue a { + color: #007aff; +} +.ios .color-theme-pink a { + color: #ff2d55; +} +.ios .color-theme-yellow a { + color: #ffcc00; +} +.ios .color-theme-orange a { + color: #ff9500; +} +.ios .color-theme-gray a { + color: #8e8e93; +} +.ios .color-theme-white a { + color: #ffffff; +} +.ios .color-theme-black a { + color: #000000; +} +.ios a.color-red { + color: #ff3b30; +} +.ios a.color-green { + color: #4cd964; +} +.ios a.color-blue { + color: #007aff; +} +.ios a.color-pink { + color: #ff2d55; +} +.ios a.color-yellow { + color: #ffcc00; +} +.ios a.color-orange { + color: #ff9500; +} +.ios a.color-gray { + color: #8e8e93; +} +.ios a.color-white { + color: #ffffff; +} +.ios a.color-black { + color: #000000; +} +.md body { + font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + color: #212121; + line-height: 1.5; +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +.md a { + color: #2196f3; +} +.md .theme-dark { + color: rgba(255, 255, 255, 0.87); +} +.md .color-theme-red a { + color: #f44336; +} +.md .color-theme-green a { + color: #4caf50; +} +.md .color-theme-blue a { + color: #2196f3; +} +.md .color-theme-pink a { + color: #e91e63; +} +.md .color-theme-yellow a { + color: #ffeb3b; +} +.md .color-theme-orange a { + color: #ff9800; +} +.md .color-theme-gray a { + color: #9e9e9e; +} +.md .color-theme-white a { + color: #ffffff; +} +.md .color-theme-black a { + color: #000000; +} +.md a.color-red { + color: #f44336; +} +.md a.color-green { + color: #4caf50; +} +.md a.color-blue { + color: #2196f3; +} +.md a.color-pink { + color: #e91e63; +} +.md a.color-yellow { + color: #ffeb3b; +} +.md a.color-orange { + color: #ff9800; +} +.md a.color-gray { + color: #9e9e9e; +} +.md a.color-white { + color: #ffffff; +} +.md a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .statusbar { + background: #f7f7f8; +} +.ios .theme-dark .statusbar { + background-color: #1b1b1b; +} +.md .statusbar { + background: #0a6ebd; +} +.md .color-theme-red .statusbar { + background: #d2190b; +} +.md .color-theme-green .statusbar { + background: #357a38; +} +.md .color-theme-blue .statusbar { + background: #0a6ebd; +} +.md .color-theme-pink .statusbar { + background: #aa1145; +} +.md .color-theme-yellow .statusbar { + background: #eed500; +} +.md .color-theme-orange .statusbar { + background: #b36a00; +} +.md .color-theme-gray .statusbar { + background: #787878; +} +.md .color-theme-white .statusbar { + background: #d9d9d9; +} +.md .color-theme-black .statusbar { + background: #000000; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.ios .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.ios .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: 44px; +} +.ios .page { + background: #efeff4; +} +.ios .page-previous { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .page-transitioning, +.ios .page-transitioning .page-shadow-effect, +.ios .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-backward .page-next, +.ios .router-transition-forward .page-current, +.ios .router-transition-backward .page-current, +.ios .router-transition-forward .page-previous:not(.stacked), +.ios .router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.ios .router-transition-css-forward .page-next { + -webkit-animation: ios-page-next-to-current 400ms forwards; + animation: ios-page-next-to-current 400ms forwards; +} +.ios .router-transition-css-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; + animation: ios-page-next-to-current-shadow 400ms forwards; +} +.ios .router-transition-css-forward .page-current { + -webkit-animation: ios-page-current-to-previous 400ms forwards; + animation: ios-page-current-to-previous 400ms forwards; +} +.ios .router-transition-css-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; + animation: ios-page-current-to-previous-opacity 400ms forwards; +} +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { + top: 44px; +} +.ios .router-transition-css-backward .page-previous, +.ios .router-transition-css-backward .page-current { + pointer-events: none; +} +.ios .router-transition-css-backward .page-previous { + -webkit-animation: ios-page-previous-to-current 400ms forwards; + animation: ios-page-previous-to-current 400ms forwards; +} +.ios .router-transition-css-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; + animation: ios-page-previous-to-current-opacity 400ms forwards; +} +.ios .router-transition-css-backward .page-current { + -webkit-animation: ios-page-current-to-next 400ms forwards; + animation: ios-page-current-to-next 400ms forwards; +} +.ios .router-transition-css-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; + animation: ios-page-current-to-next-shadow 400ms forwards; +} +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { + top: 44px; +} +.ios .theme-dark .page, +.page.ios .theme-dark { + background: #171717; +} +@-webkit-keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.md .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.md .page { + background: #fff; +} +.md .page-next { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.md .page-transitioning, +.md .page-transitioning .page-shadow-effect, +.md .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.md .page-transitioning-swipeback, +.md .page-transitioning-swipeback .page-shadow-effect, +.md .page-transitioning-swipeback .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .router-transition-forward .page, +.md .router-transition-backward .page { + pointer-events: none; +} +.md .router-transition-css-forward .page-next { + -webkit-animation: md-page-next-to-current 250ms forwards; + animation: md-page-next-to-current 250ms forwards; +} +.md .router-transition-css-forward .page-current { + -webkit-animation: none; + animation: none; +} +.md .router-transition-css-backward .page-current { + -webkit-animation: md-page-current-to-next 250ms forwards; + animation: md-page-current-to-next 250ms forwards; +} +.md .router-transition-css-backward .page-previous { + -webkit-animation: none; + animation: none; +} +.md .theme-dark .page, +.page.md .theme-dark { + background: #171717; +} +@-webkit-keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@-webkit-keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +@keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.ios .link { + -webkit-transition: opacity 300ms; + transition: opacity 300ms; +} +.ios .link i + span, +.ios .link i + i, +.ios .link span + i, +.ios .link span + span { + margin-right: 7px; +} +.ios .link.active-state { + opacity: 0.3; + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.md .link i + span, +.md .link i + i, +.md .link span + i, +.md .link span + span { + margin-right: 8px; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .navbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; +} +.ios .navbar.no-hairline:after { + display: none !important; +} +.ios .navbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .navbar a.link { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 44px; + height: 44px; +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .navbar .title { + font-size: 17px; + margin: 0; + line-height: 1.2; +} +.ios .navbar .subtitle { + color: #6d6d72; + line-height: 1; + font-size: 10px; + text-align: center; + font-weight: normal; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b, +.ios .navbar .title { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: 8px; +} +.ios .navbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .navbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .navbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .navbar-inner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 8px; +} +.ios .navbar ~ *:not(.no-navbar) .page-content, +.ios .navbar ~ .page-content { + padding-top: 44px; +} +.ios .navbar-previous { + pointer-events: none; +} +.ios .navbar-previous .left, +.ios .navbar-previous .right, +.ios .navbar-previous > .title, +.ios .navbar-previous .subnavbar, +.ios .navbar-previous .fading { + opacity: 0; +} +.ios .navbar-previous .sliding { + opacity: 0; +} +.ios .navbar-previous .subnavbar.sliding, +.ios .navbar-previous.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .router-transition-css-forward .navbar-current .left, +.ios .router-transition-css-backward .navbar-current .left, +.ios .router-transition-css-forward .navbar-current > .title, +.ios .router-transition-css-backward .navbar-current > .title, +.ios .router-transition-css-forward .navbar-current .right, +.ios .router-transition-css-backward .navbar-current .right, +.ios .router-transition-css-forward .navbar-current .subnavbar, +.ios .router-transition-css-backward .navbar-current .subnavbar { + -webkit-animation: ios-navbar-element-fade-out 400ms forwards; + animation: ios-navbar-element-fade-out 400ms forwards; +} +.ios .router-transition-css-forward .navbar-current .sliding, +.ios .router-transition-css-backward .navbar-current .sliding, +.ios .router-transition-css-forward .navbar-current .left.sliding .icon, +.ios .router-transition-css-backward .navbar-current .left.sliding .icon, +.ios .router-transition-css-forward .navbar-current.sliding .left, +.ios .router-transition-css-backward .navbar-current.sliding .left, +.ios .router-transition-css-forward .navbar-current.sliding .left .icon, +.ios .router-transition-css-backward .navbar-current.sliding .left .icon, +.ios .router-transition-css-forward .navbar-current.sliding > .title, +.ios .router-transition-css-backward .navbar-current.sliding > .title, +.ios .router-transition-css-forward .navbar-current.sliding .right, +.ios .router-transition-css-backward .navbar-current.sliding .right { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + opacity: 0 !important; + -webkit-animation: none; + animation: none; +} +.ios .router-transition-css-forward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-forward .navbar-current .sliding.subnavbar, +.ios .router-transition-css-backward .navbar-current .sliding.subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + opacity: 1; +} +.ios .router-transition-css-forward .navbar-next .left, +.ios .router-transition-css-backward .navbar-previous .left, +.ios .router-transition-css-forward .navbar-next > .title, +.ios .router-transition-css-backward .navbar-previous > .title, +.ios .router-transition-css-forward .navbar-next .right, +.ios .router-transition-css-backward .navbar-previous .right, +.ios .router-transition-css-forward .navbar-next .subnavbar, +.ios .router-transition-css-backward .navbar-previous .subnavbar { + -webkit-animation: ios-navbar-element-fade-in 400ms forwards; + animation: ios-navbar-element-fade-in 400ms forwards; +} +.ios .router-transition-css-forward .navbar-next .sliding, +.ios .router-transition-css-backward .navbar-previous .sliding, +.ios .router-transition-css-forward .navbar-next .left.sliding .icon, +.ios .router-transition-css-backward .navbar-previous .left.sliding .icon, +.ios .router-transition-css-forward .navbar-next.sliding .left, +.ios .router-transition-css-backward .navbar-previous.sliding .left, +.ios .router-transition-css-forward .navbar-next.sliding .left .icon, +.ios .router-transition-css-backward .navbar-previous.sliding .left .icon, +.ios .router-transition-css-forward .navbar-next.sliding > .title, +.ios .router-transition-css-backward .navbar-previous.sliding > .title, +.ios .router-transition-css-forward .navbar-next.sliding .right, +.ios .router-transition-css-backward .navbar-previous.sliding .right, +.ios .router-transition-css-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .theme-dark .navbar, +.navbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .navbar:after, +.navbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .navbar .subtitle, +.navbar.ios .theme-dark .subtitle { + color: #8e8e93; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-left .navbar-inner { + padding-left: calc(8px + constant(safe-area-inset-right)); + padding-left: calc(8px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-right .navbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .navbar { + height: 56px; + background: #2196f3; + color: #fff; + font-size: 20px; +} +.md .navbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .navbar.no-shadow:after { + display: none; +} +.md .navbar a { + color: inherit; +} +.md .navbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + height: 56px; + line-height: 56px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .navbar .title { + margin: 0 16px; + line-height: 1.2; + text-align: left; +} +.md .navbar .subtitle { + line-height: 1.2; + font-size: 14px; + font-weight: normal; + color: rgba(255, 255, 255, 0.85); +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: 16px; +} +.md .navbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; +} +.md .page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar ~ * .page-content, +.md .navbar ~ .page-content { + padding-top: 56px; +} +@media (min-width: 768px) { + .md .navbar { + height: 64px; + } + .md .navbar a.link { + height: 64px; + line-height: 64px; + } + .md .navbar ~ * .page-content, + .md .navbar ~ .page-content { + padding-top: 64px; + } +} +.md .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .navbar-hidden:after { + display: none; +} +.md .color-theme-red .navbar, +.md .color-theme-red.navbar { + background: #f44336; +} +.md .color-theme-green .navbar, +.md .color-theme-green.navbar { + background: #4caf50; +} +.md .color-theme-blue .navbar, +.md .color-theme-blue.navbar { + background: #2196f3; +} +.md .color-theme-pink .navbar, +.md .color-theme-pink.navbar { + background: #e91e63; +} +.md .color-theme-yellow .navbar, +.md .color-theme-yellow.navbar { + background: #ffeb3b; +} +.md .color-theme-orange .navbar, +.md .color-theme-orange.navbar { + background: #ff9800; +} +.md .color-theme-gray .navbar, +.md .color-theme-gray.navbar { + background: #9e9e9e; +} +.md .color-theme-white .navbar, +.md .color-theme-white.navbar { + background: #ffffff; +} +.md .color-theme-black .navbar, +.md .color-theme-black.navbar { + background: #000000; +} +.md .navbar.color-red { + background: #f44336; +} +.md .navbar.color-green { + background: #4caf50; +} +.md .navbar.color-blue { + background: #2196f3; +} +.md .navbar.color-pink { + background: #e91e63; +} +.md .navbar.color-yellow { + background: #ffeb3b; +} +.md .navbar.color-orange { + background: #ff9800; +} +.md .navbar.color-gray { + background: #9e9e9e; +} +.md .navbar.color-white { + background: #ffffff; +} +.md .navbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-left .navbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-right .navbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.ios .toolbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; + bottom: 0; +} +.ios .toolbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .toolbar a.link { + line-height: 44px; + height: 44px; +} +.ios .toolbar a.link i + span, +.ios .toolbar a.link i + i, +.ios .toolbar a.link span + i, +.ios .toolbar a.link span + span { + margin-right: 7px; +} +.ios .toolbar a.icon-only { + min-height: 44px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar b { + font-weight: 600; +} +.ios .toolbar.no-hairline:before { + display: none !important; +} +.ios .toolbar:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .toolbar-inner { + padding: 0 8px; +} +.ios .tabbar, +.ios .tabbar-labels { + color: #929292; +} +.ios .tabbar a, +.ios .tabbar-labels a { + color: #929292; +} +.ios .tabbar a.tab-link-active, +.ios .tabbar-labels a.tab-link-active { + color: #007aff; +} +.ios .tabbar i.icon, +.ios .tabbar-labels i.icon { + height: 30px; +} +.ios .tabbar-labels { + height: 50px; +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +.ios .tabbar-labels .tabbar-label { + letter-spacing: 0.01em; + font-size: 10px; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } + .ios .tabbar-labels { + height: 56px; + } + .ios .tabbar-labels .tabbar-label { + font-size: 14px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.ios .toolbar ~ * .page-content, +.ios .toolbar ~ .page-content { + padding-bottom: 44px; +} +.ios .tabbar-labels ~ * .page-content, +.ios .tabbar-labels ~ .page-content { + padding-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .page-content, + .ios .tabbar-labels ~ .page-content { + padding-bottom: 56px; + } +} +.ios .toolbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .toolbar-hidden { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .theme-dark .toolbar, +.toolbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .toolbar:before, +.toolbar.ios .theme-dark:before { + background-color: #282829; +} +.ios .color-theme-red .tabbar a.tab-link-active, +.ios .color-theme-red .tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar a.tab-link-active { + color: #ff3b30; +} +.ios .color-theme-green .tabbar a.tab-link-active, +.ios .color-theme-green .tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar a.tab-link-active { + color: #4cd964; +} +.ios .color-theme-blue .tabbar a.tab-link-active, +.ios .color-theme-blue .tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar a.tab-link-active { + color: #007aff; +} +.ios .color-theme-pink .tabbar a.tab-link-active, +.ios .color-theme-pink .tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar a.tab-link-active { + color: #ff2d55; +} +.ios .color-theme-yellow .tabbar a.tab-link-active, +.ios .color-theme-yellow .tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar a.tab-link-active { + color: #ffcc00; +} +.ios .color-theme-orange .tabbar a.tab-link-active, +.ios .color-theme-orange .tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar a.tab-link-active { + color: #ff9500; +} +.ios .color-theme-gray .tabbar a.tab-link-active, +.ios .color-theme-gray .tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar a.tab-link-active { + color: #8e8e93; +} +.ios .color-theme-white .tabbar a.tab-link-active, +.ios .color-theme-white .tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar a.tab-link-active { + color: #ffffff; +} +.ios .color-theme-black .tabbar a.tab-link-active, +.ios .color-theme-black .tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar a.tab-link-active { + color: #000000; +} +.ios .tabbar-labels.color-red a.tab-link-active, +.ios .tabbar.color-red a.tab-link-active { + color: #ff3b30; +} +.ios .tabbar-labels.color-green a.tab-link-active, +.ios .tabbar.color-green a.tab-link-active { + color: #4cd964; +} +.ios .tabbar-labels.color-blue a.tab-link-active, +.ios .tabbar.color-blue a.tab-link-active { + color: #007aff; +} +.ios .tabbar-labels.color-pink a.tab-link-active, +.ios .tabbar.color-pink a.tab-link-active { + color: #ff2d55; +} +.ios .tabbar-labels.color-yellow a.tab-link-active, +.ios .tabbar.color-yellow a.tab-link-active { + color: #ffcc00; +} +.ios .tabbar-labels.color-orange a.tab-link-active, +.ios .tabbar.color-orange a.tab-link-active { + color: #ff9500; +} +.ios .tabbar-labels.color-gray a.tab-link-active, +.ios .tabbar.color-gray a.tab-link-active { + color: #8e8e93; +} +.ios .tabbar-labels.color-white a.tab-link-active, +.ios .tabbar.color-white a.tab-link-active { + color: #ffffff; +} +.ios .tabbar-labels.color-black a.tab-link-active, +.ios .tabbar.color-black a.tab-link-active { + color: #000000; +} +.ios.device-iphone-x .views > .toolbar, +.ios.device-iphone-x .view > .toolbar, +.ios.device-iphone-x .page > .toolbar, +.ios.device-iphone-x .popup > .toolbar, +.ios.device-iphone-x .panel > .toolbar, +.ios.device-iphone-x .login-screen > .toolbar { + height: calc(44px + constant(safe-area-inset-bottom)); + height: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .views > .toolbar .toolbar-inner, +.ios.device-iphone-x .view > .toolbar .toolbar-inner, +.ios.device-iphone-x .page > .toolbar .toolbar-inner, +.ios.device-iphone-x .popup > .toolbar .toolbar-inner, +.ios.device-iphone-x .panel > .toolbar .toolbar-inner, +.ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { + height: auto; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .views > .tabbar-labels, +.ios.device-iphone-x .view > .tabbar-labels, +.ios.device-iphone-x .page > .tabbar-labels, +.ios.device-iphone-x .popup > .tabbar-labels, +.ios.device-iphone-x .panel > .tabbar-labels, +.ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(50px + constant(safe-area-inset-bottom)); + height: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .views > .tabbar-labels, + .ios.device-iphone-x .view > .tabbar-labels, + .ios.device-iphone-x .page > .tabbar-labels, + .ios.device-iphone-x .popup > .tabbar-labels, + .ios.device-iphone-x .panel > .tabbar-labels, + .ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios.device-iphone-x .toolbar ~ * .page-content, +.ios.device-iphone-x .toolbar ~ .page-content { + padding-bottom: calc(44px + constant(safe-area-inset-bottom)); + padding-bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ * .page-content, +.ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(50px + constant(safe-area-inset-bottom)); + padding-bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ * .page-content, + .ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-left .toolbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-right .toolbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .toolbar { + background: #2196f3; + height: 48px; + color: #fff; + font-size: 14px; + top: 0; +} +.md .toolbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar.no-shadow:after { + display: none; +} +.md .toolbar a { + color: #fff; +} +.md .toolbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + line-height: 48px; + height: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .toolbar a.link i + span, +.md .toolbar a.link i + i, +.md .toolbar a.link span + i, +.md .toolbar a.link span + span { + margin-right: 8px; +} +.md .toolbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + overflow: hidden; +} +.md .tabbar a.link, +.md .tabbar-labels a.link, +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + text-transform: uppercase; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .tabbar i.icon, +.md .tabbar-labels i.icon { + height: 24px; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + overflow: hidden; + color: rgba(255, 255, 255, 0.7); + position: relative; +} +.md .tabbar a.tab-link.tab-link-active, +.md .tabbar-labels a.tab-link.tab-link-active, +.md .tabbar a.tab-link.active-state, +.md .tabbar-labels a.tab-link.active-state { + color: #ffffff; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + bottom: 0; + height: 2px; + background: #fff; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + right: 0; +} +.md .toolbar-bottom-md, +.md .messagebar { + top: auto !important; + bottom: 0 !important; +} +.md .toolbar-bottom-md:after, +.md .messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 10px; + top: auto; + pointer-events: none; + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar-bottom-md .tab-link-highlight, +.md .messagebar .tab-link-highlight { + bottom: auto; + top: 0; +} +.md .tabbar-labels { + height: 72px; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 12px; + padding-bottom: 12px; +} +.md .tabbar-labels .tabbar-label { + margin-top: 10px; + max-width: 100%; + overflow: hidden; +} +.md .tabbar-labels.toolbar-bottom-md { + height: 56px; +} +.md .tabbar-labels.toolbar-bottom-md a.tab-link, +.md .tabbar-labels.toolbar-bottom-md a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-labels.toolbar-bottom-md .tabbar-label { + text-transform: none; + line-height: 1.2; + font-weight: normal; + letter-spacing: 0; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 48px; +} +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 72px; +} +.md .toolbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .toolbar-hidden:after { + display: none; +} +.md .toolbar-hidden.toolbar-bottom-md, +.md .toolbar-hidden.messagebar { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 56px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 104px; +} +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 128px; +} +.md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -104px, 0); + transform: translate3d(0, -104px, 0); +} +.md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { + -webkit-transform: translate3d(0, -128px, 0); + transform: translate3d(0, -128px, 0); +} +.md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -56px, 0); + transform: translate3d(0, -56px, 0); +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 64px; + } + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 112px; + } + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 136px; + } + .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -64px, 0); + transform: translate3d(0, -64px, 0); + } + .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -112px, 0); + transform: translate3d(0, -112px, 0); + } + .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -136px, 0); + transform: translate3d(0, -136px, 0); + } +} +.md .toolbar-bottom-md ~ * .page-content, +.md .toolbar-bottom-md ~ .page-content, +.md .messagebar ~ * .page-content, +.md .messagebar ~ .page-content { + padding-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: 56px; +} +.md .toolbar-transitioning, +.md .navbar-transitioning + .toolbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .color-theme-red .toolbar:not(.messagebar), +.md .color-theme-red.toolbar:not(.messagebar) { + background: #f44336; +} +.md .color-theme-green .toolbar:not(.messagebar), +.md .color-theme-green.toolbar:not(.messagebar) { + background: #4caf50; +} +.md .color-theme-blue .toolbar:not(.messagebar), +.md .color-theme-blue.toolbar:not(.messagebar) { + background: #2196f3; +} +.md .color-theme-pink .toolbar:not(.messagebar), +.md .color-theme-pink.toolbar:not(.messagebar) { + background: #e91e63; +} +.md .color-theme-yellow .toolbar:not(.messagebar), +.md .color-theme-yellow.toolbar:not(.messagebar) { + background: #ffeb3b; +} +.md .color-theme-orange .toolbar:not(.messagebar), +.md .color-theme-orange.toolbar:not(.messagebar) { + background: #ff9800; +} +.md .color-theme-gray .toolbar:not(.messagebar), +.md .color-theme-gray.toolbar:not(.messagebar) { + background: #9e9e9e; +} +.md .color-theme-white .toolbar:not(.messagebar), +.md .color-theme-white.toolbar:not(.messagebar) { + background: #ffffff; +} +.md .color-theme-black .toolbar:not(.messagebar), +.md .color-theme-black.toolbar:not(.messagebar) { + background: #000000; +} +.md .toolbar:not(.messagebar).color-red { + background: #f44336; +} +.md .toolbar:not(.messagebar).color-green { + background: #4caf50; +} +.md .toolbar:not(.messagebar).color-blue { + background: #2196f3; +} +.md .toolbar:not(.messagebar).color-pink { + background: #e91e63; +} +.md .toolbar:not(.messagebar).color-yellow { + background: #ffeb3b; +} +.md .toolbar:not(.messagebar).color-orange { + background: #ff9800; +} +.md .toolbar:not(.messagebar).color-gray { + background: #9e9e9e; +} +.md .toolbar:not(.messagebar).color-white { + background: #ffffff; +} +.md .toolbar:not(.messagebar).color-black { + background: #000000; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { + height: calc(48px + constant(safe-area-inset-top)); + height: calc(48px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + height: auto; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + bottom: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { + height: calc(72px + constant(safe-area-inset-top)); + height: calc(72px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar-bottom-md, +.md.device-iphone-x .view > .toolbar-bottom-md, +.md.device-iphone-x .page > .toolbar-bottom-md, +.md.device-iphone-x .popup > .toolbar-bottom-md, +.md.device-iphone-x .panel > .toolbar-bottom-md, +.md.device-iphone-x .login-screen > .toolbar-bottom-md { + height: calc(48px + constant(safe-area-inset-bottom)); + height: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md ~ .page-content, +.md.device-iphone-x .messagebar ~ * .page-content, +.md.device-iphone-x .messagebar ~ .page-content { + padding-bottom: calc(48px + constant(safe-area-inset-bottom)); + padding-bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-left .toolbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-right .toolbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .subnavbar { + height: 45px; + margin-top: -1px; + padding-top: 1px; + background: #f7f7f8; +} +.ios .subnavbar.no-hairline:after { + display: none !important; +} +.ios .subnavbar .title { + font-weight: 700; + line-height: 1; + overflow: visible; + font-size: 34px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + letter-spacing: -0.03em; +} +.ios .subnavbar .title { + margin-right: 7px; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + line-height: 44px; + height: 44px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + min-width: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; +} +.ios .subnavbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .subnavbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .subnavbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .subnavbar-inner { + padding: 0 8px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.ios .navbar ~ .subnavbar { + top: 44px; +} +.ios .page-with-subnavbar .page-content, +.ios .subnavbar ~ .page-content, +.ios .subnavbar ~ * .page-content { + padding-top: 44px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.ios .page-with-subnavbar .navbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .subnavbar, +.subnavbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .subnavbar:after, +.subnavbar.ios .theme-dark:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .subnavbar { + height: 48px; + background: #2196f3; + color: #fff; +} +.md .subnavbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .subnavbar.no-shadow:after { + display: none; +} +.md .subnavbar .title { + margin: 0 16px; + font-size: 20px; + line-height: 48px; + display: inline-block; + text-align: left; + font-weight: 500; +} +.md .subnavbar .title:first-child { + margin-right: 56px; +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a { + color: inherit; +} +.md .subnavbar a.link { + line-height: 48px; + height: 48px; + min-width: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + min-width: 0; +} +.md .subnavbar-inner { + padding: 0 16px; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: -16px; +} +.md .subnavbar-inner > a.link:last-child { + margin-left: -16px; +} +.md .subnavbar ~ * .page-content, +.md .subnavbar ~ .page-content, +.md .page-with-subnavbar .page-content { + padding-top: 48px; +} +.md .navbar ~ .subnavbar ~ .page-content, +.md .navbar ~ .subnavbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar ~ .page-content, + .md .navbar ~ .subnavbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 112px; + } +} +.md .navbar ~ .subnavbar, +.md .navbar ~ * .subnavbar, +.md .page-with-subnavbar .navbar ~ .subnavbar, +.md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar, + .md .navbar ~ * .subnavbar, + .md .page-with-subnavbar .navbar ~ .subnavbar, + .md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 64px; + } +} +.md .color-theme-red .subnavbar, +.md .color-theme-red.subnavbar { + background: #f44336; +} +.md .color-theme-green .subnavbar, +.md .color-theme-green.subnavbar { + background: #4caf50; +} +.md .color-theme-blue .subnavbar, +.md .color-theme-blue.subnavbar { + background: #2196f3; +} +.md .color-theme-pink .subnavbar, +.md .color-theme-pink.subnavbar { + background: #e91e63; +} +.md .color-theme-yellow .subnavbar, +.md .color-theme-yellow.subnavbar { + background: #ffeb3b; +} +.md .color-theme-orange .subnavbar, +.md .color-theme-orange.subnavbar { + background: #ff9800; +} +.md .color-theme-gray .subnavbar, +.md .color-theme-gray.subnavbar { + background: #9e9e9e; +} +.md .color-theme-white .subnavbar, +.md .color-theme-white.subnavbar { + background: #ffffff; +} +.md .color-theme-black .subnavbar, +.md .color-theme-black.subnavbar { + background: #000000; +} +.md .subnavbar.color-red { + background: #f44336; +} +.md .subnavbar.color-green { + background: #4caf50; +} +.md .subnavbar.color-blue { + background: #2196f3; +} +.md .subnavbar.color-pink { + background: #e91e63; +} +.md .subnavbar.color-yellow { + background: #ffeb3b; +} +.md .subnavbar.color-orange { + background: #ff9800; +} +.md .subnavbar.color-gray { + background: #9e9e9e; +} +.md .subnavbar.color-white { + background: #ffffff; +} +.md .subnavbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === Content Block === */ +.ios .block { + margin: 35px 0; + padding: 0 15px; + color: #6d6d72; +} +.ios .block-title { + text-transform: uppercase; + color: #6d6d72; + margin: 35px 15px 10px; + line-height: 17px; +} +.ios .block-title + .list, +.ios .block-title + .block, +.ios .block-title + .card, +.ios .block-title + .timeline, +.ios .block-title + .block-header { + margin-top: 10px; +} +.ios .block-strong { + color: #000; + background: #fff; + padding: 15px 15px; +} +.ios .block-strong:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block-strong:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block.inset { + margin-left: 15px; + margin-right: 15px; +} +.ios .block-strong-inset { + border-radius: 7px; +} +.ios .block-header, +.ios .block-footer { + padding: 0 15px; + color: #8f8f94; +} +.ios .block .block-header, +.ios .block .block-footer { + padding: 0 !important; +} +.ios .block-header { + margin-top: 35px; +} +.ios .block-header + .list, +.ios .block-header + .block, +.ios .block-header + .card, +.ios .block-header + .timeline { + margin-top: 10px; +} +.ios .block-footer { + margin-bottom: 35px; +} +.ios .list .block-header, +.ios .block .block-header, +.ios .card .block-header, +.ios .timeline .block-header { + margin-top: 0; +} +.ios .list .block-footer, +.ios .block .block-footer, +.ios .card .block-footer, +.ios .timeline .block-footer { + margin-bottom: 0; +} +.ios .list + .block-footer, +.ios .block + .block-footer, +.ios .card + .block-footer, +.ios .timeline + .block-footer { + margin-top: -25px; +} +.ios .block + .block-footer { + margin-top: -25px; + margin-bottom: 35px; +} +@media (min-width: 768px) { + .ios .block.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .block-strong.tablet-inset { + border-radius: 7px; + } +} +.ios .theme-dark .block-title, +.ios .theme-dark .block-header, +.ios .theme-dark .block-footer { + color: #8E8E93; +} +.ios .theme-dark .block { + color: #8E8E93; +} +.ios .theme-dark .block-strong, +.ios .theme-dark.block-strong { + background-color: #1c1c1d; + color: #fff; +} +.ios .theme-dark .block-strong:before, +.ios .theme-dark.block-strong:before { + background-color: #282829; +} +.ios .theme-dark .block-strong:after, +.ios .theme-dark.block-strong:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-left .block-header, + .ios.device-iphone-x .ios-left-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-left .block-footer { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-right .block-header, + .ios.device-iphone-x .ios-right-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-right .block-footer { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.md .block { + margin: 32px 0; + padding: 0 16px; +} +.md .block-title { + color: rgba(0, 0, 0, 0.54); + margin: 32px 16px 16px; + line-height: 16px; + font-weight: 500; +} +.md .block-title + .list, +.md .block-title + .block, +.md .block-title + .card, +.md .block-title + .timeline, +.md .block-title + .block-header { + margin-top: 0px; +} +.md .block-strong { + padding: 16px; +} +.md .block-strong:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block-strong:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block.inset { + margin-left: 16px; + margin-right: 16px; +} +.md .block-strong.inset { + border-radius: 4px; +} +.md .block-header, +.md .block-footer { + padding: 0 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .block .block-header, +.md .block .block-footer { + padding: 0; +} +.md .block-header { + margin-top: 32px; +} +.md .block-header + .list, +.md .block-header + .block, +.md .block-header + .card, +.md .block-header + .timeline { + margin-top: 10px; +} +.md .block-footer { + margin-bottom: 32px; +} +.md .list .block-header, +.md .block .block-header, +.md .card .block-header, +.md .timeline .block-header { + margin-top: 0; +} +.md .list .block-footer, +.md .block .block-footer, +.md .card .block-footer, +.md .timeline .block-footer { + margin-bottom: 0; +} +.md .list + .block-footer, +.md .block + .block-footer, +.md .card + .block-footer, +.md .timeline + .block-footer { + margin-top: -22px; +} +.md .block + .block-footer { + margin-top: -22px; + margin-bottom: 32px; +} +@media (min-width: 768px) { + .md .block.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .block-strong.tablet-inset { + border-radius: 4px; + } +} +.md .theme-dark .block-title { + color: #fff; +} +.md .theme-dark .block-header, +.md .theme-dark .block-footer { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-left .block-header, + .md.device-iphone-x .ios-left-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-left .block-footer { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-right .block-header, + .md.device-iphone-x .ios-right-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-right .block-footer { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 15px center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: left center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.ios .list { + margin: 35px 0; + font-size: 17px; +} +.ios .list .item-cell { + width: 100%; + min-width: 0; + margin-right: 15px; +} +.ios .list .item-cell:first-child { + margin-right: 0; +} +.ios .list ul { + background: #fff; +} +.ios .list ul ul { + padding-right: 45px; +} +.ios .list .item-media { + padding-top: 7px; +} +.ios .list .item-media i + i, +.ios .list .item-media i + img { + margin-right: 5px; +} +.ios .list .item-media + .item-inner { + margin-right: 15px; +} +.ios .list .item-inner { + min-height: 44px; + padding-left: 15px; +} +.ios .list .item-after { + color: #8e8e93; + padding-right: 5px; +} +.ios .list .item-link, +.ios .list .list-button { + color: inherit; +} +.ios .list .item-link .item-inner, +.ios .list .list-button .item-inner { + padding-left: 35px; +} +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .list .item-link.active-state .item-inner:after, +.ios .list .list-button.active-state .item-inner:after { + background-color: transparent; +} +.ios .list .list-button { + padding: 0 15px; + text-align: center; + color: #007aff; + line-height: 44px; +} +.ios .list .item-content { + min-height: 44px; + padding-right: 15px; +} +.ios .list .item-subtitle { + font-size: 15px; +} +.ios .list .item-text { + font-size: 15px; + color: #8e8e93; + line-height: 21px; + max-height: 42px; +} +.ios .list .item-header, +.ios .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.ios .list .item-footer { + color: #8e8e93; +} +.ios .list .item-link.no-chevron .item-inner, +.ios .list.no-chevron .item-link .item-inner, +.ios .list .no-chevron .item-link .item-inner, +.ios .no-chevron .list .item-link .item-inner { + padding-left: 15px; +} +.ios .simple-list li:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .simple-list li { + padding-left: 15px; + padding-right: 15px; + line-height: 44px; + height: 44px; +} +.ios .simple-list li:after { + left: 15px; + right: 0; + width: auto; + right: 15px; + left: 0; +} +.ios .links-list a:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .links-list a { + height: 44px; + color: inherit; +} +.ios .links-list a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .links-list a:after { + width: auto; +} +.ios .links-list a { + padding-right: 15px; + padding-left: 35px; +} +.ios .links-list a:after { + right: 15px; + left: 0; +} +.ios .links-list.no-chevron a, +.ios .no-chevron .links-list a, +.ios .links-list a.no-chevron, +.ios .links-list .no-chevron a { + padding-left: 15px; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.ios .media-list .item-inner, +.ios li.media-item .item-inner { + padding-top: 10px; + padding-bottom: 9px; +} +.ios .media-list .item-media, +.ios li.media-item .item-media { + padding-top: 9px; + padding-bottom: 10px; +} +.ios .media-list .item-link .item-inner, +.ios li.media-item .item-link .item-inner { + padding-left: 15px; +} +.ios .media-list .item-link .item-title-row, +.ios li.media-item .item-link .item-title-row { + padding-left: 20px; +} +.ios .media-list.chevron-center .item-link .item-inner, +.ios .media-list .chevron-center .item-link .item-inner, +.ios .media-list .item-link.chevron-center .item-inner, +.ios li.media-item.chevron-center .item-link .item-inner, +.ios li.media-item .item-link.chevron-center .item-inner, +.ios li.media-item .chevron-center .item-link .item-inner { + padding-left: 35px; +} +.ios .media-list.no-chevron .item-link .item-title-row, +.ios .no-chevron .media-list .item-link .item-title-row, +.ios .media-list .no-chevron .item-link .item-title-row, +.ios li.media-item.no-chevron .item-link .item-title-row, +.ios .no-chevron li.media-item .item-link .item-title-row, +.ios .media-list.chevron-center .item-title-row, +.ios .media-list .chevron-center .item-title-row, +.ios li.media-item.chevron-center .item-title-row, +.ios li.media-item .chevron-center .item-title-row { + padding-left: 0 !important; +} +.ios .list .item-link .item-inner, +.ios .links-list a { + background-position: 15px center; +} +.ios .item-divider, +.ios .list-group-title { + margin-top: -1px; + padding: 4px 15px; + background: #f7f7f7; + color: #8e8e93; +} +.ios .item-divider:after, +.ios .list-group-title:after { + display: none !important; +} +.ios .list-group-title { + margin-top: 0; +} +.ios .item-divider:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .item-divider:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .item-divider:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list-group-title:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list-group-title:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list-group-title:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .list-button:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .list-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .list-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list.inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; +} +.ios .list.inset ul { + border-radius: 7px; +} +.ios .list.inset li:first-child > a { + border-radius: 7px 7px 0 0; +} +.ios .list.inset li:last-child > a { + border-radius: 0 0 7px 7px; +} +.ios .list.inset li:first-child:last-child > a { + border-radius: 7px; +} +@media (min-width: 768px) { + .ios .list.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .list.tablet-inset ul { + border-radius: 7px; + } + .ios .list.tablet-inset li:first-child > a { + border-radius: 7px 7px 0 0; + } + .ios .list.tablet-inset li:last-child > a { + border-radius: 0 0 7px 7px; + } + .ios .list.tablet-inset li:first-child:last-child > a { + border-radius: 7px; + } +} +.ios li li:last-child .item-inner:after, +.ios li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + background-position: calc(15px + constant(safe-area-inset-left)) center; + background-position: calc(15px + env(safe-area-inset-left)) center; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { + padding-left: 0; + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { + right: calc(15px + constant(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { + right: calc(15px + const(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .list ul, +.list.ios .theme-dark ul { + background: #1c1c1d; +} +.ios .theme-dark .list ul:before, +.list.ios .theme-dark ul:before { + background-color: #282829; +} +.ios .theme-dark .list ul:after, +.list.ios .theme-dark ul:after { + background-color: #282829; +} +.ios .theme-dark .list li li:last-child .item-inner:after, +.list.ios .theme-dark li li:last-child .item-inner:after, +.ios .theme-dark .list li:last-child li .item-inner:after, +.list.ios .theme-dark li:last-child li .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider:before { + background-color: #282829; +} +.ios .theme-dark .list-group-title:before { + background-color: #282829; +} +.ios .theme-dark .list-button:after { + background-color: #282829; +} +.ios .theme-dark .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider, +.ios .theme-dark .list-group-title { + background-color: #111; +} +.ios .theme-dark .links-list a:after, +.ios .theme-dark .simple-list li:after, +.ios .theme-dark .links-list a:after, +.links-list.ios .theme-dark a .simple-list li:after, +.simple-list.ios .theme-dark li:after { + background-color: #282829; +} +.ios .theme-dark .list .item-link.active-state, +.list.ios .theme-dark .item-link.active-state, +.ios .theme-dark .list .list-button.active-state, +.list.ios .theme-dark .list-button.active-state, +.ios .theme-dark .links-list a.active-state, +.links-list.ios .theme-dark a.active-state { + background-color: #363636; +} +.ios .color-theme-red .list-button { + color: #ff3b30; +} +.ios .color-theme-green .list-button { + color: #4cd964; +} +.ios .color-theme-blue .list-button { + color: #007aff; +} +.ios .color-theme-pink .list-button { + color: #ff2d55; +} +.ios .color-theme-yellow .list-button { + color: #ffcc00; +} +.ios .color-theme-orange .list-button { + color: #ff9500; +} +.ios .color-theme-gray .list-button { + color: #8e8e93; +} +.ios .color-theme-white .list-button { + color: #ffffff; +} +.ios .color-theme-black .list-button { + color: #000000; +} +.ios .list .list-button.color-red, +.ios .list li.color-red .list-button, +.ios .links-list li.color-red a, +.ios .simple-list li.color-red, +.ios .links-list a.color-red, +.ios .list .item-link.color-red, +.ios .list li.color-red .item-link { + color: #ff3b30; +} +.ios .list .list-button.color-green, +.ios .list li.color-green .list-button, +.ios .links-list li.color-green a, +.ios .simple-list li.color-green, +.ios .links-list a.color-green, +.ios .list .item-link.color-green, +.ios .list li.color-green .item-link { + color: #4cd964; +} +.ios .list .list-button.color-blue, +.ios .list li.color-blue .list-button, +.ios .links-list li.color-blue a, +.ios .simple-list li.color-blue, +.ios .links-list a.color-blue, +.ios .list .item-link.color-blue, +.ios .list li.color-blue .item-link { + color: #007aff; +} +.ios .list .list-button.color-pink, +.ios .list li.color-pink .list-button, +.ios .links-list li.color-pink a, +.ios .simple-list li.color-pink, +.ios .links-list a.color-pink, +.ios .list .item-link.color-pink, +.ios .list li.color-pink .item-link { + color: #ff2d55; +} +.ios .list .list-button.color-yellow, +.ios .list li.color-yellow .list-button, +.ios .links-list li.color-yellow a, +.ios .simple-list li.color-yellow, +.ios .links-list a.color-yellow, +.ios .list .item-link.color-yellow, +.ios .list li.color-yellow .item-link { + color: #ffcc00; +} +.ios .list .list-button.color-orange, +.ios .list li.color-orange .list-button, +.ios .links-list li.color-orange a, +.ios .simple-list li.color-orange, +.ios .links-list a.color-orange, +.ios .list .item-link.color-orange, +.ios .list li.color-orange .item-link { + color: #ff9500; +} +.ios .list .list-button.color-gray, +.ios .list li.color-gray .list-button, +.ios .links-list li.color-gray a, +.ios .simple-list li.color-gray, +.ios .links-list a.color-gray, +.ios .list .item-link.color-gray, +.ios .list li.color-gray .item-link { + color: #8e8e93; +} +.ios .list .list-button.color-white, +.ios .list li.color-white .list-button, +.ios .links-list li.color-white a, +.ios .simple-list li.color-white, +.ios .links-list a.color-white, +.ios .list .item-link.color-white, +.ios .list li.color-white .item-link { + color: #ffffff; +} +.ios .list .list-button.color-black, +.ios .list li.color-black .list-button, +.ios .links-list li.color-black a, +.ios .simple-list li.color-black, +.ios .links-list a.color-black, +.ios .list .item-link.color-black, +.ios .list li.color-black .item-link { + color: #000000; +} +.md .list { + margin: 32px 0; + font-size: 16px; +} +.md .list .item-cell { + width: 100%; + min-width: 0; + margin-right: 16px; +} +.md .list .item-cell:first-child { + margin-right: 0; +} +.md .list ul ul { + padding-right: 56px; +} +.md .list .item-media { + padding-top: 8px; + min-width: 40px; +} +.md .list .item-media i + i, +.md .list .item-media i + img { + margin-right: 8px; +} +.md .list .item-media + .item-inner { + margin-right: 16px; +} +.md .list .item-inner { + min-height: 48px; + padding-left: 16px; +} +.md .list .item-after { + color: #757575; + font-size: 14px; + padding-right: 8px; +} +.md .list .item-link, +.md .list .list-button { + color: inherit; +} +.md .list .item-link .item-inner, +.md .list .list-button .item-inner { + padding-left: 42px; +} +.md .list .item-link.active-state, +.md .list .list-button.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .list-button { + padding: 0 16px; + font-size: 16px; + line-height: 48px; +} +.md .list .item-content { + min-height: 48px; + padding-right: 16px; +} +.md .list .item-subtitle { + font-size: 14px; +} +.md .list .item-text { + font-size: 14px; + color: #757575; + line-height: 20px; + max-height: 40px; +} +.md .list .item-header, +.md .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.md .list .item-footer { + color: rgba(0, 0, 0, 0.5); +} +.md .list .item-link.no-chevron .item-inner, +.md .list.no-chevron .item-link .item-inner, +.md .list .no-chevron .item-link .item-inner, +.md .no-chevron .list .item-link .item-inner { + padding-left: 16px; +} +.md .simple-list li:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .simple-list li { + padding-left: 16px; + padding-right: 16px; + line-height: 48px; + height: 48px; +} +.md .simple-list li:after { + width: auto; + left: 0; + right: 16px; +} +.md .links-list a:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .links-list a { + height: 48px; + color: inherit; +} +.md .links-list a.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .links-list a:after { + width: auto; +} +.md .links-list a { + padding-right: 16px; + padding-left: 42px; +} +.md .links-list a:after { + right: 16px; + left: 0; +} +.md .links-list.no-chevron a, +.md .no-chevron .links-list a, +.md .links-list a.no-chevron, +.md .links-list .no-chevron a { + padding-left: 16px; +} +.md .media-list .item-inner, +.md li.media-item .item-inner { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list .item-link .item-inner, +.md li.media-item .item-link .item-inner { + padding-left: 16px; +} +.md .media-list .item-link .item-title-row, +.md li.media-item .item-link .item-title-row { + padding-left: 26px; +} +.md .media-list .item-media, +.md li.media-item .item-media { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list.chevron-center .item-link .item-inner, +.md .media-list .chevron-center .item-link .item-inner, +.md .media-list .item-link.chevron-center .item-inner, +.md li.media-item.chevron-center .item-link .item-inner, +.md li.media-item .item-link.chevron-center .item-inner, +.md li.media-item .chevron-center .item-link .item-inner { + padding-left: 42px; +} +.md .media-list.no-chevron .item-link .item-title-row, +.md .no-chevron .media-list .item-link .item-title-row, +.md .media-list .no-chevron .item-link .item-title-row, +.md li.media-item.no-chevron .item-link .item-title-row, +.md .no-chevron li.media-item .item-link .item-title-row, +.md .media-list.chevron-center .item-title-row, +.md .media-list .chevron-center .item-title-row, +.md li.media-item.chevron-center .item-title-row, +.md li.media-item .chevron-center .item-title-row { + padding-left: 0 !important; +} +.md .list .item-link .item-inner, +.md .links-list a { + background-position: 16px center; +} +.md .item-divider, +.md .list-group-title { + padding: 0 16px; + background: #f4f4f4; + color: rgba(0, 0, 0, 0.54); + height: 48px; + line-height: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; +} +.md .item-divider:before, +.md .list-group-title:before { + display: none !important; +} +.md .item-divider:after, +.md .list-group-title:after { + display: none !important; +} +.md .list-group-title { + margin-top: 0; +} +.md .list .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list.inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; +} +.md .list.inset ul { + border-radius: 4px; +} +.md .list.inset li:first-child > a { + border-radius: 4px 4px 0 0; +} +.md .list.inset li:last-child > a { + border-radius: 0 0 4px 4px; +} +.md .list.inset li:first-child:last-child > a { + border-radius: 4px; +} +@media (min-width: 768px) { + .md .list.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .list.tablet-inset li:first-child > a { + border-radius: 4px 4px 0 0; + } + .md .list.tablet-inset li:last-child > a { + border-radius: 0 0 4px 4px; + } + .md .list.tablet-inset li:first-child:last-child > a { + border-radius: 4px; + } +} +.md li li:last-child .item-inner:after, +.md li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + background-position: calc(16px + constant(safe-area-inset-left)) center; + background-position: calc(16px + env(safe-area-inset-left)) center; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { + padding-left: 0; + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { + right: calc(16px + constant(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { + right: calc(16px + const(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .list ul:before, +.list.md .theme-dark ul:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list ul:after, +.list.md .theme-dark ul:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list li li:last-child .item-inner:after, +.list.md .theme-dark li li:last-child .item-inner:after, +.md .theme-dark .list li:last-child li .item-inner:after, +.list.md .theme-dark li:last-child li .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-group-title:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-button:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider, +.md .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +.md .theme-dark .links-list a:after, +.md .theme-dark .simple-list li:after, +.md .theme-dark .links-list a:after, +.links-list.md .theme-dark a .simple-list li:after, +.simple-list.md .theme-dark li:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list .item-link.active-state, +.list.md .theme-dark .item-link.active-state, +.md .theme-dark .list .list-button.active-state, +.list.md .theme-dark .list-button.active-state, +.md .theme-dark .links-list a.active-state, +.links-list.md .theme-dark a.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .item-after, +.md .theme-dark .item-text { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .list-button { + color: #f44336; +} +.md .color-theme-green .list-button { + color: #4caf50; +} +.md .color-theme-blue .list-button { + color: #2196f3; +} +.md .color-theme-pink .list-button { + color: #e91e63; +} +.md .color-theme-yellow .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .list-button { + color: #ff9800; +} +.md .color-theme-gray .list-button { + color: #9e9e9e; +} +.md .color-theme-white .list-button { + color: #ffffff; +} +.md .color-theme-black .list-button { + color: #000000; +} +.md .list .list-button.color-red, +.md .list li.color-red .list-button, +.md .links-list li.color-red a, +.md .simple-list li.color-red, +.md .links-list a.color-red, +.md .list .item-link.color-red, +.md .list li.color-red .item-link { + color: #f44336; +} +.md .list .list-button.color-green, +.md .list li.color-green .list-button, +.md .links-list li.color-green a, +.md .simple-list li.color-green, +.md .links-list a.color-green, +.md .list .item-link.color-green, +.md .list li.color-green .item-link { + color: #4caf50; +} +.md .list .list-button.color-blue, +.md .list li.color-blue .list-button, +.md .links-list li.color-blue a, +.md .simple-list li.color-blue, +.md .links-list a.color-blue, +.md .list .item-link.color-blue, +.md .list li.color-blue .item-link { + color: #2196f3; +} +.md .list .list-button.color-pink, +.md .list li.color-pink .list-button, +.md .links-list li.color-pink a, +.md .simple-list li.color-pink, +.md .links-list a.color-pink, +.md .list .item-link.color-pink, +.md .list li.color-pink .item-link { + color: #e91e63; +} +.md .list .list-button.color-yellow, +.md .list li.color-yellow .list-button, +.md .links-list li.color-yellow a, +.md .simple-list li.color-yellow, +.md .links-list a.color-yellow, +.md .list .item-link.color-yellow, +.md .list li.color-yellow .item-link { + color: #ffeb3b; +} +.md .list .list-button.color-orange, +.md .list li.color-orange .list-button, +.md .links-list li.color-orange a, +.md .simple-list li.color-orange, +.md .links-list a.color-orange, +.md .list .item-link.color-orange, +.md .list li.color-orange .item-link { + color: #ff9800; +} +.md .list .list-button.color-gray, +.md .list li.color-gray .list-button, +.md .links-list li.color-gray a, +.md .simple-list li.color-gray, +.md .links-list a.color-gray, +.md .list .item-link.color-gray, +.md .list li.color-gray .item-link { + color: #9e9e9e; +} +.md .list .list-button.color-white, +.md .list li.color-white .list-button, +.md .links-list li.color-white a, +.md .simple-list li.color-white, +.md .links-list a.color-white, +.md .list .item-link.color-white, +.md .list li.color-white .item-link { + color: #ffffff; +} +.md .list .list-button.color-black, +.md .list li.color-black .list-button, +.md .links-list li.color-black a, +.md .simple-list li.color-black, +.md .links-list a.color-black, +.md .list .item-link.color-black, +.md .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.ios .badge { + font-size: 13px; + border-radius: 20px; + padding: 0 6px; + height: 20px; + line-height: 20px; +} +.ios .icon .badge, +.ios .f7-icons .badge, +.ios .framework7-icons .badge, +.ios .material-icons .badge { + line-height: 16px; + height: 16px; + border-radius: 16px; + padding: 0 4px; + min-width: 16px; + font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.ios .badge.color-red { + background-color: #ff3b30; +} +.ios .badge.color-green { + background-color: #4cd964; +} +.ios .badge.color-blue { + background-color: #007aff; +} +.ios .badge.color-pink { + background-color: #ff2d55; +} +.ios .badge.color-yellow { + background-color: #ffcc00; +} +.ios .badge.color-orange { + background-color: #ff9500; +} +.ios .badge.color-gray { + background-color: #8e8e93; +} +.ios .badge.color-white { + background-color: #ffffff; +} +.ios .badge.color-black { + background-color: #000000; +} +.md .badge { + font-size: 10px; + border-radius: 3px; + padding: 1px 6px; + vertical-align: middle; +} +.md .icon .badge, +.md .f7-icons .badge, +.md .framework7-icons .badge, +.md .material-icons .badge { + line-height: 1.4; + padding: 1px 5px; + font-family: Roboto, Noto, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.md .badge.color-red { + background-color: #f44336; +} +.md .badge.color-green { + background-color: #4caf50; +} +.md .badge.color-blue { + background-color: #2196f3; +} +.md .badge.color-pink { + background-color: #e91e63; +} +.md .badge.color-yellow { + background-color: #ffeb3b; +} +.md .badge.color-orange { + background-color: #ff9800; +} +.md .badge.color-gray { + background-color: #9e9e9e; +} +.md .badge.color-white { + background-color: #ffffff; +} +.md .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; +} +.ios .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.button-round, +.ios .button.button-round-ios { + border-radius: 29px; +} +.ios .button.button-active, +.ios .button.tab-link-active { + background: #007aff; + color: #fff; +} +.ios .button.button-big, +.ios .button.button-big-ios { + font-size: 17px; + height: 44px; + line-height: 42px; +} +.ios .button.button-small, +.ios .button.button-small-ios { + height: 26px; + line-height: 22px; + border-width: 2px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.ios .button.button-small.button-fill.active-state, +.ios .button.button-small-ios.button-fill.active-state, +.ios .button.button-small.button-fill-ios.active-state, +.ios .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; + opacity: 1; +} +.ios .button.button-fill, +.ios .button.button-fill-ios { + color: #fff; + background: #007aff; + border-color: transparent; +} +.ios .button.button-fill.active-state, +.ios .button.button-fill-ios.active-state { + opacity: 0.8; +} +.ios .button i.icon:first-child { + margin-left: 10px; +} +.ios .button i.icon:last-child { + margin-right: 10px; +} +.ios .button i.icon:first-child:last-child { + margin-left: 0; + margin-right: 0; +} +.ios .segmented .button { + border-radius: 0; + border-right-width: 0; +} +.ios .segmented .button:first-child { + border-radius: 0 5px 5px 0; + border-right-width: 1px; + border-right-style: solid; +} +.ios .segmented .button:first-child.button-small { + border-right-width: 2px; +} +.ios .segmented .button:last-child { + border-radius: 5px 0 0 5px; +} +.ios .segmented .button:first-child:last-child { + border-radius: 5px; +} +.ios .segmented .button.button-round:first-child, +.ios .segmented .button.button-round-ios:first-child { + border-radius: 0 29px 29px 0; +} +.ios .segmented .button.button-round:last-child, +.ios .segmented .button.button-round-ios:last-child { + border-radius: 0 29px 29px 0; + border-radius: 29px 0 0 29px; +} +.ios .color-theme-red .button { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .button.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active, +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active { + background: #ff3b30; +} +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .color-theme-red .button.button-small.button-fill.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill.active-state, +.ios .color-theme-red .button.button-small.button-fill-ios.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .color-theme-green .button { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .button.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active, +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active { + background: #4cd964; +} +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .color-theme-green .button.button-small.button-fill.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill.active-state, +.ios .color-theme-green .button.button-small.button-fill-ios.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .color-theme-blue .button { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active, +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active { + background: #007aff; +} +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .color-theme-blue .button.button-small.button-fill.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill.active-state, +.ios .color-theme-blue .button.button-small.button-fill-ios.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .color-theme-pink .button { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .button.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active, +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active { + background: #ff2d55; +} +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .color-theme-pink .button.button-small.button-fill.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill.active-state, +.ios .color-theme-pink .button.button-small.button-fill-ios.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .color-theme-yellow .button { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .button.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active, +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active { + background: #ffcc00; +} +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .color-theme-yellow .button.button-small.button-fill.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, +.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .color-theme-orange .button { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .button.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active, +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active { + background: #ff9500; +} +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .color-theme-orange .button.button-small.button-fill.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill.active-state, +.ios .color-theme-orange .button.button-small.button-fill-ios.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .color-theme-gray .button { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .button.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active, +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active { + background: #8e8e93; +} +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .color-theme-gray .button.button-small.button-fill.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill.active-state, +.ios .color-theme-gray .button.button-small.button-fill-ios.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .color-theme-white .button { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .button.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active, +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active { + background: #ffffff; +} +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .color-theme-white .button.button-small.button-fill.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill.active-state, +.ios .color-theme-white .button.button-small.button-fill-ios.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .color-theme-black .button { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .button.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active, +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active { + background: #000000; +} +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .color-theme-black .button.button-small.button-fill.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill.active-state, +.ios .color-theme-black .button.button-small.button-fill-ios.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.ios .button.color-red { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .button.color-red.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active, +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + color: #fff; +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active { + background: #ff3b30; +} +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .button.color-red.button-small.button-fill.active-state, +.ios .button.color-red.button-small-ios.button-fill.active-state, +.ios .button.color-red.button-small.button-fill-ios.active-state, +.ios .button.color-red.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .button.color-green { + border-color: #4cd964; + color: #4cd964; +} +.ios .button.color-green.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active, +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + color: #fff; +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active { + background: #4cd964; +} +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .button.color-green.button-small.button-fill.active-state, +.ios .button.color-green.button-small-ios.button-fill.active-state, +.ios .button.color-green.button-small.button-fill-ios.active-state, +.ios .button.color-green.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .button.color-blue { + border-color: #007aff; + color: #007aff; +} +.ios .button.color-blue.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active, +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + color: #fff; +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active { + background: #007aff; +} +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .button.color-blue.button-small.button-fill.active-state, +.ios .button.color-blue.button-small-ios.button-fill.active-state, +.ios .button.color-blue.button-small.button-fill-ios.active-state, +.ios .button.color-blue.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .button.color-pink { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .button.color-pink.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active, +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + color: #fff; +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active { + background: #ff2d55; +} +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .button.color-pink.button-small.button-fill.active-state, +.ios .button.color-pink.button-small-ios.button-fill.active-state, +.ios .button.color-pink.button-small.button-fill-ios.active-state, +.ios .button.color-pink.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .button.color-yellow { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .button.color-yellow.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active, +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + color: #fff; +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active { + background: #ffcc00; +} +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .button.color-yellow.button-small.button-fill.active-state, +.ios .button.color-yellow.button-small-ios.button-fill.active-state, +.ios .button.color-yellow.button-small.button-fill-ios.active-state, +.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .button.color-orange { + border-color: #ff9500; + color: #ff9500; +} +.ios .button.color-orange.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active, +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + color: #fff; +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active { + background: #ff9500; +} +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .button.color-orange.button-small.button-fill.active-state, +.ios .button.color-orange.button-small-ios.button-fill.active-state, +.ios .button.color-orange.button-small.button-fill-ios.active-state, +.ios .button.color-orange.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .button.color-gray { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .button.color-gray.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active, +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + color: #fff; +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active { + background: #8e8e93; +} +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .button.color-gray.button-small.button-fill.active-state, +.ios .button.color-gray.button-small-ios.button-fill.active-state, +.ios .button.color-gray.button-small.button-fill-ios.active-state, +.ios .button.color-gray.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .button.color-white { + border-color: #ffffff; + color: #ffffff; +} +.ios .button.color-white.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active, +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + color: #fff; +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active { + background: #ffffff; +} +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .button.color-white.button-small.button-fill.active-state, +.ios .button.color-white.button-small-ios.button-fill.active-state, +.ios .button.color-white.button-small.button-fill-ios.active-state, +.ios .button.color-white.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .button.color-black { + border-color: #000000; + color: #000000; +} +.ios .button.color-black.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active, +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + color: #fff; +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active { + background: #000000; +} +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .button.color-black.button-small.button-fill.active-state, +.ios .button.color-black.button-small-ios.button-fill.active-state, +.ios .button.color-black.button-small.button-fill-ios.active-state, +.ios .button.color-black.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.md .button { + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .button.button-fill, +.md .button.button-fill-md, +.md .button.button-active, +.md .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.button-fill.active-state, +.md .button.button-fill-md.active-state, +.md .button.button-active.active-state, +.md .button.tab-link-active.active-state { + background: #0c82df; +} +.md .button.button-big, +.md .button.button-big-md { + height: 48px; + line-height: 48px; + border-radius: 4px; +} +.md .button.button-round, +.md .button.button-round-md { + border-radius: 36px; +} +.md .button.button-outline { + border: 2px solid #2196f3; + line-height: 32px; +} +.md .button.button-outline.button-big, +.md .button.button-outline.button-big-md { + line-height: 44px; +} +.md .button.button-small, +.md .button.button-small-md { + height: 28px; + line-height: 28px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.button-small.button-outline, +.md .button.button-small-md.button-outline { + border-width: 2px; + line-height: 24px; +} +.md .button > i.icon + span, +.md .button > span:not(.ripple-wave) + span, +.md .button > span:not(.ripple-wave) + i.icon, +.md .button > i.icon + i.icon { + margin-right: 8px; +} +.md .button.button-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .button.button-raised.active-state { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .navbar .button:not(.button-fill):not(.button-fill-md), +.md .subnavbar .button:not(.button-fill):not(.button-fill-md), +.md .toolbar .button:not(.button-fill):not(.button-fill-md) { + color: #fff; +} +.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .toast .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .segmented { + border-radius: 4px; +} +.md .segmented.segmented-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .segmented.segmented-round { + border-radius: 36px; +} +.md .segmented .button { + border-radius: 0; + min-width: 0; + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .segmented .button:first-child { + border-radius: 0 4px 4px 0; + border-right: none; +} +.md .segmented .button.button-outline { + border: 2px solid #2196f3; +} +.md .segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.md .segmented .button:last-child { + border-radius: 4px 0 0 4px; +} +.md .segmented .button:first-child:last-child { + border-radius: 4px; +} +.md .segmented .button.button-round:first-child { + border-radius: 0 36px 36px 0; +} +.md .segmented .button.button-round:last-child { + border-radius: 36px 0 0 36px; +} +.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { + background-color: rgba(255, 255, 255, 0.1); +} +.md .color-theme-red .button, +.md .color-red .button { + color: #f44336; +} +.md .color-theme-red .button.button-fill, +.md .color-red .button.button-fill, +.md .color-theme-red .button.button-fill-md, +.md .color-red .button.button-fill-md, +.md .color-theme-red .button.button-active, +.md .color-red .button.button-active, +.md .color-theme-red .button.tab-link-active, +.md .color-red .button.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .button.button-fill.active-state, +.md .color-red .button.button-fill.active-state, +.md .color-theme-red .button.button-fill-md.active-state, +.md .color-red .button.button-fill-md.active-state, +.md .color-theme-red .button.button-active.active-state, +.md .color-red .button.button-active.active-state, +.md .color-theme-red .button.tab-link-active.active-state, +.md .color-red .button.tab-link-active.active-state { + background: #f21f0f; +} +.md .color-theme-red .button.button-outline, +.md .color-red .button.button-outline { + border-color: #f44336; +} +.md .color-theme-green .button, +.md .color-green .button { + color: #4caf50; +} +.md .color-theme-green .button.button-fill, +.md .color-green .button.button-fill, +.md .color-theme-green .button.button-fill-md, +.md .color-green .button.button-fill-md, +.md .color-theme-green .button.button-active, +.md .color-green .button.button-active, +.md .color-theme-green .button.tab-link-active, +.md .color-green .button.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .button.button-fill.active-state, +.md .color-green .button.button-fill.active-state, +.md .color-theme-green .button.button-fill-md.active-state, +.md .color-green .button.button-fill-md.active-state, +.md .color-theme-green .button.button-active.active-state, +.md .color-green .button.button-active.active-state, +.md .color-theme-green .button.tab-link-active.active-state, +.md .color-green .button.tab-link-active.active-state { + background: #409343; +} +.md .color-theme-green .button.button-outline, +.md .color-green .button.button-outline { + border-color: #4caf50; +} +.md .color-theme-blue .button, +.md .color-blue .button { + color: #2196f3; +} +.md .color-theme-blue .button.button-fill, +.md .color-blue .button.button-fill, +.md .color-theme-blue .button.button-fill-md, +.md .color-blue .button.button-fill-md, +.md .color-theme-blue .button.button-active, +.md .color-blue .button.button-active, +.md .color-theme-blue .button.tab-link-active, +.md .color-blue .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .button.button-fill.active-state, +.md .color-blue .button.button-fill.active-state, +.md .color-theme-blue .button.button-fill-md.active-state, +.md .color-blue .button.button-fill-md.active-state, +.md .color-theme-blue .button.button-active.active-state, +.md .color-blue .button.button-active.active-state, +.md .color-theme-blue .button.tab-link-active.active-state, +.md .color-blue .button.tab-link-active.active-state { + background: #0c82df; +} +.md .color-theme-blue .button.button-outline, +.md .color-blue .button.button-outline { + border-color: #2196f3; +} +.md .color-theme-pink .button, +.md .color-pink .button { + color: #e91e63; +} +.md .color-theme-pink .button.button-fill, +.md .color-pink .button.button-fill, +.md .color-theme-pink .button.button-fill-md, +.md .color-pink .button.button-fill-md, +.md .color-theme-pink .button.button-active, +.md .color-pink .button.button-active, +.md .color-theme-pink .button.tab-link-active, +.md .color-pink .button.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .button.button-fill.active-state, +.md .color-pink .button.button-fill.active-state, +.md .color-theme-pink .button.button-fill-md.active-state, +.md .color-pink .button.button-fill-md.active-state, +.md .color-theme-pink .button.button-active.active-state, +.md .color-pink .button.button-active.active-state, +.md .color-theme-pink .button.tab-link-active.active-state, +.md .color-pink .button.tab-link-active.active-state { + background: #ca1452; +} +.md .color-theme-pink .button.button-outline, +.md .color-pink .button.button-outline { + border-color: #e91e63; +} +.md .color-theme-yellow .button, +.md .color-yellow .button { + color: #ffeb3b; +} +.md .color-theme-yellow .button.button-fill, +.md .color-yellow .button.button-fill, +.md .color-theme-yellow .button.button-fill-md, +.md .color-yellow .button.button-fill-md, +.md .color-theme-yellow .button.button-active, +.md .color-yellow .button.button-active, +.md .color-theme-yellow .button.tab-link-active, +.md .color-yellow .button.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .button.button-fill.active-state, +.md .color-yellow .button.button-fill.active-state, +.md .color-theme-yellow .button.button-fill-md.active-state, +.md .color-yellow .button.button-fill-md.active-state, +.md .color-theme-yellow .button.button-active.active-state, +.md .color-yellow .button.button-active.active-state, +.md .color-theme-yellow .button.tab-link-active.active-state, +.md .color-yellow .button.tab-link-active.active-state { + background: #ffe712; +} +.md .color-theme-yellow .button.button-outline, +.md .color-yellow .button.button-outline { + border-color: #ffeb3b; +} +.md .color-theme-orange .button, +.md .color-orange .button { + color: #ff9800; +} +.md .color-theme-orange .button.button-fill, +.md .color-orange .button.button-fill, +.md .color-theme-orange .button.button-fill-md, +.md .color-orange .button.button-fill-md, +.md .color-theme-orange .button.button-active, +.md .color-orange .button.button-active, +.md .color-theme-orange .button.tab-link-active, +.md .color-orange .button.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .button.button-fill.active-state, +.md .color-orange .button.button-fill.active-state, +.md .color-theme-orange .button.button-fill-md.active-state, +.md .color-orange .button.button-fill-md.active-state, +.md .color-theme-orange .button.button-active.active-state, +.md .color-orange .button.button-active.active-state, +.md .color-theme-orange .button.tab-link-active.active-state, +.md .color-orange .button.tab-link-active.active-state { + background: #d68000; +} +.md .color-theme-orange .button.button-outline, +.md .color-orange .button.button-outline { + border-color: #ff9800; +} +.md .color-theme-gray .button, +.md .color-gray .button { + color: #9e9e9e; +} +.md .color-theme-gray .button.button-fill, +.md .color-gray .button.button-fill, +.md .color-theme-gray .button.button-fill-md, +.md .color-gray .button.button-fill-md, +.md .color-theme-gray .button.button-active, +.md .color-gray .button.button-active, +.md .color-theme-gray .button.tab-link-active, +.md .color-gray .button.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .button.button-fill.active-state, +.md .color-gray .button.button-fill.active-state, +.md .color-theme-gray .button.button-fill-md.active-state, +.md .color-gray .button.button-fill-md.active-state, +.md .color-theme-gray .button.button-active.active-state, +.md .color-gray .button.button-active.active-state, +.md .color-theme-gray .button.tab-link-active.active-state, +.md .color-gray .button.tab-link-active.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .button.button-outline, +.md .color-gray .button.button-outline { + border-color: #9e9e9e; +} +.md .color-theme-white .button, +.md .color-white .button { + color: #ffffff; +} +.md .color-theme-white .button.button-fill, +.md .color-white .button.button-fill, +.md .color-theme-white .button.button-fill-md, +.md .color-white .button.button-fill-md, +.md .color-theme-white .button.button-active, +.md .color-white .button.button-active, +.md .color-theme-white .button.tab-link-active, +.md .color-white .button.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .button.button-fill.active-state, +.md .color-white .button.button-fill.active-state, +.md .color-theme-white .button.button-fill-md.active-state, +.md .color-white .button.button-fill-md.active-state, +.md .color-theme-white .button.button-active.active-state, +.md .color-white .button.button-active.active-state, +.md .color-theme-white .button.tab-link-active.active-state, +.md .color-white .button.tab-link-active.active-state { + background: #ebebeb; +} +.md .color-theme-white .button.button-outline, +.md .color-white .button.button-outline { + border-color: #ffffff; +} +.md .color-theme-black .button, +.md .color-black .button { + color: #000000; +} +.md .color-theme-black .button.button-fill, +.md .color-black .button.button-fill, +.md .color-theme-black .button.button-fill-md, +.md .color-black .button.button-fill-md, +.md .color-theme-black .button.button-active, +.md .color-black .button.button-active, +.md .color-theme-black .button.tab-link-active, +.md .color-black .button.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .button.button-fill.active-state, +.md .color-black .button.button-fill.active-state, +.md .color-theme-black .button.button-fill-md.active-state, +.md .color-black .button.button-fill-md.active-state, +.md .color-theme-black .button.button-active.active-state, +.md .color-black .button.button-active.active-state, +.md .color-theme-black .button.tab-link-active.active-state, +.md .color-black .button.tab-link-active.active-state { + background: #000000; +} +.md .color-theme-black .button.button-outline, +.md .color-black .button.button-outline { + border-color: #000000; +} +.md .button.color-red { + color: #f44336; +} +.md .button.color-red.button-fill, +.md .button.color-red.button-fill-md, +.md .button.color-red.button-active, +.md .button.color-red.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .button.color-red.button-fill.active-state, +.md .button.color-red.button-fill-md.active-state, +.md .button.color-red.button-active.active-state, +.md .button.color-red.tab-link-active.active-state { + background: #f21f0f; +} +.md .button.color-red.button-outline { + border-color: #f44336; +} +.md .button.color-green { + color: #4caf50; +} +.md .button.color-green.button-fill, +.md .button.color-green.button-fill-md, +.md .button.color-green.button-active, +.md .button.color-green.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .button.color-green.button-fill.active-state, +.md .button.color-green.button-fill-md.active-state, +.md .button.color-green.button-active.active-state, +.md .button.color-green.tab-link-active.active-state { + background: #409343; +} +.md .button.color-green.button-outline { + border-color: #4caf50; +} +.md .button.color-blue { + color: #2196f3; +} +.md .button.color-blue.button-fill, +.md .button.color-blue.button-fill-md, +.md .button.color-blue.button-active, +.md .button.color-blue.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.color-blue.button-fill.active-state, +.md .button.color-blue.button-fill-md.active-state, +.md .button.color-blue.button-active.active-state, +.md .button.color-blue.tab-link-active.active-state { + background: #0c82df; +} +.md .button.color-blue.button-outline { + border-color: #2196f3; +} +.md .button.color-pink { + color: #e91e63; +} +.md .button.color-pink.button-fill, +.md .button.color-pink.button-fill-md, +.md .button.color-pink.button-active, +.md .button.color-pink.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .button.color-pink.button-fill.active-state, +.md .button.color-pink.button-fill-md.active-state, +.md .button.color-pink.button-active.active-state, +.md .button.color-pink.tab-link-active.active-state { + background: #ca1452; +} +.md .button.color-pink.button-outline { + border-color: #e91e63; +} +.md .button.color-yellow { + color: #ffeb3b; +} +.md .button.color-yellow.button-fill, +.md .button.color-yellow.button-fill-md, +.md .button.color-yellow.button-active, +.md .button.color-yellow.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .button.color-yellow.button-fill.active-state, +.md .button.color-yellow.button-fill-md.active-state, +.md .button.color-yellow.button-active.active-state, +.md .button.color-yellow.tab-link-active.active-state { + background: #ffe712; +} +.md .button.color-yellow.button-outline { + border-color: #ffeb3b; +} +.md .button.color-orange { + color: #ff9800; +} +.md .button.color-orange.button-fill, +.md .button.color-orange.button-fill-md, +.md .button.color-orange.button-active, +.md .button.color-orange.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .button.color-orange.button-fill.active-state, +.md .button.color-orange.button-fill-md.active-state, +.md .button.color-orange.button-active.active-state, +.md .button.color-orange.tab-link-active.active-state { + background: #d68000; +} +.md .button.color-orange.button-outline { + border-color: #ff9800; +} +.md .button.color-gray { + color: #9e9e9e; +} +.md .button.color-gray.button-fill, +.md .button.color-gray.button-fill-md, +.md .button.color-gray.button-active, +.md .button.color-gray.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .button.color-gray.button-fill.active-state, +.md .button.color-gray.button-fill-md.active-state, +.md .button.color-gray.button-active.active-state, +.md .button.color-gray.tab-link-active.active-state { + background: #8a8a8a; +} +.md .button.color-gray.button-outline { + border-color: #9e9e9e; +} +.md .button.color-white { + color: #ffffff; +} +.md .button.color-white.button-fill, +.md .button.color-white.button-fill-md, +.md .button.color-white.button-active, +.md .button.color-white.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .button.color-white.button-fill.active-state, +.md .button.color-white.button-fill-md.active-state, +.md .button.color-white.button-active.active-state, +.md .button.color-white.tab-link-active.active-state { + background: #ebebeb; +} +.md .button.color-white.button-outline { + border-color: #ffffff; +} +.md .button.color-black { + color: #000000; +} +.md .button.color-black.button-fill, +.md .button.color-black.button-fill-md, +.md .button.color-black.button-active, +.md .button.color-black.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .button.color-black.button-fill.active-state, +.md .button.color-black.button-fill-md.active-state, +.md .button.color-black.button-active.active-state, +.md .button.color-black.tab-link-active.active-state { + background: #000000; +} +.md .button.color-black.button-outline { + border-color: #000000; +} +/* === Touch Ripple === */ +.md .ripple, +.md .fab a, +.md a.link, +.md a.item-link, +.md .button, +.md .dialog-button, +.md .tab-link, +.md .radio, +.md .checkbox, +.md .actions-button, +.md .speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.md .ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + background: rgba(0, 0, 0, 0.1); + padding: 0; + margin: 0; + font-size: 0; + -webkit-transform: translate3d(0px, 0px, 0) scale(0); + transform: translate3d(0px, 0px, 0) scale(0); + -webkit-transition-duration: 1400ms; + transition-duration: 1400ms; +} +.md .ripple-wave.ripple-wave-fill { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + opacity: 0.35; +} +.md .ripple-wave.ripple-wave-out { + -webkit-transition-duration: 600ms; + transition-duration: 600ms; + opacity: 0; +} +.button-fill .md .ripple-wave, +.picker-calendar-day .md .ripple-wave { + z-index: 1; +} +.md .button-fill .ripple-wave, +.md .button-active .ripple-wave, +.md .navbar .ripple-wave, +.md .toolbar .ripple-wave, +.md .subnavbar .ripple-wave, +.md .toast .ripple-wave, +.md .fab a .ripple-wave, +.md .stepper-fill .ripple-wave { + background: rgba(255, 255, 255, 0.3); +} +.md .messagebar .ripple-wave, +.md .searchbar .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .data-table .sortable-cell .ripple-wave { + z-index: 0; +} +.md .checkbox .ripple-wave, +.md .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); + z-index: 0; +} +.md .theme-dark .page-content .ripple-wave, +.md .theme-dark .messagebar .ripple-wave, +.md .theme-dark .popover .ripple-wave, +.md .theme-dark .calendar .ripple-wave, +.calendar.md .theme-dark .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-red .ripple-wave, +.md .ripple-red .ripple-wave { + background-color: rgba(244, 67, 54, 0.3); +} +.md .ripple-color-green .ripple-wave, +.md .ripple-green .ripple-wave { + background-color: rgba(76, 175, 80, 0.3); +} +.md .ripple-color-blue .ripple-wave, +.md .ripple-blue .ripple-wave { + background-color: rgba(33, 150, 243, 0.3); +} +.md .ripple-color-pink .ripple-wave, +.md .ripple-pink .ripple-wave { + background-color: rgba(233, 30, 99, 0.3); +} +.md .ripple-color-yellow .ripple-wave, +.md .ripple-yellow .ripple-wave { + background-color: rgba(255, 235, 59, 0.3); +} +.md .ripple-color-orange .ripple-wave, +.md .ripple-orange .ripple-wave { + background-color: rgba(255, 152, 0, 0.3); +} +.md .ripple-color-gray .ripple-wave, +.md .ripple-gray .ripple-wave { + background-color: rgba(158, 158, 158, 0.3); +} +.md .ripple-color-white .ripple-wave, +.md .ripple-white .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-black .ripple-wave, +.md .ripple-black .ripple-wave { + background-color: rgba(0, 0, 0, 0.3); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.ios .icon-back, +.ios .icon-prev { + width: 12px; + height: 20px; +} +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; +} +.ios .icon-next, +.ios .icon-prev { + width: 10px; +} +.ios .icon-forward, +.ios .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon-back, +.ios .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .navbar .f7-icons, +.ios .toolbar .f7-icons { + font-size: 22px; +} +.ios .tabbar .f7-icons, +.ios .tabbar-labels .f7-icons { + font-size: 25px; +} +.ios .item-media .f7-icons { + font-size: 25px; + width: 29px; + height: 29px; +} +.ios .button .f7-icons { + font-size: 22px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .color-theme-red .icon-forward, +.ios .icon-forward.color-red, +.ios a.link.color-red .icon-forward, +.ios .color-theme-red .icon-next, +.ios .icon-next.color-red, +.ios a.link.color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-red .icon-back, +.ios .icon-back.color-red, +.ios a.link.color-red .icon-back, +.ios .color-theme-red .icon-prev, +.ios .icon-prev.color-red, +.ios a.link.color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-forward, +.ios .icon-forward.color-green, +.ios a.link.color-green .icon-forward, +.ios .color-theme-green .icon-next, +.ios .icon-next.color-green, +.ios a.link.color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-back, +.ios .icon-back.color-green, +.ios a.link.color-green .icon-back, +.ios .color-theme-green .icon-prev, +.ios .icon-prev.color-green, +.ios a.link.color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-forward, +.ios .icon-forward.color-blue, +.ios a.link.color-blue .icon-forward, +.ios .color-theme-blue .icon-next, +.ios .icon-next.color-blue, +.ios a.link.color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-back, +.ios .icon-back.color-blue, +.ios a.link.color-blue .icon-back, +.ios .color-theme-blue .icon-prev, +.ios .icon-prev.color-blue, +.ios a.link.color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-forward, +.ios .icon-forward.color-pink, +.ios a.link.color-pink .icon-forward, +.ios .color-theme-pink .icon-next, +.ios .icon-next.color-pink, +.ios a.link.color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-back, +.ios .icon-back.color-pink, +.ios a.link.color-pink .icon-back, +.ios .color-theme-pink .icon-prev, +.ios .icon-prev.color-pink, +.ios a.link.color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-forward, +.ios .icon-forward.color-yellow, +.ios a.link.color-yellow .icon-forward, +.ios .color-theme-yellow .icon-next, +.ios .icon-next.color-yellow, +.ios a.link.color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-back, +.ios .icon-back.color-yellow, +.ios a.link.color-yellow .icon-back, +.ios .color-theme-yellow .icon-prev, +.ios .icon-prev.color-yellow, +.ios a.link.color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-forward, +.ios .icon-forward.color-orange, +.ios a.link.color-orange .icon-forward, +.ios .color-theme-orange .icon-next, +.ios .icon-next.color-orange, +.ios a.link.color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-back, +.ios .icon-back.color-orange, +.ios a.link.color-orange .icon-back, +.ios .color-theme-orange .icon-prev, +.ios .icon-prev.color-orange, +.ios a.link.color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-forward, +.ios .icon-forward.color-gray, +.ios a.link.color-gray .icon-forward, +.ios .color-theme-gray .icon-next, +.ios .icon-next.color-gray, +.ios a.link.color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-back, +.ios .icon-back.color-gray, +.ios a.link.color-gray .icon-back, +.ios .color-theme-gray .icon-prev, +.ios .icon-prev.color-gray, +.ios a.link.color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-forward, +.ios .icon-forward.color-white, +.ios a.link.color-white .icon-forward, +.ios .color-theme-white .icon-next, +.ios .icon-next.color-white, +.ios a.link.color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-back, +.ios .icon-back.color-white, +.ios a.link.color-white .icon-back, +.ios .color-theme-white .icon-prev, +.ios .icon-prev.color-white, +.ios a.link.color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-forward, +.ios .icon-forward.color-black, +.ios a.link.color-black .icon-forward, +.ios .color-theme-black .icon-next, +.ios .icon-next.color-black, +.ios a.link.color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-back, +.ios .icon-back.color-black, +.ios a.link.color-black .icon-back, +.ios .color-theme-black .icon-prev, +.ios .icon-prev.color-black, +.ios a.link.color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon.color-red { + color: #ff3b30; +} +.ios .icon.color-green { + color: #4cd964; +} +.ios .icon.color-blue { + color: #007aff; +} +.ios .icon.color-pink { + color: #ff2d55; +} +.ios .icon.color-yellow { + color: #ffcc00; +} +.ios .icon.color-orange { + color: #ff9500; +} +.ios .icon.color-gray { + color: #8e8e93; +} +.ios .icon.color-white { + color: #ffffff; +} +.ios .icon.color-black { + color: #000000; +} +.md .icon-back { + width: 24px; + height: 24px; +} +.md .icon-forward { + width: 24px; + height: 24px; +} +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-red, +.md a.link .color-red .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-red, +.md a.link .color-red .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-red, +.md a.link .color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-red, +.md a.link .color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-green, +.md a.link .color-green .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-green, +.md a.link .color-green .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-green, +.md a.link .color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-green, +.md a.link .color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-blue, +.md a.link .color-blue .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-blue, +.md a.link .color-blue .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-blue, +.md a.link .color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-blue, +.md a.link .color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-pink, +.md a.link .color-pink .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-pink, +.md a.link .color-pink .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-pink, +.md a.link .color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-pink, +.md a.link .color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-yellow, +.md a.link .color-yellow .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-yellow, +.md a.link .color-yellow .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-yellow, +.md a.link .color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-yellow, +.md a.link .color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-orange, +.md a.link .color-orange .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-orange, +.md a.link .color-orange .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-orange, +.md a.link .color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-orange, +.md a.link .color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-gray, +.md a.link .color-gray .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-gray, +.md a.link .color-gray .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-gray, +.md a.link .color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-gray, +.md a.link .color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-white, +.md a.link .color-white .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-white, +.md a.link .color-white .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-white, +.md a.link .color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-white, +.md a.link .color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-black, +.md a.link .color-black .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-black, +.md a.link .color-black .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-black, +.md a.link .color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-black, +.md a.link .color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon.color-red { + color: #f44336; +} +.md .icon.color-green { + color: #4caf50; +} +.md .icon.color-blue { + color: #2196f3; +} +.md .icon.color-pink { + color: #e91e63; +} +.md .icon.color-yellow { + color: #ffeb3b; +} +.md .icon.color-orange { + color: #ff9800; +} +.md .icon.color-gray { + color: #9e9e9e; +} +.md .icon.color-white { + color: #ffffff; +} +.md .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/framework7/css/framework7-lazy.rtl.min.css b/framework7/css/framework7-lazy.rtl.min.css new file mode 100644 index 0000000..52bcb73 --- /dev/null +++ b/framework7/css/framework7-lazy.rtl.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.ios body{font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;line-height:1.4}.ios .if-md,.ios .md-only{display:none!important}.ios a{color:#007aff}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.ios .theme-dark{color:#fff}.ios .color-theme-red a{color:#ff3b30}.ios .color-theme-green a{color:#4cd964}.ios .color-theme-blue a{color:#007aff}.ios .color-theme-pink a{color:#ff2d55}.ios .color-theme-yellow a{color:#fc0}.ios .color-theme-orange a{color:#ff9500}.ios .color-theme-gray a{color:#8e8e93}.ios .color-theme-white a{color:#fff}.ios .color-theme-black a{color:#000}.ios a.color-red{color:#ff3b30}.ios a.color-green{color:#4cd964}.ios a.color-blue{color:#007aff}.ios a.color-pink{color:#ff2d55}.ios a.color-yellow{color:#fc0}.ios a.color-orange{color:#ff9500}.ios a.color-gray{color:#8e8e93}.ios a.color-white{color:#fff}.ios a.color-black{color:#000}.md body{font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;color:#212121;line-height:1.5}.md .if-ios,.md .ios-only{display:none!important}.md a{color:#2196f3}.md .theme-dark{color:rgba(255,255,255,.87)}.md .color-theme-red a{color:#f44336}.md .color-theme-green a{color:#4caf50}.md .color-theme-blue a{color:#2196f3}.md .color-theme-pink a{color:#e91e63}.md .color-theme-yellow a{color:#ffeb3b}.md .color-theme-orange a{color:#ff9800}.md .color-theme-gray a{color:#9e9e9e}.md .color-theme-white a{color:#fff}.md .color-theme-black a{color:#000}.md a.color-red{color:#f44336}.md a.color-green{color:#4caf50}.md a.color-blue{color:#2196f3}.md a.color-pink{color:#e91e63}.md a.color-yellow{color:#ffeb3b}.md a.color-orange{color:#ff9800}.md a.color-gray{color:#9e9e9e}.md a.color-white{color:#fff}.md a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .statusbar{background:#f7f7f8}.ios .theme-dark .statusbar{background-color:#1b1b1b}.md .statusbar{background:#0a6ebd}.md .color-theme-red .statusbar{background:#d2190b}.md .color-theme-green .statusbar{background:#357a38}.md .color-theme-blue .statusbar{background:#0a6ebd}.md .color-theme-pink .statusbar{background:#aa1145}.md .color-theme-yellow .statusbar{background:#eed500}.md .color-theme-orange .statusbar{background:#b36a00}.md .color-theme-gray .statusbar{background:#787878}.md .color-theme-white .statusbar{background:#d9d9d9}.md .color-theme-black .statusbar{background:#000}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.ios .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.ios .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:44px}.ios .page{background:#efeff4}.ios .page-previous{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.ios .page-next{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .page-transitioning,.ios .page-transitioning .page-opacity-effect,.ios .page-transitioning .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-next,.ios .router-transition-backward .page-previous:not(.stacked),.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next,.ios .router-transition-forward .page-previous:not(.stacked){pointer-events:none}.ios .router-transition-css-forward .page-next{-webkit-animation:ios-page-next-to-current .4s forwards;animation:ios-page-next-to-current .4s forwards}.ios .router-transition-css-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-next-to-current-shadow .4s forwards;animation:ios-page-next-to-current-shadow .4s forwards}.ios .router-transition-css-forward .page-current{-webkit-animation:ios-page-current-to-previous .4s forwards;animation:ios-page-current-to-previous .4s forwards}.ios .router-transition-css-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-current-to-previous-opacity .4s forwards;animation:ios-page-current-to-previous-opacity .4s forwards}.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after,.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before{top:44px}.ios .router-transition-css-backward .page-current,.ios .router-transition-css-backward .page-previous{pointer-events:none}.ios .router-transition-css-backward .page-previous{-webkit-animation:ios-page-previous-to-current .4s forwards;animation:ios-page-previous-to-current .4s forwards}.ios .router-transition-css-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-previous-to-current-opacity .4s forwards;animation:ios-page-previous-to-current-opacity .4s forwards}.ios .router-transition-css-backward .page-current{-webkit-animation:ios-page-current-to-next .4s forwards;animation:ios-page-current-to-next .4s forwards}.ios .router-transition-css-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-current-to-next-shadow .4s forwards;animation:ios-page-current-to-next-shadow .4s forwards}.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after{top:44px}.ios .theme-dark .page,.page.ios .theme-dark{background:#171717}@-webkit-keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@-webkit-keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@-webkit-keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}@keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}.md .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.md .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.md .page{background:#fff}.md .page-next{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.md .page-transitioning,.md .page-transitioning .page-opacity-effect,.md .page-transitioning .page-shadow-effect{-webkit-transition-duration:250ms;transition-duration:250ms}.md .page-transitioning-swipeback,.md .page-transitioning-swipeback .page-opacity-effect,.md .page-transitioning-swipeback .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.md .router-transition-backward .page,.md .router-transition-forward .page{pointer-events:none}.md .router-transition-css-forward .page-next{-webkit-animation:md-page-next-to-current 250ms forwards;animation:md-page-next-to-current 250ms forwards}.md .router-transition-css-forward .page-current{-webkit-animation:none;animation:none}.md .router-transition-css-backward .page-current{-webkit-animation:md-page-current-to-next 250ms forwards;animation:md-page-current-to-next 250ms forwards}.md .router-transition-css-backward .page-previous{-webkit-animation:none;animation:none}.md .theme-dark .page,.page.md .theme-dark{background:#171717}@-webkit-keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@-webkit-keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}@keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.ios .link{-webkit-transition:opacity .3s;transition:opacity .3s}.ios .link i+i,.ios .link i+span,.ios .link span+i,.ios .link span+span{margin-right:7px}.ios .link.active-state{opacity:.3;-webkit-transition-duration:0s;transition-duration:0s}.md .link i+i,.md .link i+span,.md .link span+i,.md .link span+span{margin-right:8px}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .navbar{height:44px;font-size:17px;background:#f7f7f8}.ios .navbar.no-hairline:after{display:none!important}.ios .navbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .navbar a.link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;line-height:44px;height:44px}.ios .navbar a.icon-only{width:44px;margin:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .navbar .title{font-size:17px;margin:0;line-height:1.2}.ios .navbar .subtitle{color:#6d6d72;line-height:1;font-size:10px;text-align:center;font-weight:400}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar .title,.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:8px}.ios .navbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .navbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .navbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .navbar-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}.ios .navbar~.page-content,.ios .navbar~:not(.no-navbar) .page-content{padding-top:44px}.ios .navbar-previous{pointer-events:none}.ios .navbar-previous .fading,.ios .navbar-previous .left,.ios .navbar-previous .right,.ios .navbar-previous .subnavbar,.ios .navbar-previous>.title{opacity:0}.ios .navbar-previous .sliding{opacity:0}.ios .navbar-previous .subnavbar.sliding,.ios .navbar-previous.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .router-transition-css-backward .navbar-current .left,.ios .router-transition-css-backward .navbar-current .right,.ios .router-transition-css-backward .navbar-current .subnavbar,.ios .router-transition-css-backward .navbar-current>.title,.ios .router-transition-css-forward .navbar-current .left,.ios .router-transition-css-forward .navbar-current .right,.ios .router-transition-css-forward .navbar-current .subnavbar,.ios .router-transition-css-forward .navbar-current>.title{-webkit-animation:ios-navbar-element-fade-out .4s forwards;animation:ios-navbar-element-fade-out .4s forwards}.ios .router-transition-css-backward .navbar-current .left.sliding .icon,.ios .router-transition-css-backward .navbar-current .sliding,.ios .router-transition-css-backward .navbar-current.sliding .left,.ios .router-transition-css-backward .navbar-current.sliding .left .icon,.ios .router-transition-css-backward .navbar-current.sliding .right,.ios .router-transition-css-backward .navbar-current.sliding>.title,.ios .router-transition-css-forward .navbar-current .left.sliding .icon,.ios .router-transition-css-forward .navbar-current .sliding,.ios .router-transition-css-forward .navbar-current.sliding .left,.ios .router-transition-css-forward .navbar-current.sliding .left .icon,.ios .router-transition-css-forward .navbar-current.sliding .right,.ios .router-transition-css-forward .navbar-current.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0!important;-webkit-animation:none;animation:none}.ios .router-transition-css-backward .navbar-current .sliding.subnavbar,.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,.ios .router-transition-css-forward .navbar-current.sliding .subnavbar{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;opacity:1}.ios .router-transition-css-backward .navbar-previous .left,.ios .router-transition-css-backward .navbar-previous .right,.ios .router-transition-css-backward .navbar-previous .subnavbar,.ios .router-transition-css-backward .navbar-previous>.title,.ios .router-transition-css-forward .navbar-next .left,.ios .router-transition-css-forward .navbar-next .right,.ios .router-transition-css-forward .navbar-next .subnavbar,.ios .router-transition-css-forward .navbar-next>.title{-webkit-animation:ios-navbar-element-fade-in .4s forwards;animation:ios-navbar-element-fade-in .4s forwards}.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,.ios .router-transition-css-backward .navbar-previous .sliding,.ios .router-transition-css-backward .navbar-previous.sliding .left,.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,.ios .router-transition-css-backward .navbar-previous.sliding .right,.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-css-backward .navbar-previous.sliding>.title,.ios .router-transition-css-forward .navbar-next .left.sliding .icon,.ios .router-transition-css-forward .navbar-next .sliding,.ios .router-transition-css-forward .navbar-next.sliding .left,.ios .router-transition-css-forward .navbar-next.sliding .left .icon,.ios .router-transition-css-forward .navbar-next.sliding .right,.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,.ios .router-transition-css-forward .navbar-next.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .theme-dark .navbar,.navbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .navbar:after,.navbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .navbar .subtitle,.navbar.ios .theme-dark .subtitle{color:#8e8e93}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-left-edge .navbar-inner,.ios.device-iphone-x .panel-left .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-left:calc(8px + constant(safe-area-inset-right));padding-left:calc(8px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-right-edge .navbar-inner,.ios.device-iphone-x .panel-right .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}.md .navbar{height:56px;background:#2196f3;color:#fff;font-size:20px}.md .navbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .navbar.no-shadow:after{display:none}.md .navbar a{color:inherit}.md .navbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;height:56px;line-height:56px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .navbar .title{margin:0 16px;line-height:1.2;text-align:left}.md .navbar .subtitle{line-height:1.2;font-size:14px;font-weight:400;color:rgba(255,255,255,.85)}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:16px}.md .navbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.md .page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:56px}@media (min-width:768px){.md .navbar{height:64px}.md .navbar a.link{height:64px;line-height:64px}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:64px}}.md .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .navbar-hidden:after{display:none}.md .color-theme-red .navbar,.md .color-theme-red.navbar{background:#f44336}.md .color-theme-green .navbar,.md .color-theme-green.navbar{background:#4caf50}.md .color-theme-blue .navbar,.md .color-theme-blue.navbar{background:#2196f3}.md .color-theme-pink .navbar,.md .color-theme-pink.navbar{background:#e91e63}.md .color-theme-yellow .navbar,.md .color-theme-yellow.navbar{background:#ffeb3b}.md .color-theme-orange .navbar,.md .color-theme-orange.navbar{background:#ff9800}.md .color-theme-gray .navbar,.md .color-theme-gray.navbar{background:#9e9e9e}.md .color-theme-white .navbar,.md .color-theme-white.navbar{background:#fff}.md .color-theme-black .navbar,.md .color-theme-black.navbar{background:#000}.md .navbar.color-red{background:#f44336}.md .navbar.color-green{background:#4caf50}.md .navbar.color-blue{background:#2196f3}.md .navbar.color-pink{background:#e91e63}.md .navbar.color-yellow{background:#ffeb3b}.md .navbar.color-orange{background:#ff9800}.md .navbar.color-gray{background:#9e9e9e}.md .navbar.color-white{background:#fff}.md .navbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-left-edge .navbar-inner,.md.device-iphone-x .panel-left .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-right-edge .navbar-inner,.md.device-iphone-x .panel-right .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar{height:44px;font-size:17px;background:#f7f7f8;bottom:0}.ios .toolbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar a.link{line-height:44px;height:44px}.ios .toolbar a.link i+i,.ios .toolbar a.link i+span,.ios .toolbar a.link span+i,.ios .toolbar a.link span+span{margin-right:7px}.ios .toolbar a.icon-only{min-height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-width:44px}.ios .toolbar b{font-weight:600}.ios .toolbar.no-hairline:before{display:none!important}.ios .toolbar:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .toolbar-inner{padding:0 8px}.ios .tabbar,.ios .tabbar-labels{color:#929292}.ios .tabbar a,.ios .tabbar-labels a{color:#929292}.ios .tabbar a.tab-link-active,.ios .tabbar-labels a.tab-link-active{color:#007aff}.ios .tabbar i.icon,.ios .tabbar-labels i.icon{height:30px}.ios .tabbar-labels{height:50px}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}.ios .tabbar-labels .tabbar-label{letter-spacing:.01em;font-size:10px}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}.ios .tabbar-labels{height:56px}.ios .tabbar-labels .tabbar-label{font-size:14px}}.ios .tabbar-scrollable .toolbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.ios .toolbar~* .page-content,.ios .toolbar~.page-content{padding-bottom:44px}.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:56px}}.ios .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .toolbar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .theme-dark .toolbar,.toolbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .toolbar:before,.toolbar.ios .theme-dark:before{background-color:#282829}.ios .color-theme-red .tabbar a.tab-link-active,.ios .color-theme-red .tabbar-labels a.tab-link-active,.ios .color-theme-red.tabbar a.tab-link-active,.ios .color-theme-red.tabbar-labels a.tab-link-active{color:#ff3b30}.ios .color-theme-green .tabbar a.tab-link-active,.ios .color-theme-green .tabbar-labels a.tab-link-active,.ios .color-theme-green.tabbar a.tab-link-active,.ios .color-theme-green.tabbar-labels a.tab-link-active{color:#4cd964}.ios .color-theme-blue .tabbar a.tab-link-active,.ios .color-theme-blue .tabbar-labels a.tab-link-active,.ios .color-theme-blue.tabbar a.tab-link-active,.ios .color-theme-blue.tabbar-labels a.tab-link-active{color:#007aff}.ios .color-theme-pink .tabbar a.tab-link-active,.ios .color-theme-pink .tabbar-labels a.tab-link-active,.ios .color-theme-pink.tabbar a.tab-link-active,.ios .color-theme-pink.tabbar-labels a.tab-link-active{color:#ff2d55}.ios .color-theme-yellow .tabbar a.tab-link-active,.ios .color-theme-yellow .tabbar-labels a.tab-link-active,.ios .color-theme-yellow.tabbar a.tab-link-active,.ios .color-theme-yellow.tabbar-labels a.tab-link-active{color:#fc0}.ios .color-theme-orange .tabbar a.tab-link-active,.ios .color-theme-orange .tabbar-labels a.tab-link-active,.ios .color-theme-orange.tabbar a.tab-link-active,.ios .color-theme-orange.tabbar-labels a.tab-link-active{color:#ff9500}.ios .color-theme-gray .tabbar a.tab-link-active,.ios .color-theme-gray .tabbar-labels a.tab-link-active,.ios .color-theme-gray.tabbar a.tab-link-active,.ios .color-theme-gray.tabbar-labels a.tab-link-active{color:#8e8e93}.ios .color-theme-white .tabbar a.tab-link-active,.ios .color-theme-white .tabbar-labels a.tab-link-active,.ios .color-theme-white.tabbar a.tab-link-active,.ios .color-theme-white.tabbar-labels a.tab-link-active{color:#fff}.ios .color-theme-black .tabbar a.tab-link-active,.ios .color-theme-black .tabbar-labels a.tab-link-active,.ios .color-theme-black.tabbar a.tab-link-active,.ios .color-theme-black.tabbar-labels a.tab-link-active{color:#000}.ios .tabbar-labels.color-red a.tab-link-active,.ios .tabbar.color-red a.tab-link-active{color:#ff3b30}.ios .tabbar-labels.color-green a.tab-link-active,.ios .tabbar.color-green a.tab-link-active{color:#4cd964}.ios .tabbar-labels.color-blue a.tab-link-active,.ios .tabbar.color-blue a.tab-link-active{color:#007aff}.ios .tabbar-labels.color-pink a.tab-link-active,.ios .tabbar.color-pink a.tab-link-active{color:#ff2d55}.ios .tabbar-labels.color-yellow a.tab-link-active,.ios .tabbar.color-yellow a.tab-link-active{color:#fc0}.ios .tabbar-labels.color-orange a.tab-link-active,.ios .tabbar.color-orange a.tab-link-active{color:#ff9500}.ios .tabbar-labels.color-gray a.tab-link-active,.ios .tabbar.color-gray a.tab-link-active{color:#8e8e93}.ios .tabbar-labels.color-white a.tab-link-active,.ios .tabbar.color-white a.tab-link-active{color:#fff}.ios .tabbar-labels.color-black a.tab-link-active,.ios .tabbar.color-black a.tab-link-active{color:#000}.ios.device-iphone-x .login-screen>.toolbar,.ios.device-iphone-x .page>.toolbar,.ios.device-iphone-x .panel>.toolbar,.ios.device-iphone-x .popup>.toolbar,.ios.device-iphone-x .view>.toolbar,.ios.device-iphone-x .views>.toolbar{height:calc(44px + constant(safe-area-inset-bottom));height:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .login-screen>.toolbar .toolbar-inner,.ios.device-iphone-x .page>.toolbar .toolbar-inner,.ios.device-iphone-x .panel>.toolbar .toolbar-inner,.ios.device-iphone-x .popup>.toolbar .toolbar-inner,.ios.device-iphone-x .view>.toolbar .toolbar-inner,.ios.device-iphone-x .views>.toolbar .toolbar-inner{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(50px + constant(safe-area-inset-bottom));height:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}}.ios.device-iphone-x .toolbar~* .page-content,.ios.device-iphone-x .toolbar~.page-content{padding-bottom:calc(44px + constant(safe-area-inset-bottom));padding-bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(50px + constant(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-left-edge .toolbar-inner,.ios.device-iphone-x .panel-left .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-right-edge .toolbar-inner,.ios.device-iphone-x .panel-right .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.md .toolbar{background:#2196f3;height:48px;color:#fff;font-size:14px;top:0}.md .toolbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .toolbar.no-shadow:after{display:none}.md .toolbar a{color:#fff}.md .toolbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;line-height:48px;height:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .toolbar a.link i+i,.md .toolbar a.link i+span,.md .toolbar a.link span+i,.md .toolbar a.link span+span{margin-right:8px}.md .toolbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .toolbar-inner{overflow:hidden}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0;font-size:14px;text-transform:uppercase;font-weight:500;letter-spacing:.03em}.md .tabbar i.icon,.md .tabbar-labels i.icon{height:24px}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;color:rgba(255,255,255,.7);position:relative}.md .tabbar a.tab-link.active-state,.md .tabbar a.tab-link.tab-link-active,.md .tabbar-labels a.tab-link.active-state,.md .tabbar-labels a.tab-link.tab-link-active{color:#fff}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;bottom:0;height:2px;background:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;right:0}.md .messagebar,.md .toolbar-bottom-md{top:auto!important;bottom:0!important}.md .messagebar:after,.md .toolbar-bottom-md:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:10px;top:auto;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .messagebar .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight{bottom:auto;top:0}.md .tabbar-labels{height:72px}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:12px;padding-bottom:12px}.md .tabbar-labels .tabbar-label{margin-top:10px;max-width:100%;overflow:hidden}.md .tabbar-labels.toolbar-bottom-md{height:56px}.md .tabbar-labels.toolbar-bottom-md a.link,.md .tabbar-labels.toolbar-bottom-md a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-labels.toolbar-bottom-md .tabbar-label{text-transform:none;line-height:1.2;font-weight:400;letter-spacing:0}.md .tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:48px}.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:72px}.md .toolbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .toolbar-hidden:after{display:none}.md .toolbar-hidden.messagebar,.md .toolbar-hidden.toolbar-bottom-md{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:56px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:104px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:128px}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-104px,0);transform:translate3d(0,-104px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-128px,0);transform:translate3d(0,-128px,0)}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-56px,0);transform:translate3d(0,-56px,0)}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:64px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:112px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:136px}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-64px,0);transform:translate3d(0,-64px,0)}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-112px,0);transform:translate3d(0,-112px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-136px,0);transform:translate3d(0,-136px,0)}}.md .messagebar~* .page-content,.md .messagebar~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content{padding-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:56px}.md .navbar-transitioning+.toolbar,.md .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .color-theme-red .toolbar:not(.messagebar),.md .color-theme-red.toolbar:not(.messagebar){background:#f44336}.md .color-theme-green .toolbar:not(.messagebar),.md .color-theme-green.toolbar:not(.messagebar){background:#4caf50}.md .color-theme-blue .toolbar:not(.messagebar),.md .color-theme-blue.toolbar:not(.messagebar){background:#2196f3}.md .color-theme-pink .toolbar:not(.messagebar),.md .color-theme-pink.toolbar:not(.messagebar){background:#e91e63}.md .color-theme-yellow .toolbar:not(.messagebar),.md .color-theme-yellow.toolbar:not(.messagebar){background:#ffeb3b}.md .color-theme-orange .toolbar:not(.messagebar),.md .color-theme-orange.toolbar:not(.messagebar){background:#ff9800}.md .color-theme-gray .toolbar:not(.messagebar),.md .color-theme-gray.toolbar:not(.messagebar){background:#9e9e9e}.md .color-theme-white .toolbar:not(.messagebar),.md .color-theme-white.toolbar:not(.messagebar){background:#fff}.md .color-theme-black .toolbar:not(.messagebar),.md .color-theme-black.toolbar:not(.messagebar){background:#000}.md .toolbar:not(.messagebar).color-red{background:#f44336}.md .toolbar:not(.messagebar).color-green{background:#4caf50}.md .toolbar:not(.messagebar).color-blue{background:#2196f3}.md .toolbar:not(.messagebar).color-pink{background:#e91e63}.md .toolbar:not(.messagebar).color-yellow{background:#ffeb3b}.md .toolbar:not(.messagebar).color-orange{background:#ff9800}.md .toolbar:not(.messagebar).color-gray{background:#9e9e9e}.md .toolbar:not(.messagebar).color-white{background:#fff}.md .toolbar:not(.messagebar).color-black{background:#000}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md){height:calc(48px + constant(safe-area-inset-top));height:calc(48px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{height:auto}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{bottom:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels{height:calc(72px + constant(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar-bottom-md,.md.device-iphone-x .page>.toolbar-bottom-md,.md.device-iphone-x .panel>.toolbar-bottom-md,.md.device-iphone-x .popup>.toolbar-bottom-md,.md.device-iphone-x .view>.toolbar-bottom-md,.md.device-iphone-x .views>.toolbar-bottom-md{height:calc(48px + constant(safe-area-inset-bottom));height:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .login-screen>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .page>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .panel>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .popup>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .view>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .views>.toolbar-bottom-md .toolbar-inner{height:auto;top:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .login-screen>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .page>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .panel>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .popup>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .view>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .views>.toolbar-bottom-md.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}.md.device-iphone-x .messagebar~* .page-content,.md.device-iphone-x .messagebar~.page-content,.md.device-iphone-x .toolbar-bottom-md~* .page-content,.md.device-iphone-x .toolbar-bottom-md~.page-content{padding-bottom:calc(48px + constant(safe-area-inset-bottom));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~* .page-content,.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-left-edge .toolbar-inner,.md.device-iphone-x .panel-left .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-right-edge .toolbar-inner,.md.device-iphone-x .panel-right .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .subnavbar{height:45px;margin-top:-1px;padding-top:1px;background:#f7f7f8}.ios .subnavbar.no-hairline:after{display:none!important}.ios .subnavbar .title{font-weight:700;line-height:1;overflow:visible;font-size:34px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;letter-spacing:-.03em}.ios .subnavbar .title{margin-right:7px}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{line-height:44px;height:44px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .subnavbar a.icon-only{min-width:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0}.ios .subnavbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .subnavbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .subnavbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .subnavbar-inner{padding:0 8px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.ios .navbar~.subnavbar{top:44px}.ios .page-with-subnavbar .page-content,.ios .subnavbar~* .page-content,.ios .subnavbar~.page-content{padding-top:44px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~* .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~.page-content,.ios .page-with-subnavbar .navbar~.page-content{padding-top:88px}.ios .theme-dark .subnavbar,.subnavbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .subnavbar:after,.subnavbar.ios .theme-dark:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-left-edge .subnavbar-inner,.ios.device-iphone-x .panel-left .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-right-edge .subnavbar-inner,.ios.device-iphone-x .panel-right .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.md .subnavbar{height:48px;background:#2196f3;color:#fff}.md .subnavbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .subnavbar.no-shadow:after{display:none}.md .subnavbar .title{margin:0 16px;font-size:20px;line-height:48px;display:inline-block;text-align:left;font-weight:500}.md .subnavbar .title:first-child{margin-right:56px}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a{color:inherit}.md .subnavbar a.link{line-height:48px;height:48px;min-width:48px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .subnavbar a.icon-only{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:0}.md .subnavbar-inner{padding:0 16px}.md .subnavbar-inner>a.link:first-child{margin-right:-16px}.md .subnavbar-inner>a.link:last-child{margin-left:-16px}.md .page-with-subnavbar .page-content,.md .subnavbar~* .page-content,.md .subnavbar~.page-content{padding-top:48px}.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:104px}@media (min-width:768px){.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:112px}}.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:56px}@media (min-width:768px){.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:64px}}.md .color-theme-red .subnavbar,.md .color-theme-red.subnavbar{background:#f44336}.md .color-theme-green .subnavbar,.md .color-theme-green.subnavbar{background:#4caf50}.md .color-theme-blue .subnavbar,.md .color-theme-blue.subnavbar{background:#2196f3}.md .color-theme-pink .subnavbar,.md .color-theme-pink.subnavbar{background:#e91e63}.md .color-theme-yellow .subnavbar,.md .color-theme-yellow.subnavbar{background:#ffeb3b}.md .color-theme-orange .subnavbar,.md .color-theme-orange.subnavbar{background:#ff9800}.md .color-theme-gray .subnavbar,.md .color-theme-gray.subnavbar{background:#9e9e9e}.md .color-theme-white .subnavbar,.md .color-theme-white.subnavbar{background:#fff}.md .color-theme-black .subnavbar,.md .color-theme-black.subnavbar{background:#000}.md .subnavbar.color-red{background:#f44336}.md .subnavbar.color-green{background:#4caf50}.md .subnavbar.color-blue{background:#2196f3}.md .subnavbar.color-pink{background:#e91e63}.md .subnavbar.color-yellow{background:#ffeb3b}.md .subnavbar.color-orange{background:#ff9800}.md .subnavbar.color-gray{background:#9e9e9e}.md .subnavbar.color-white{background:#fff}.md .subnavbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-left-edge .subnavbar-inner,.md.device-iphone-x .panel-left .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-right-edge .subnavbar-inner,.md.device-iphone-x .panel-right .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.ios .block{margin:35px 0;padding:0 15px;color:#6d6d72}.ios .block-title{text-transform:uppercase;color:#6d6d72;margin:35px 15px 10px;line-height:17px}.ios .block-title+.block,.ios .block-title+.block-header,.ios .block-title+.card,.ios .block-title+.list,.ios .block-title+.timeline{margin-top:10px}.ios .block-strong{color:#000;background:#fff;padding:15px 15px}.ios .block-strong:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block-strong:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block.inset{margin-left:15px;margin-right:15px}.ios .block-strong-inset{border-radius:7px}.ios .block-footer,.ios .block-header{padding:0 15px;color:#8f8f94}.ios .block .block-footer,.ios .block .block-header{padding:0!important}.ios .block-header{margin-top:35px}.ios .block-header+.block,.ios .block-header+.card,.ios .block-header+.list,.ios .block-header+.timeline{margin-top:10px}.ios .block-footer{margin-bottom:35px}.ios .block .block-header,.ios .card .block-header,.ios .list .block-header,.ios .timeline .block-header{margin-top:0}.ios .block .block-footer,.ios .card .block-footer,.ios .list .block-footer,.ios .timeline .block-footer{margin-bottom:0}.ios .block+.block-footer,.ios .card+.block-footer,.ios .list+.block-footer,.ios .timeline+.block-footer{margin-top:-25px}.ios .block+.block-footer{margin-top:-25px;margin-bottom:35px}@media (min-width:768px){.ios .block.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .block-strong.tablet-inset{border-radius:7px}}.ios .theme-dark .block-footer,.ios .theme-dark .block-header,.ios .theme-dark .block-title{color:#8e8e93}.ios .theme-dark .block{color:#8e8e93}.ios .theme-dark .block-strong,.ios .theme-dark.block-strong{background-color:#1c1c1d;color:#fff}.ios .theme-dark .block-strong:before,.ios .theme-dark.block-strong:before{background-color:#282829}.ios .theme-dark .block-strong:after,.ios .theme-dark.block-strong:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-footer,.ios.device-iphone-x .ios-left-edge .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-footer,.ios.device-iphone-x .panel-left .block-header,.ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-footer,.ios.device-iphone-x .ios-right-edge .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-footer,.ios.device-iphone-x .panel-right .block-header,.ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.md .block{margin:32px 0;padding:0 16px}.md .block-title{color:rgba(0,0,0,.54);margin:32px 16px 16px;line-height:16px;font-weight:500}.md .block-title+.block,.md .block-title+.block-header,.md .block-title+.card,.md .block-title+.list,.md .block-title+.timeline{margin-top:0px}.md .block-strong{padding:16px}.md .block-strong:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block-strong:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block.inset{margin-left:16px;margin-right:16px}.md .block-strong.inset{border-radius:4px}.md .block-footer,.md .block-header{padding:0 16px;color:rgba(0,0,0,.54)}.md .block .block-footer,.md .block .block-header{padding:0}.md .block-header{margin-top:32px}.md .block-header+.block,.md .block-header+.card,.md .block-header+.list,.md .block-header+.timeline{margin-top:10px}.md .block-footer{margin-bottom:32px}.md .block .block-header,.md .card .block-header,.md .list .block-header,.md .timeline .block-header{margin-top:0}.md .block .block-footer,.md .card .block-footer,.md .list .block-footer,.md .timeline .block-footer{margin-bottom:0}.md .block+.block-footer,.md .card+.block-footer,.md .list+.block-footer,.md .timeline+.block-footer{margin-top:-22px}.md .block+.block-footer{margin-top:-22px;margin-bottom:32px}@media (min-width:768px){.md .block.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .block-strong.tablet-inset{border-radius:4px}}.md .theme-dark .block-title{color:#fff}.md .theme-dark .block-footer,.md .theme-dark .block-header{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-footer,.md.device-iphone-x .ios-left-edge .block-header,.md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-footer,.md.device-iphone-x .panel-left .block-header,.md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-footer,.md.device-iphone-x .ios-right-edge .block-header,.md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-footer,.md.device-iphone-x .panel-right .block-header,.md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:left center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.ios .list{margin:35px 0;font-size:17px}.ios .list .item-cell{width:100%;min-width:0;margin-right:15px}.ios .list .item-cell:first-child{margin-right:0}.ios .list ul{background:#fff}.ios .list ul ul{padding-right:45px}.ios .list .item-media{padding-top:7px}.ios .list .item-media i+i,.ios .list .item-media i+img{margin-right:5px}.ios .list .item-media+.item-inner{margin-right:15px}.ios .list .item-inner{min-height:44px;padding-left:15px}.ios .list .item-after{color:#8e8e93;padding-right:5px}.ios .list .item-link,.ios .list .list-button{color:inherit}.ios .list .item-link .item-inner,.ios .list .list-button .item-inner{padding-left:35px}.ios .list .item-link.active-state,.ios .list .list-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .list .item-link.active-state .item-inner:after,.ios .list .list-button.active-state .item-inner:after{background-color:transparent}.ios .list .list-button{padding:0 15px;text-align:center;color:#007aff;line-height:44px}.ios .list .item-content{min-height:44px;padding-right:15px}.ios .list .item-subtitle{font-size:15px}.ios .list .item-text{font-size:15px;color:#8e8e93;line-height:21px;max-height:42px}.ios .list .item-footer,.ios .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.ios .list .item-footer{color:#8e8e93}.ios .list .item-link.no-chevron .item-inner,.ios .list .no-chevron .item-link .item-inner,.ios .list.no-chevron .item-link .item-inner,.ios .no-chevron .list .item-link .item-inner{padding-left:15px}.ios .simple-list li:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .simple-list li{padding-left:15px;padding-right:15px;line-height:44px;height:44px}.ios .simple-list li:after{left:15px;right:0;width:auto;right:15px;left:0}.ios .links-list a:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .links-list a{height:44px;color:inherit}.ios .links-list a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .links-list a:after{width:auto}.ios .links-list a{padding-right:15px;padding-left:35px}.ios .links-list a:after{right:15px;left:0}.ios .links-list .no-chevron a,.ios .links-list a.no-chevron,.ios .links-list.no-chevron a,.ios .no-chevron .links-list a{padding-left:15px}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.ios .media-list .item-inner,.ios li.media-item .item-inner{padding-top:10px;padding-bottom:9px}.ios .media-list .item-media,.ios li.media-item .item-media{padding-top:9px;padding-bottom:10px}.ios .media-list .item-link .item-inner,.ios li.media-item .item-link .item-inner{padding-left:15px}.ios .media-list .item-link .item-title-row,.ios li.media-item .item-link .item-title-row{padding-left:20px}.ios .media-list .chevron-center .item-link .item-inner,.ios .media-list .item-link.chevron-center .item-inner,.ios .media-list.chevron-center .item-link .item-inner,.ios li.media-item .chevron-center .item-link .item-inner,.ios li.media-item .item-link.chevron-center .item-inner,.ios li.media-item.chevron-center .item-link .item-inner{padding-left:35px}.ios .media-list .chevron-center .item-title-row,.ios .media-list .no-chevron .item-link .item-title-row,.ios .media-list.chevron-center .item-title-row,.ios .media-list.no-chevron .item-link .item-title-row,.ios .no-chevron .media-list .item-link .item-title-row,.ios .no-chevron li.media-item .item-link .item-title-row,.ios li.media-item .chevron-center .item-title-row,.ios li.media-item.chevron-center .item-title-row,.ios li.media-item.no-chevron .item-link .item-title-row{padding-left:0!important}.ios .links-list a,.ios .list .item-link .item-inner{background-position:15px center}.ios .item-divider,.ios .list-group-title{margin-top:-1px;padding:4px 15px;background:#f7f7f7;color:#8e8e93}.ios .item-divider:after,.ios .list-group-title:after{display:none!important}.ios .list-group-title{margin-top:0}.ios .item-divider:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .item-divider:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .item-divider:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list-group-title:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list-group-title:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list-group-title:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .list-button:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .list-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .list-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list.inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.inset ul{border-radius:7px}.ios .list.inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.inset li:first-child:last-child>a{border-radius:7px}@media (min-width:768px){.ios .list.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.tablet-inset ul{border-radius:7px}.ios .list.tablet-inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.tablet-inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.tablet-inset li:first-child:last-child>a{border-radius:7px}}.ios li li:last-child .item-inner:after,.ios li:last-child li .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{background-position:calc(15px + constant(safe-area-inset-left)) center;background-position:calc(15px + env(safe-area-inset-left)) center}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row{padding-left:0}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after{right:calc(15px + constant(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after{right:calc(15px + const(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .list ul,.list.ios .theme-dark ul{background:#1c1c1d}.ios .theme-dark .list ul:before,.list.ios .theme-dark ul:before{background-color:#282829}.ios .theme-dark .list ul:after,.list.ios .theme-dark ul:after{background-color:#282829}.ios .theme-dark .list li li:last-child .item-inner:after,.ios .theme-dark .list li:last-child li .item-inner:after,.list.ios .theme-dark li li:last-child .item-inner:after,.list.ios .theme-dark li:last-child li .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider:before{background-color:#282829}.ios .theme-dark .list-group-title:before{background-color:#282829}.ios .theme-dark .list-button:after{background-color:#282829}.ios .theme-dark .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider,.ios .theme-dark .list-group-title{background-color:#111}.ios .theme-dark .links-list a:after,.ios .theme-dark .simple-list li:after,.links-list.ios .theme-dark a .simple-list li:after,.simple-list.ios .theme-dark li:after{background-color:#282829}.ios .theme-dark .links-list a.active-state,.ios .theme-dark .list .item-link.active-state,.ios .theme-dark .list .list-button.active-state,.links-list.ios .theme-dark a.active-state,.list.ios .theme-dark .item-link.active-state,.list.ios .theme-dark .list-button.active-state{background-color:#363636}.ios .color-theme-red .list-button{color:#ff3b30}.ios .color-theme-green .list-button{color:#4cd964}.ios .color-theme-blue .list-button{color:#007aff}.ios .color-theme-pink .list-button{color:#ff2d55}.ios .color-theme-yellow .list-button{color:#fc0}.ios .color-theme-orange .list-button{color:#ff9500}.ios .color-theme-gray .list-button{color:#8e8e93}.ios .color-theme-white .list-button{color:#fff}.ios .color-theme-black .list-button{color:#000}.ios .links-list a.color-red,.ios .links-list li.color-red a,.ios .list .item-link.color-red,.ios .list .list-button.color-red,.ios .list li.color-red .item-link,.ios .list li.color-red .list-button,.ios .simple-list li.color-red{color:#ff3b30}.ios .links-list a.color-green,.ios .links-list li.color-green a,.ios .list .item-link.color-green,.ios .list .list-button.color-green,.ios .list li.color-green .item-link,.ios .list li.color-green .list-button,.ios .simple-list li.color-green{color:#4cd964}.ios .links-list a.color-blue,.ios .links-list li.color-blue a,.ios .list .item-link.color-blue,.ios .list .list-button.color-blue,.ios .list li.color-blue .item-link,.ios .list li.color-blue .list-button,.ios .simple-list li.color-blue{color:#007aff}.ios .links-list a.color-pink,.ios .links-list li.color-pink a,.ios .list .item-link.color-pink,.ios .list .list-button.color-pink,.ios .list li.color-pink .item-link,.ios .list li.color-pink .list-button,.ios .simple-list li.color-pink{color:#ff2d55}.ios .links-list a.color-yellow,.ios .links-list li.color-yellow a,.ios .list .item-link.color-yellow,.ios .list .list-button.color-yellow,.ios .list li.color-yellow .item-link,.ios .list li.color-yellow .list-button,.ios .simple-list li.color-yellow{color:#fc0}.ios .links-list a.color-orange,.ios .links-list li.color-orange a,.ios .list .item-link.color-orange,.ios .list .list-button.color-orange,.ios .list li.color-orange .item-link,.ios .list li.color-orange .list-button,.ios .simple-list li.color-orange{color:#ff9500}.ios .links-list a.color-gray,.ios .links-list li.color-gray a,.ios .list .item-link.color-gray,.ios .list .list-button.color-gray,.ios .list li.color-gray .item-link,.ios .list li.color-gray .list-button,.ios .simple-list li.color-gray{color:#8e8e93}.ios .links-list a.color-white,.ios .links-list li.color-white a,.ios .list .item-link.color-white,.ios .list .list-button.color-white,.ios .list li.color-white .item-link,.ios .list li.color-white .list-button,.ios .simple-list li.color-white{color:#fff}.ios .links-list a.color-black,.ios .links-list li.color-black a,.ios .list .item-link.color-black,.ios .list .list-button.color-black,.ios .list li.color-black .item-link,.ios .list li.color-black .list-button,.ios .simple-list li.color-black{color:#000}.md .list{margin:32px 0;font-size:16px}.md .list .item-cell{width:100%;min-width:0;margin-right:16px}.md .list .item-cell:first-child{margin-right:0}.md .list ul ul{padding-right:56px}.md .list .item-media{padding-top:8px;min-width:40px}.md .list .item-media i+i,.md .list .item-media i+img{margin-right:8px}.md .list .item-media+.item-inner{margin-right:16px}.md .list .item-inner{min-height:48px;padding-left:16px}.md .list .item-after{color:#757575;font-size:14px;padding-right:8px}.md .list .item-link,.md .list .list-button{color:inherit}.md .list .item-link .item-inner,.md .list .list-button .item-inner{padding-left:42px}.md .list .item-link.active-state,.md .list .list-button.active-state{background-color:rgba(0,0,0,.1)}.md .list .list-button{padding:0 16px;font-size:16px;line-height:48px}.md .list .item-content{min-height:48px;padding-right:16px}.md .list .item-subtitle{font-size:14px}.md .list .item-text{font-size:14px;color:#757575;line-height:20px;max-height:40px}.md .list .item-footer,.md .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.md .list .item-footer{color:rgba(0,0,0,.5)}.md .list .item-link.no-chevron .item-inner,.md .list .no-chevron .item-link .item-inner,.md .list.no-chevron .item-link .item-inner,.md .no-chevron .list .item-link .item-inner{padding-left:16px}.md .simple-list li:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .simple-list li{padding-left:16px;padding-right:16px;line-height:48px;height:48px}.md .simple-list li:after{width:auto;left:0;right:16px}.md .links-list a:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .links-list a{height:48px;color:inherit}.md .links-list a.active-state{background-color:rgba(0,0,0,.1)}.md .links-list a:after{width:auto}.md .links-list a{padding-right:16px;padding-left:42px}.md .links-list a:after{right:16px;left:0}.md .links-list .no-chevron a,.md .links-list a.no-chevron,.md .links-list.no-chevron a,.md .no-chevron .links-list a{padding-left:16px}.md .media-list .item-inner,.md li.media-item .item-inner{padding-top:14px;padding-bottom:14px}.md .media-list .item-link .item-inner,.md li.media-item .item-link .item-inner{padding-left:16px}.md .media-list .item-link .item-title-row,.md li.media-item .item-link .item-title-row{padding-left:26px}.md .media-list .item-media,.md li.media-item .item-media{padding-top:14px;padding-bottom:14px}.md .media-list .chevron-center .item-link .item-inner,.md .media-list .item-link.chevron-center .item-inner,.md .media-list.chevron-center .item-link .item-inner,.md li.media-item .chevron-center .item-link .item-inner,.md li.media-item .item-link.chevron-center .item-inner,.md li.media-item.chevron-center .item-link .item-inner{padding-left:42px}.md .media-list .chevron-center .item-title-row,.md .media-list .no-chevron .item-link .item-title-row,.md .media-list.chevron-center .item-title-row,.md .media-list.no-chevron .item-link .item-title-row,.md .no-chevron .media-list .item-link .item-title-row,.md .no-chevron li.media-item .item-link .item-title-row,.md li.media-item .chevron-center .item-title-row,.md li.media-item.chevron-center .item-title-row,.md li.media-item.no-chevron .item-link .item-title-row{padding-left:0!important}.md .links-list a,.md .list .item-link .item-inner{background-position:16px center}.md .item-divider,.md .list-group-title{padding:0 16px;background:#f4f4f4;color:rgba(0,0,0,.54);height:48px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.md .item-divider:before,.md .list-group-title:before{display:none!important}.md .item-divider:after,.md .list-group-title:after{display:none!important}.md .list-group-title{margin-top:0}.md .list .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list.inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.inset ul{border-radius:4px}.md .list.inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.inset li:first-child:last-child>a{border-radius:4px}@media (min-width:768px){.md .list.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.tablet-inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.tablet-inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.tablet-inset li:first-child:last-child>a{border-radius:4px}}.md li li:last-child .item-inner:after,.md li:last-child li .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,html.device-pixel-ratio-2 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,html.device-pixel-ratio-3 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{background-position:calc(16px + constant(safe-area-inset-left)) center;background-position:calc(16px + env(safe-area-inset-left)) center}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row{padding-left:0}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after{right:calc(16px + constant(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after{right:calc(16px + const(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list.md .theme-dark ul:before,.md .theme-dark .list ul:before{background-color:rgba(255,255,255,.08)}.list.md .theme-dark ul:after,.md .theme-dark .list ul:after{background-color:rgba(255,255,255,.08)}.list.md .theme-dark li li:last-child .item-inner:after,.list.md .theme-dark li:last-child li .item-inner:after,.md .theme-dark .list li li:last-child .item-inner:after,.md .theme-dark .list li:last-child li .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-group-title:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-button:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider,.md .theme-dark .list-group-title{background-color:#111;color:#fff}.links-list.md .theme-dark a .simple-list li:after,.md .theme-dark .links-list a:after,.md .theme-dark .simple-list li:after,.simple-list.md .theme-dark li:after{background-color:rgba(255,255,255,.08)}.links-list.md .theme-dark a.active-state,.list.md .theme-dark .item-link.active-state,.list.md .theme-dark .list-button.active-state,.md .theme-dark .links-list a.active-state,.md .theme-dark .list .item-link.active-state,.md .theme-dark .list .list-button.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .item-after,.md .theme-dark .item-text{color:rgba(255,255,255,.54)}.md .color-theme-red .list-button{color:#f44336}.md .color-theme-green .list-button{color:#4caf50}.md .color-theme-blue .list-button{color:#2196f3}.md .color-theme-pink .list-button{color:#e91e63}.md .color-theme-yellow .list-button{color:#ffeb3b}.md .color-theme-orange .list-button{color:#ff9800}.md .color-theme-gray .list-button{color:#9e9e9e}.md .color-theme-white .list-button{color:#fff}.md .color-theme-black .list-button{color:#000}.md .links-list a.color-red,.md .links-list li.color-red a,.md .list .item-link.color-red,.md .list .list-button.color-red,.md .list li.color-red .item-link,.md .list li.color-red .list-button,.md .simple-list li.color-red{color:#f44336}.md .links-list a.color-green,.md .links-list li.color-green a,.md .list .item-link.color-green,.md .list .list-button.color-green,.md .list li.color-green .item-link,.md .list li.color-green .list-button,.md .simple-list li.color-green{color:#4caf50}.md .links-list a.color-blue,.md .links-list li.color-blue a,.md .list .item-link.color-blue,.md .list .list-button.color-blue,.md .list li.color-blue .item-link,.md .list li.color-blue .list-button,.md .simple-list li.color-blue{color:#2196f3}.md .links-list a.color-pink,.md .links-list li.color-pink a,.md .list .item-link.color-pink,.md .list .list-button.color-pink,.md .list li.color-pink .item-link,.md .list li.color-pink .list-button,.md .simple-list li.color-pink{color:#e91e63}.md .links-list a.color-yellow,.md .links-list li.color-yellow a,.md .list .item-link.color-yellow,.md .list .list-button.color-yellow,.md .list li.color-yellow .item-link,.md .list li.color-yellow .list-button,.md .simple-list li.color-yellow{color:#ffeb3b}.md .links-list a.color-orange,.md .links-list li.color-orange a,.md .list .item-link.color-orange,.md .list .list-button.color-orange,.md .list li.color-orange .item-link,.md .list li.color-orange .list-button,.md .simple-list li.color-orange{color:#ff9800}.md .links-list a.color-gray,.md .links-list li.color-gray a,.md .list .item-link.color-gray,.md .list .list-button.color-gray,.md .list li.color-gray .item-link,.md .list li.color-gray .list-button,.md .simple-list li.color-gray{color:#9e9e9e}.md .links-list a.color-white,.md .links-list li.color-white a,.md .list .item-link.color-white,.md .list .list-button.color-white,.md .list li.color-white .item-link,.md .list li.color-white .list-button,.md .simple-list li.color-white{color:#fff}.md .links-list a.color-black,.md .links-list li.color-black a,.md .list .item-link.color-black,.md .list .list-button.color-black,.md .list li.color-black .item-link,.md .list li.color-black .list-button,.md .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.ios .badge{font-size:13px;border-radius:20px;padding:0 6px;height:20px;line-height:20px}.ios .f7-icons .badge,.ios .framework7-icons .badge,.ios .icon .badge,.ios .material-icons .badge{line-height:16px;height:16px;border-radius:16px;padding:0 4px;min-width:16px;font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px}.ios .badge.color-red{background-color:#ff3b30}.ios .badge.color-green{background-color:#4cd964}.ios .badge.color-blue{background-color:#007aff}.ios .badge.color-pink{background-color:#ff2d55}.ios .badge.color-yellow{background-color:#fc0}.ios .badge.color-orange{background-color:#ff9500}.ios .badge.color-gray{background-color:#8e8e93}.ios .badge.color-white{background-color:#fff}.ios .badge.color-black{background-color:#000}.md .badge{font-size:10px;border-radius:3px;padding:1px 6px;vertical-align:middle}.md .f7-icons .badge,.md .framework7-icons .badge,.md .icon .badge,.md .material-icons .badge{line-height:1.4;padding:1px 5px;font-family:Roboto,Noto,Helvetica,Arial,sans-serif;font-size:10px}.md .badge.color-red{background-color:#f44336}.md .badge.color-green{background-color:#4caf50}.md .badge.color-blue{background-color:#2196f3}.md .badge.color-pink{background-color:#e91e63}.md .badge.color-yellow{background-color:#ffeb3b}.md .badge.color-orange{background-color:#ff9800}.md .badge.color-gray{background-color:#9e9e9e}.md .badge.color-white{background-color:#fff}.md .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.ios .button{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px}.ios .button.active-state{background:rgba(0,122,255,.15)}.ios .button.button-round,.ios .button.button-round-ios{border-radius:29px}.ios .button.button-active,.ios .button.tab-link-active{background:#007aff;color:#fff}.ios .button.button-big,.ios .button.button-big-ios{font-size:17px;height:44px;line-height:42px}.ios .button.button-small,.ios .button.button-small-ios{height:26px;line-height:22px;border-width:2px;font-size:13px;font-weight:600;text-transform:uppercase;-webkit-transition-duration:.2s;transition-duration:.2s}.ios .button.button-small-ios.button-fill-ios.active-state,.ios .button.button-small-ios.button-fill.active-state,.ios .button.button-small.button-fill-ios.active-state,.ios .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent;opacity:1}.ios .button.button-fill,.ios .button.button-fill-ios{color:#fff;background:#007aff;border-color:transparent}.ios .button.button-fill-ios.active-state,.ios .button.button-fill.active-state{opacity:.8}.ios .button i.icon:first-child{margin-left:10px}.ios .button i.icon:last-child{margin-right:10px}.ios .button i.icon:first-child:last-child{margin-left:0;margin-right:0}.ios .segmented .button{border-radius:0;border-right-width:0}.ios .segmented .button:first-child{border-radius:0 5px 5px 0;border-right-width:1px;border-right-style:solid}.ios .segmented .button:first-child.button-small{border-right-width:2px}.ios .segmented .button:last-child{border-radius:5px 0 0 5px}.ios .segmented .button:first-child:last-child{border-radius:5px}.ios .segmented .button.button-round-ios:first-child,.ios .segmented .button.button-round:first-child{border-radius:0 29px 29px 0}.ios .segmented .button.button-round-ios:last-child,.ios .segmented .button.button-round:last-child{border-radius:0 29px 29px 0;border-radius:29px 0 0 29px}.ios .color-theme-red .button{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .button.active-state{background:rgba(255,59,48,.15)}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios,.ios .color-theme-red .button.tab-link-active{color:#fff}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.tab-link-active{background:#ff3b30}.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-red .button.button-small-ios.button-fill.active-state,.ios .color-theme-red .button.button-small.button-fill-ios.active-state,.ios .color-theme-red .button.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .color-theme-green .button{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .button.active-state{background:rgba(76,217,100,.15)}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios,.ios .color-theme-green .button.tab-link-active{color:#fff}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.tab-link-active{background:#4cd964}.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios{background:#4cd964;border-color:transparent}.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-green .button.button-small-ios.button-fill.active-state,.ios .color-theme-green .button.button-small.button-fill-ios.active-state,.ios .color-theme-green .button.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .color-theme-blue .button{border-color:#007aff;color:#007aff}.ios .color-theme-blue .button.active-state{background:rgba(0,122,255,.15)}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios,.ios .color-theme-blue .button.tab-link-active{color:#fff}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.tab-link-active{background:#007aff}.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios{background:#007aff;border-color:transparent}.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small-ios.button-fill.active-state,.ios .color-theme-blue .button.button-small.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .color-theme-pink .button{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .button.active-state{background:rgba(255,45,85,.15)}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios,.ios .color-theme-pink .button.tab-link-active{color:#fff}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.tab-link-active{background:#ff2d55}.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small-ios.button-fill.active-state,.ios .color-theme-pink .button.button-small.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .color-theme-yellow .button{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .button.active-state{background:rgba(255,204,0,.15)}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios,.ios .color-theme-yellow .button.tab-link-active{color:#fff}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.tab-link-active{background:#fc0}.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios{background:#fc0;border-color:transparent}.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .color-theme-orange .button{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .button.active-state{background:rgba(255,149,0,.15)}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios,.ios .color-theme-orange .button.tab-link-active{color:#fff}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.tab-link-active{background:#ff9500}.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios{background:#ff9500;border-color:transparent}.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small-ios.button-fill.active-state,.ios .color-theme-orange .button.button-small.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .color-theme-gray .button{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .button.active-state{background:rgba(142,142,147,.15)}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios,.ios .color-theme-gray .button.tab-link-active{color:#fff}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.tab-link-active{background:#8e8e93}.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small-ios.button-fill.active-state,.ios .color-theme-gray .button.button-small.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .color-theme-white .button{border-color:#fff;color:#fff}.ios .color-theme-white .button.active-state{background:rgba(255,255,255,.15)}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios,.ios .color-theme-white .button.tab-link-active{color:#fff}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.tab-link-active{background:#fff}.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios{background:#fff;border-color:transparent}.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-white .button.button-small-ios.button-fill.active-state,.ios .color-theme-white .button.button-small.button-fill-ios.active-state,.ios .color-theme-white .button.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .color-theme-black .button{border-color:#000;color:#000}.ios .color-theme-black .button.active-state{background:rgba(0,0,0,.15)}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios,.ios .color-theme-black .button.tab-link-active{color:#fff}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.tab-link-active{background:#000}.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios{background:#000;border-color:transparent}.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-black .button.button-small-ios.button-fill.active-state,.ios .color-theme-black .button.button-small.button-fill-ios.active-state,.ios .color-theme-black .button.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.ios .button.color-red{border-color:#ff3b30;color:#ff3b30}.ios .button.color-red.active-state{background:rgba(255,59,48,.15)}.ios .button.color-red.button-active,.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios,.ios .button.color-red.tab-link-active{color:#fff}.ios .button.color-red.button-active,.ios .button.color-red.tab-link-active{background:#ff3b30}.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .button.color-red.button-small-ios.button-fill-ios.active-state,.ios .button.color-red.button-small-ios.button-fill.active-state,.ios .button.color-red.button-small.button-fill-ios.active-state,.ios .button.color-red.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .button.color-green{border-color:#4cd964;color:#4cd964}.ios .button.color-green.active-state{background:rgba(76,217,100,.15)}.ios .button.color-green.button-active,.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios,.ios .button.color-green.tab-link-active{color:#fff}.ios .button.color-green.button-active,.ios .button.color-green.tab-link-active{background:#4cd964}.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios{background:#4cd964;border-color:transparent}.ios .button.color-green.button-small-ios.button-fill-ios.active-state,.ios .button.color-green.button-small-ios.button-fill.active-state,.ios .button.color-green.button-small.button-fill-ios.active-state,.ios .button.color-green.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .button.color-blue{border-color:#007aff;color:#007aff}.ios .button.color-blue.active-state{background:rgba(0,122,255,.15)}.ios .button.color-blue.button-active,.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios,.ios .button.color-blue.tab-link-active{color:#fff}.ios .button.color-blue.button-active,.ios .button.color-blue.tab-link-active{background:#007aff}.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios{background:#007aff;border-color:transparent}.ios .button.color-blue.button-small-ios.button-fill-ios.active-state,.ios .button.color-blue.button-small-ios.button-fill.active-state,.ios .button.color-blue.button-small.button-fill-ios.active-state,.ios .button.color-blue.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .button.color-pink{border-color:#ff2d55;color:#ff2d55}.ios .button.color-pink.active-state{background:rgba(255,45,85,.15)}.ios .button.color-pink.button-active,.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios,.ios .button.color-pink.tab-link-active{color:#fff}.ios .button.color-pink.button-active,.ios .button.color-pink.tab-link-active{background:#ff2d55}.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .button.color-pink.button-small-ios.button-fill-ios.active-state,.ios .button.color-pink.button-small-ios.button-fill.active-state,.ios .button.color-pink.button-small.button-fill-ios.active-state,.ios .button.color-pink.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .button.color-yellow{border-color:#fc0;color:#fc0}.ios .button.color-yellow.active-state{background:rgba(255,204,0,.15)}.ios .button.color-yellow.button-active,.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios,.ios .button.color-yellow.tab-link-active{color:#fff}.ios .button.color-yellow.button-active,.ios .button.color-yellow.tab-link-active{background:#fc0}.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios{background:#fc0;border-color:transparent}.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state,.ios .button.color-yellow.button-small-ios.button-fill.active-state,.ios .button.color-yellow.button-small.button-fill-ios.active-state,.ios .button.color-yellow.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .button.color-orange{border-color:#ff9500;color:#ff9500}.ios .button.color-orange.active-state{background:rgba(255,149,0,.15)}.ios .button.color-orange.button-active,.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios,.ios .button.color-orange.tab-link-active{color:#fff}.ios .button.color-orange.button-active,.ios .button.color-orange.tab-link-active{background:#ff9500}.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios{background:#ff9500;border-color:transparent}.ios .button.color-orange.button-small-ios.button-fill-ios.active-state,.ios .button.color-orange.button-small-ios.button-fill.active-state,.ios .button.color-orange.button-small.button-fill-ios.active-state,.ios .button.color-orange.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .button.color-gray{border-color:#8e8e93;color:#8e8e93}.ios .button.color-gray.active-state{background:rgba(142,142,147,.15)}.ios .button.color-gray.button-active,.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios,.ios .button.color-gray.tab-link-active{color:#fff}.ios .button.color-gray.button-active,.ios .button.color-gray.tab-link-active{background:#8e8e93}.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .button.color-gray.button-small-ios.button-fill-ios.active-state,.ios .button.color-gray.button-small-ios.button-fill.active-state,.ios .button.color-gray.button-small.button-fill-ios.active-state,.ios .button.color-gray.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .button.color-white{border-color:#fff;color:#fff}.ios .button.color-white.active-state{background:rgba(255,255,255,.15)}.ios .button.color-white.button-active,.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios,.ios .button.color-white.tab-link-active{color:#fff}.ios .button.color-white.button-active,.ios .button.color-white.tab-link-active{background:#fff}.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios{background:#fff;border-color:transparent}.ios .button.color-white.button-small-ios.button-fill-ios.active-state,.ios .button.color-white.button-small-ios.button-fill.active-state,.ios .button.color-white.button-small.button-fill-ios.active-state,.ios .button.color-white.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .button.color-black{border-color:#000;color:#000}.ios .button.color-black.active-state{background:rgba(0,0,0,.15)}.ios .button.color-black.button-active,.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios,.ios .button.color-black.tab-link-active{color:#fff}.ios .button.color-black.button-active,.ios .button.color-black.tab-link-active{background:#000}.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios{background:#000;border-color:transparent}.ios .button.color-black.button-small-ios.button-fill-ios.active-state,.ios .button.color-black.button-small-ios.button-fill.active-state,.ios .button.color-black.button-small.button-fill-ios.active-state,.ios .button.color-black.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.md .button{color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}.md .button.active-state{background:rgba(0,0,0,.1)}.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active{background-color:#2196f3;color:#fff}.md .button.button-active.active-state,.md .button.button-fill-md.active-state,.md .button.button-fill.active-state,.md .button.tab-link-active.active-state{background:#0c82df}.md .button.button-big,.md .button.button-big-md{height:48px;line-height:48px;border-radius:4px}.md .button.button-round,.md .button.button-round-md{border-radius:36px}.md .button.button-outline{border:2px solid #2196f3;line-height:32px}.md .button.button-outline.button-big,.md .button.button-outline.button-big-md{line-height:44px}.md .button.button-small,.md .button.button-small-md{height:28px;line-height:28px;font-size:13px;font-weight:500;letter-spacing:.03em}.md .button.button-small-md.button-outline,.md .button.button-small.button-outline{border-width:2px;line-height:24px}.md .button>i.icon+i.icon,.md .button>i.icon+span,.md .button>span:not(.ripple-wave)+i.icon,.md .button>span:not(.ripple-wave)+span{margin-right:8px}.md .button.button-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .button.button-raised.active-state{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .navbar .button:not(.button-fill):not(.button-fill-md),.md .subnavbar .button:not(.button-fill):not(.button-fill-md),.md .toolbar .button:not(.button-fill):not(.button-fill-md){color:#fff}.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .toast .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .segmented{border-radius:4px}.md .segmented.segmented-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .segmented.segmented-round{border-radius:36px}.md .segmented .button{border-radius:0;min-width:0;border-right:1px solid rgba(0,0,0,.1)}.md .segmented .button:first-child{border-radius:0 4px 4px 0;border-right:none}.md .segmented .button.button-outline{border:2px solid #2196f3}.md .segmented .button.button-outline:nth-child(n+2){border-right:none}.md .segmented .button:last-child{border-radius:4px 0 0 4px}.md .segmented .button:first-child:last-child{border-radius:4px}.md .segmented .button.button-round:first-child{border-radius:0 36px 36px 0}.md .segmented .button.button-round:last-child{border-radius:36px 0 0 36px}.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state{background-color:rgba(255,255,255,.1)}.md .color-red .button,.md .color-theme-red .button{color:#f44336}.md .color-red .button.button-active,.md .color-red .button.button-fill,.md .color-red .button.button-fill-md,.md .color-red .button.tab-link-active,.md .color-theme-red .button.button-active,.md .color-theme-red .button.button-fill,.md .color-theme-red .button.button-fill-md,.md .color-theme-red .button.tab-link-active{background-color:#f44336;color:#fff}.md .color-red .button.button-active.active-state,.md .color-red .button.button-fill-md.active-state,.md .color-red .button.button-fill.active-state,.md .color-red .button.tab-link-active.active-state,.md .color-theme-red .button.button-active.active-state,.md .color-theme-red .button.button-fill-md.active-state,.md .color-theme-red .button.button-fill.active-state,.md .color-theme-red .button.tab-link-active.active-state{background:#f21f0f}.md .color-red .button.button-outline,.md .color-theme-red .button.button-outline{border-color:#f44336}.md .color-green .button,.md .color-theme-green .button{color:#4caf50}.md .color-green .button.button-active,.md .color-green .button.button-fill,.md .color-green .button.button-fill-md,.md .color-green .button.tab-link-active,.md .color-theme-green .button.button-active,.md .color-theme-green .button.button-fill,.md .color-theme-green .button.button-fill-md,.md .color-theme-green .button.tab-link-active{background-color:#4caf50;color:#fff}.md .color-green .button.button-active.active-state,.md .color-green .button.button-fill-md.active-state,.md .color-green .button.button-fill.active-state,.md .color-green .button.tab-link-active.active-state,.md .color-theme-green .button.button-active.active-state,.md .color-theme-green .button.button-fill-md.active-state,.md .color-theme-green .button.button-fill.active-state,.md .color-theme-green .button.tab-link-active.active-state{background:#409343}.md .color-green .button.button-outline,.md .color-theme-green .button.button-outline{border-color:#4caf50}.md .color-blue .button,.md .color-theme-blue .button{color:#2196f3}.md .color-blue .button.button-active,.md .color-blue .button.button-fill,.md .color-blue .button.button-fill-md,.md .color-blue .button.tab-link-active,.md .color-theme-blue .button.button-active,.md .color-theme-blue .button.button-fill,.md .color-theme-blue .button.button-fill-md,.md .color-theme-blue .button.tab-link-active{background-color:#2196f3;color:#fff}.md .color-blue .button.button-active.active-state,.md .color-blue .button.button-fill-md.active-state,.md .color-blue .button.button-fill.active-state,.md .color-blue .button.tab-link-active.active-state,.md .color-theme-blue .button.button-active.active-state,.md .color-theme-blue .button.button-fill-md.active-state,.md .color-theme-blue .button.button-fill.active-state,.md .color-theme-blue .button.tab-link-active.active-state{background:#0c82df}.md .color-blue .button.button-outline,.md .color-theme-blue .button.button-outline{border-color:#2196f3}.md .color-pink .button,.md .color-theme-pink .button{color:#e91e63}.md .color-pink .button.button-active,.md .color-pink .button.button-fill,.md .color-pink .button.button-fill-md,.md .color-pink .button.tab-link-active,.md .color-theme-pink .button.button-active,.md .color-theme-pink .button.button-fill,.md .color-theme-pink .button.button-fill-md,.md .color-theme-pink .button.tab-link-active{background-color:#e91e63;color:#fff}.md .color-pink .button.button-active.active-state,.md .color-pink .button.button-fill-md.active-state,.md .color-pink .button.button-fill.active-state,.md .color-pink .button.tab-link-active.active-state,.md .color-theme-pink .button.button-active.active-state,.md .color-theme-pink .button.button-fill-md.active-state,.md .color-theme-pink .button.button-fill.active-state,.md .color-theme-pink .button.tab-link-active.active-state{background:#ca1452}.md .color-pink .button.button-outline,.md .color-theme-pink .button.button-outline{border-color:#e91e63}.md .color-theme-yellow .button,.md .color-yellow .button{color:#ffeb3b}.md .color-theme-yellow .button.button-active,.md .color-theme-yellow .button.button-fill,.md .color-theme-yellow .button.button-fill-md,.md .color-theme-yellow .button.tab-link-active,.md .color-yellow .button.button-active,.md .color-yellow .button.button-fill,.md .color-yellow .button.button-fill-md,.md .color-yellow .button.tab-link-active{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .button.button-active.active-state,.md .color-theme-yellow .button.button-fill-md.active-state,.md .color-theme-yellow .button.button-fill.active-state,.md .color-theme-yellow .button.tab-link-active.active-state,.md .color-yellow .button.button-active.active-state,.md .color-yellow .button.button-fill-md.active-state,.md .color-yellow .button.button-fill.active-state,.md .color-yellow .button.tab-link-active.active-state{background:#ffe712}.md .color-theme-yellow .button.button-outline,.md .color-yellow .button.button-outline{border-color:#ffeb3b}.md .color-orange .button,.md .color-theme-orange .button{color:#ff9800}.md .color-orange .button.button-active,.md .color-orange .button.button-fill,.md .color-orange .button.button-fill-md,.md .color-orange .button.tab-link-active,.md .color-theme-orange .button.button-active,.md .color-theme-orange .button.button-fill,.md .color-theme-orange .button.button-fill-md,.md .color-theme-orange .button.tab-link-active{background-color:#ff9800;color:#fff}.md .color-orange .button.button-active.active-state,.md .color-orange .button.button-fill-md.active-state,.md .color-orange .button.button-fill.active-state,.md .color-orange .button.tab-link-active.active-state,.md .color-theme-orange .button.button-active.active-state,.md .color-theme-orange .button.button-fill-md.active-state,.md .color-theme-orange .button.button-fill.active-state,.md .color-theme-orange .button.tab-link-active.active-state{background:#d68000}.md .color-orange .button.button-outline,.md .color-theme-orange .button.button-outline{border-color:#ff9800}.md .color-gray .button,.md .color-theme-gray .button{color:#9e9e9e}.md .color-gray .button.button-active,.md .color-gray .button.button-fill,.md .color-gray .button.button-fill-md,.md .color-gray .button.tab-link-active,.md .color-theme-gray .button.button-active,.md .color-theme-gray .button.button-fill,.md .color-theme-gray .button.button-fill-md,.md .color-theme-gray .button.tab-link-active{background-color:#9e9e9e;color:#fff}.md .color-gray .button.button-active.active-state,.md .color-gray .button.button-fill-md.active-state,.md .color-gray .button.button-fill.active-state,.md .color-gray .button.tab-link-active.active-state,.md .color-theme-gray .button.button-active.active-state,.md .color-theme-gray .button.button-fill-md.active-state,.md .color-theme-gray .button.button-fill.active-state,.md .color-theme-gray .button.tab-link-active.active-state{background:#8a8a8a}.md .color-gray .button.button-outline,.md .color-theme-gray .button.button-outline{border-color:#9e9e9e}.md .color-theme-white .button,.md .color-white .button{color:#fff}.md .color-theme-white .button.button-active,.md .color-theme-white .button.button-fill,.md .color-theme-white .button.button-fill-md,.md .color-theme-white .button.tab-link-active,.md .color-white .button.button-active,.md .color-white .button.button-fill,.md .color-white .button.button-fill-md,.md .color-white .button.tab-link-active{background-color:#fff;color:#fff}.md .color-theme-white .button.button-active.active-state,.md .color-theme-white .button.button-fill-md.active-state,.md .color-theme-white .button.button-fill.active-state,.md .color-theme-white .button.tab-link-active.active-state,.md .color-white .button.button-active.active-state,.md .color-white .button.button-fill-md.active-state,.md .color-white .button.button-fill.active-state,.md .color-white .button.tab-link-active.active-state{background:#ebebeb}.md .color-theme-white .button.button-outline,.md .color-white .button.button-outline{border-color:#fff}.md .color-black .button,.md .color-theme-black .button{color:#000}.md .color-black .button.button-active,.md .color-black .button.button-fill,.md .color-black .button.button-fill-md,.md .color-black .button.tab-link-active,.md .color-theme-black .button.button-active,.md .color-theme-black .button.button-fill,.md .color-theme-black .button.button-fill-md,.md .color-theme-black .button.tab-link-active{background-color:#000;color:#fff}.md .color-black .button.button-active.active-state,.md .color-black .button.button-fill-md.active-state,.md .color-black .button.button-fill.active-state,.md .color-black .button.tab-link-active.active-state,.md .color-theme-black .button.button-active.active-state,.md .color-theme-black .button.button-fill-md.active-state,.md .color-theme-black .button.button-fill.active-state,.md .color-theme-black .button.tab-link-active.active-state{background:#000}.md .color-black .button.button-outline,.md .color-theme-black .button.button-outline{border-color:#000}.md .button.color-red{color:#f44336}.md .button.color-red.button-active,.md .button.color-red.button-fill,.md .button.color-red.button-fill-md,.md .button.color-red.tab-link-active{background-color:#f44336;color:#fff}.md .button.color-red.button-active.active-state,.md .button.color-red.button-fill-md.active-state,.md .button.color-red.button-fill.active-state,.md .button.color-red.tab-link-active.active-state{background:#f21f0f}.md .button.color-red.button-outline{border-color:#f44336}.md .button.color-green{color:#4caf50}.md .button.color-green.button-active,.md .button.color-green.button-fill,.md .button.color-green.button-fill-md,.md .button.color-green.tab-link-active{background-color:#4caf50;color:#fff}.md .button.color-green.button-active.active-state,.md .button.color-green.button-fill-md.active-state,.md .button.color-green.button-fill.active-state,.md .button.color-green.tab-link-active.active-state{background:#409343}.md .button.color-green.button-outline{border-color:#4caf50}.md .button.color-blue{color:#2196f3}.md .button.color-blue.button-active,.md .button.color-blue.button-fill,.md .button.color-blue.button-fill-md,.md .button.color-blue.tab-link-active{background-color:#2196f3;color:#fff}.md .button.color-blue.button-active.active-state,.md .button.color-blue.button-fill-md.active-state,.md .button.color-blue.button-fill.active-state,.md .button.color-blue.tab-link-active.active-state{background:#0c82df}.md .button.color-blue.button-outline{border-color:#2196f3}.md .button.color-pink{color:#e91e63}.md .button.color-pink.button-active,.md .button.color-pink.button-fill,.md .button.color-pink.button-fill-md,.md .button.color-pink.tab-link-active{background-color:#e91e63;color:#fff}.md .button.color-pink.button-active.active-state,.md .button.color-pink.button-fill-md.active-state,.md .button.color-pink.button-fill.active-state,.md .button.color-pink.tab-link-active.active-state{background:#ca1452}.md .button.color-pink.button-outline{border-color:#e91e63}.md .button.color-yellow{color:#ffeb3b}.md .button.color-yellow.button-active,.md .button.color-yellow.button-fill,.md .button.color-yellow.button-fill-md,.md .button.color-yellow.tab-link-active{background-color:#ffeb3b;color:#fff}.md .button.color-yellow.button-active.active-state,.md .button.color-yellow.button-fill-md.active-state,.md .button.color-yellow.button-fill.active-state,.md .button.color-yellow.tab-link-active.active-state{background:#ffe712}.md .button.color-yellow.button-outline{border-color:#ffeb3b}.md .button.color-orange{color:#ff9800}.md .button.color-orange.button-active,.md .button.color-orange.button-fill,.md .button.color-orange.button-fill-md,.md .button.color-orange.tab-link-active{background-color:#ff9800;color:#fff}.md .button.color-orange.button-active.active-state,.md .button.color-orange.button-fill-md.active-state,.md .button.color-orange.button-fill.active-state,.md .button.color-orange.tab-link-active.active-state{background:#d68000}.md .button.color-orange.button-outline{border-color:#ff9800}.md .button.color-gray{color:#9e9e9e}.md .button.color-gray.button-active,.md .button.color-gray.button-fill,.md .button.color-gray.button-fill-md,.md .button.color-gray.tab-link-active{background-color:#9e9e9e;color:#fff}.md .button.color-gray.button-active.active-state,.md .button.color-gray.button-fill-md.active-state,.md .button.color-gray.button-fill.active-state,.md .button.color-gray.tab-link-active.active-state{background:#8a8a8a}.md .button.color-gray.button-outline{border-color:#9e9e9e}.md .button.color-white{color:#fff}.md .button.color-white.button-active,.md .button.color-white.button-fill,.md .button.color-white.button-fill-md,.md .button.color-white.tab-link-active{background-color:#fff;color:#fff}.md .button.color-white.button-active.active-state,.md .button.color-white.button-fill-md.active-state,.md .button.color-white.button-fill.active-state,.md .button.color-white.tab-link-active.active-state{background:#ebebeb}.md .button.color-white.button-outline{border-color:#fff}.md .button.color-black{color:#000}.md .button.color-black.button-active,.md .button.color-black.button-fill,.md .button.color-black.button-fill-md,.md .button.color-black.tab-link-active{background-color:#000;color:#fff}.md .button.color-black.button-active.active-state,.md .button.color-black.button-fill-md.active-state,.md .button.color-black.button-fill.active-state,.md .button.color-black.tab-link-active.active-state{background:#000}.md .button.color-black.button-outline{border-color:#000}.md .actions-button,.md .button,.md .checkbox,.md .dialog-button,.md .fab a,.md .radio,.md .ripple,.md .speed-dial-buttons a,.md .tab-link,.md a.item-link,.md a.link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md .ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;background:rgba(0,0,0,.1);padding:0;margin:0;font-size:0;-webkit-transform:translate3d(0px,0px,0) scale(0);transform:translate3d(0px,0px,0) scale(0);-webkit-transition-duration:1.4s;transition-duration:1.4s}.md .ripple-wave.ripple-wave-fill{-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.35}.md .ripple-wave.ripple-wave-out{-webkit-transition-duration:.6s;transition-duration:.6s;opacity:0}.button-fill .md .ripple-wave,.picker-calendar-day .md .ripple-wave{z-index:1}.md .button-active .ripple-wave,.md .button-fill .ripple-wave,.md .fab a .ripple-wave,.md .navbar .ripple-wave,.md .stepper-fill .ripple-wave,.md .subnavbar .ripple-wave,.md .toast .ripple-wave,.md .toolbar .ripple-wave{background:rgba(255,255,255,.3)}.md .messagebar .ripple-wave,.md .searchbar .ripple-wave{background:rgba(0,0,0,.1)}.md .data-table .sortable-cell .ripple-wave{z-index:0}.md .checkbox .ripple-wave,.md .radio .ripple-wave{background:rgba(33,150,243,.5);z-index:0}.calendar.md .theme-dark .ripple-wave,.md .theme-dark .calendar .ripple-wave,.md .theme-dark .messagebar .ripple-wave,.md .theme-dark .page-content .ripple-wave,.md .theme-dark .popover .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-color-red .ripple-wave,.md .ripple-red .ripple-wave{background-color:rgba(244,67,54,.3)}.md .ripple-color-green .ripple-wave,.md .ripple-green .ripple-wave{background-color:rgba(76,175,80,.3)}.md .ripple-blue .ripple-wave,.md .ripple-color-blue .ripple-wave{background-color:rgba(33,150,243,.3)}.md .ripple-color-pink .ripple-wave,.md .ripple-pink .ripple-wave{background-color:rgba(233,30,99,.3)}.md .ripple-color-yellow .ripple-wave,.md .ripple-yellow .ripple-wave{background-color:rgba(255,235,59,.3)}.md .ripple-color-orange .ripple-wave,.md .ripple-orange .ripple-wave{background-color:rgba(255,152,0,.3)}.md .ripple-color-gray .ripple-wave,.md .ripple-gray .ripple-wave{background-color:rgba(158,158,158,.3)}.md .ripple-color-white .ripple-wave,.md .ripple-white .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-black .ripple-wave,.md .ripple-color-black .ripple-wave{background-color:rgba(0,0,0,.3)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.ios .icon-back,.ios .icon-prev{width:12px;height:20px}.ios .icon-forward,.ios .icon-next{width:12px;height:20px}.ios .icon-next,.ios .icon-prev{width:10px}.ios .icon-forward,.ios .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon-back,.ios .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .navbar .f7-icons,.ios .toolbar .f7-icons{font-size:22px}.ios .tabbar .f7-icons,.ios .tabbar-labels .f7-icons{font-size:25px}.ios .item-media .f7-icons{font-size:25px;width:29px;height:29px}.ios .button .f7-icons{font-size:22px}.ios .item-media .icon{color:grey}.ios .color-theme-red .icon-forward,.ios .color-theme-red .icon-next,.ios .icon-forward.color-red,.ios .icon-next.color-red,.ios a.link.color-red .icon-forward,.ios a.link.color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-red .icon-back,.ios .color-theme-red .icon-prev,.ios .icon-back.color-red,.ios .icon-prev.color-red,.ios a.link.color-red .icon-back,.ios a.link.color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-forward,.ios .color-theme-green .icon-next,.ios .icon-forward.color-green,.ios .icon-next.color-green,.ios a.link.color-green .icon-forward,.ios a.link.color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-back,.ios .color-theme-green .icon-prev,.ios .icon-back.color-green,.ios .icon-prev.color-green,.ios a.link.color-green .icon-back,.ios a.link.color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-forward,.ios .color-theme-blue .icon-next,.ios .icon-forward.color-blue,.ios .icon-next.color-blue,.ios a.link.color-blue .icon-forward,.ios a.link.color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-back,.ios .color-theme-blue .icon-prev,.ios .icon-back.color-blue,.ios .icon-prev.color-blue,.ios a.link.color-blue .icon-back,.ios a.link.color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-forward,.ios .color-theme-pink .icon-next,.ios .icon-forward.color-pink,.ios .icon-next.color-pink,.ios a.link.color-pink .icon-forward,.ios a.link.color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-back,.ios .color-theme-pink .icon-prev,.ios .icon-back.color-pink,.ios .icon-prev.color-pink,.ios a.link.color-pink .icon-back,.ios a.link.color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-forward,.ios .color-theme-yellow .icon-next,.ios .icon-forward.color-yellow,.ios .icon-next.color-yellow,.ios a.link.color-yellow .icon-forward,.ios a.link.color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-back,.ios .color-theme-yellow .icon-prev,.ios .icon-back.color-yellow,.ios .icon-prev.color-yellow,.ios a.link.color-yellow .icon-back,.ios a.link.color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-forward,.ios .color-theme-orange .icon-next,.ios .icon-forward.color-orange,.ios .icon-next.color-orange,.ios a.link.color-orange .icon-forward,.ios a.link.color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-back,.ios .color-theme-orange .icon-prev,.ios .icon-back.color-orange,.ios .icon-prev.color-orange,.ios a.link.color-orange .icon-back,.ios a.link.color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-forward,.ios .color-theme-gray .icon-next,.ios .icon-forward.color-gray,.ios .icon-next.color-gray,.ios a.link.color-gray .icon-forward,.ios a.link.color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-back,.ios .color-theme-gray .icon-prev,.ios .icon-back.color-gray,.ios .icon-prev.color-gray,.ios a.link.color-gray .icon-back,.ios a.link.color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-forward,.ios .color-theme-white .icon-next,.ios .icon-forward.color-white,.ios .icon-next.color-white,.ios a.link.color-white .icon-forward,.ios a.link.color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-back,.ios .color-theme-white .icon-prev,.ios .icon-back.color-white,.ios .icon-prev.color-white,.ios a.link.color-white .icon-back,.ios a.link.color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-forward,.ios .color-theme-black .icon-next,.ios .icon-forward.color-black,.ios .icon-next.color-black,.ios a.link.color-black .icon-forward,.ios a.link.color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-back,.ios .color-theme-black .icon-prev,.ios .icon-back.color-black,.ios .icon-prev.color-black,.ios a.link.color-black .icon-back,.ios a.link.color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon.color-red{color:#ff3b30}.ios .icon.color-green{color:#4cd964}.ios .icon.color-blue{color:#007aff}.ios .icon.color-pink{color:#ff2d55}.ios .icon.color-yellow{color:#fc0}.ios .icon.color-orange{color:#ff9500}.ios .icon.color-gray{color:#8e8e93}.ios .icon.color-white{color:#fff}.ios .icon.color-black{color:#000}.md .icon-back{width:24px;height:24px}.md .icon-forward{width:24px;height:24px}.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-red,.md a.link .color-red .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-red,.md a.link .color-red .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-red,.md a.link .color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-red,.md a.link .color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-green,.md a.link .color-green .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-green,.md a.link .color-green .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-green,.md a.link .color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-green,.md a.link .color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-blue,.md a.link .color-blue .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-blue,.md a.link .color-blue .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-blue,.md a.link .color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-blue,.md a.link .color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-pink,.md a.link .color-pink .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-pink,.md a.link .color-pink .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-pink,.md a.link .color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-pink,.md a.link .color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-yellow,.md a.link .color-yellow .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-yellow,.md a.link .color-yellow .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-yellow,.md a.link .color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-yellow,.md a.link .color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-orange,.md a.link .color-orange .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-orange,.md a.link .color-orange .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-orange,.md a.link .color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-orange,.md a.link .color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-gray,.md a.link .color-gray .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-gray,.md a.link .color-gray .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-gray,.md a.link .color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-gray,.md a.link .color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-white,.md a.link .color-white .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-white,.md a.link .color-white .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-white,.md a.link .color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-white,.md a.link .color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-black,.md a.link .color-black .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-black,.md a.link .color-black .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-black,.md a.link .color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-black,.md a.link .color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon.color-red{color:#f44336}.md .icon.color-green{color:#4caf50}.md .icon.color-blue{color:#2196f3}.md .icon.color-pink{color:#e91e63}.md .icon.color-yellow{color:#ffeb3b}.md .icon.color-orange{color:#ff9800}.md .icon.color-gray{color:#9e9e9e}.md .icon.color-white{color:#fff}.md .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/framework7/css/framework7.bundle.css b/framework7/css/framework7.bundle.css new file mode 100644 index 0000000..040bc2d --- /dev/null +++ b/framework7/css/framework7.bundle.css @@ -0,0 +1,15688 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-with-navbar-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(-20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + left: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-left: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-left: var(--f7-navbar-title-margin-left); + margin-right: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: calc(8px + var(--f7-safe-area-right)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-left: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(0%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(-100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: var(--f7-safe-area-right); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-left: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + left: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-left: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +.md .subnavbar-inner > a.link:last-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-left: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-left: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-left: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-left: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-left: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-left: 0; +} +.list .ripple-wave + .item-cell { + margin-left: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + width: auto; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.links-list a:after { + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-right: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-right: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + right: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li.swipeout:first-child, +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li.swipeout:last-child, +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li.swipeout:first-child:last-child, +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-left: 4px; +} +.subnavbar .button, +.navbar .button, +.toolbar .button, +.searchbar .button { + color: var(--f7-button-text-color, var(--f7-theme-color)); +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button:not(.button-outline):first-child { + border-left: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.segmented .button:last-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button-round:first-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button-round:last-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-left: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_left_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_right_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_left_md'; +} +.md .icon-forward:after { + content: 'arrow_right_md'; +} +.md .icon-next:after { + content: 'chevron_right_md'; +} +.md .icon-prev:after { + content: 'chevron_left_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +:root { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.ios { + --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); + --f7-dialog-box-shadow: none; + --f7-dialog-width: 270px; + --f7-dialog-border-radius: 13px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: center; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 18px; + --f7-dialog-title-font-weight: 600; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 17px; + --f7-dialog-button-height: 44px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 400; + --f7-dialog-button-text-transform: none; + --f7-dialog-button-pressed-bg-color: rgba(230, 230, 230, 0.95); + --f7-dialog-input-font-size: 14px; + --f7-dialog-input-height: 32px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: #a9a9a9; + --f7-dialog-preloader-size: 34px; +} +.md { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: var(--f7-elevation-24); + --f7-dialog-width: 280px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #757575; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 16px; + --f7-dialog-title-text-color: #212121; + --f7-dialog-title-font-size: 20px; + --f7-dialog-title-font-weight: 500; + --f7-dialog-title-line-height: 1.3; + --f7-dialog-button-font-size: 14px; + --f7-dialog-button-height: 36px; + --f7-dialog-button-letter-spacing: 0.03em; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: uppercase; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-font-size: 16px; + --f7-dialog-input-height: 36px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: transparent; + --f7-dialog-input-border-width: 0px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-dialog-preloader-size: 32px; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + transform: translate3d(0, -50%, 0) scale(1.185); + transition-property: transform, opacity; + display: none; + transition-duration: 400ms; + box-shadow: var(--f7-dialog-box-shadow); + width: var(--f7-dialog-width); + margin-left: calc(-1 * var(--f7-dialog-width) / 2); + border-radius: var(--f7-dialog-border-radius); + text-align: var(--f7-dialog-text-align); + color: var(--f7-dialog-text-color); + font-size: var(--f7-dialog-font-size); + will-change: transform, opacity; +} +.dialog.modal-in { + opacity: 1; + transform: translate3d(0, -50%, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + color: var(--f7-dialog-title-text-color); + font-size: var(--f7-dialog-title-font-size); + font-weight: var(--f7-dialog-title-font-weight); + line-height: var(--f7-dialog-title-line-height); +} +.dialog-buttons { + position: relative; + display: flex; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-button { + box-sizing: border-box; + overflow: hidden; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + color: var(--f7-dialog-button-text-color); + font-size: var(--f7-dialog-button-font-size); + height: var(--f7-dialog-button-height); + line-height: var(--f7-dialog-button-height); + letter-spacing: var(--f7-dialog-button-letter-spacing); + text-align: var(--f7-dialog-button-text-align); + font-weight: var(--f7-dialog-button-font-weight); + text-transform: var(--f7-dialog-button-text-transform); + display: block; + cursor: pointer; +} +.dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +input.dialog-input[type] { + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + box-shadow: none; + font-size: var(--f7-dialog-input-font-size); + height: var(--f7-dialog-input-height); + background-color: var(--f7-dialog-input-bg-color); + border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color); +} +input.dialog-input[type]::-webkit-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-moz-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-ms-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +.dialog-preloader .preloader { + --f7-preloader-size: var(--f7-dialog-preloader-size); +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + -webkit-box-flex: 1; + -ms-flex: 1; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 var(--f7-dialog-border-radius); +} +.ios .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: var(--f7-dialog-border-radius); +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input { + padding: 0 5px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 15px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.md .dialog { + background: var(--f7-dialog-bg-color); +} +.md .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.md .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 8px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-input { + padding: 0; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: 0px; + */ +} +.ios { + --f7-popup-box-shadow: none; +} +.md { + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} +.popup-backdrop { + z-index: 10500; +} +.popup { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; + will-change: transform; + overflow: hidden; + border-radius: var(--f7-popup-border-radius); +} +.popup.modal-in, +.popup.modal-out { + transition-duration: 400ms; +} +.popup.not-animated { + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: var(--f7-popup-tablet-width); + height: var(--f7-popup-tablet-height); + left: 50%; + top: 50%; + margin-left: calc(-1 * var(--f7-popup-tablet-width) / 2); + margin-top: calc(-1 * var(--f7-popup-tablet-height) / 2); + transform: translate3d(0, 100vh, 0); + box-shadow: var(--f7-popup-box-shadow); + border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius)); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + .popup-backdrop { + z-index: 9500; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +:root { + --f7-login-screen-bg-color: #fff; + --f7-login-screen-content-bg-color: #fff; + --f7-login-screen-blocks-max-width: 480px; + /* + --f7-login-screen-list-button-text-color: var(--f7-theme-color); + */ + --f7-login-screen-title-text-align: center; + --f7-login-screen-title-text-color: inherit; + --f7-login-screen-title-letter-spacing: 0; +} +:root .theme-dark, +:root.theme-dark { + --f7-login-screen-bg-color: #171717; + --f7-login-screen-content-bg-color: transparent; +} +.ios { + --f7-login-screen-blocks-margin-vertical: 25px; + --f7-login-screen-title-font-size: 30px; + --f7-login-screen-title-font-weight: normal; +} +.md { + --f7-login-screen-blocks-margin-vertical: 24px; + --f7-login-screen-title-font-size: 34px; + --f7-login-screen-title-font-weight: normal; +} +.login-screen { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-login-screen-bg-color); + z-index: 11000; + will-change: transform; +} +.login-screen.modal-in, +.login-screen.modal-out { + transition-duration: 400ms; +} +.login-screen.not-animated { + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + transform: translate3d(0, 100%, 0); +} +.login-screen-content { + background: var(--f7-login-screen-content-bg-color); +} +.login-screen-content .list-button { + text-align: center; + color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color)); +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block { + margin: var(--f7-login-screen-blocks-margin-vertical) auto; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: var(--f7-login-screen-blocks-max-width); +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: var(--f7-login-screen-title-text-align); + font-size: var(--f7-login-screen-title-font-size); + font-weight: var(--f7-login-screen-title-font-weight); + color: var(--f7-login-screen-title-text-color); + letter-spacing: var(--f7-login-screen-title-letter-spacing); +} +.theme-dark .login-screen-content .list ul, +.theme-dark .login-screen-content .block-strong { + background-color: transparent; +} +/* === Popover === */ +:root { + --f7-popover-width: 260px; +} +.ios { + --f7-popover-bg-color: rgba(255, 255, 255, 0.95); + --f7-popover-border-radius: 13px; + --f7-popover-box-shadow: none; + --f7-popover-actions-icon-size: 28px; + --f7-popover-actions-label-text-color: #8a8a8a; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-popover-bg-color: rgba(30, 30, 30, 0.95); +} +.md { + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: var(--f7-elevation-8); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); +} +.popover { + width: var(--f7-popover-width); + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + transition-duration: 300ms; + background-color: var(--f7-popover-bg-color); + border-radius: var(--f7-popover-border-radius); + box-shadow: var(--f7-popover-box-shadow); + will-change: transform, opacity; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover .list:first-child ul { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:first-child li:first-child, +.popover .list:first-child li:first-child a, +.popover .list:first-child li:first-child > label { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:last-child ul { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:last-child li:last-child, +.popover .list:last-child li:last-child a, +.popover .list:last-child li:last-child > label { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:first-child:last-child li:first-child:last-child, +.popover .list:first-child:last-child li:first-child:last-child a, +.popover .list:first-child:last-child li:first-child:last-child > label, +.popover .list:first-child:last-child ul { + border-radius: var(--f7-popover-border-radius); +} +.popover .list + .list { + margin-top: var(--f7-list-margin-vertical); +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + transition-duration: 0ms; +} +.popover-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions .item-link i.icon { + width: var(--f7-popover-actions-icon-size); + height: var(--f7-popover-actions-icon-size); + font-size: var(--f7-popover-actions-icon-size); +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; + display: flex; + align-items: center; + padding: var(--f7-actions-label-padding); + color: var(--f7-popover-actions-label-text-color); + font-size: var(--f7-actions-label-font-size); + justify-content: var(--f7-actions-label-justify-content); +} +.popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + transform: none; + transition-property: opacity; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.md .popover { + transform: scale(0.85, 0.6); + transition-property: opacity, transform; +} +.md .popover.modal-in { + opacity: 1; + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + transform: scale(1); +} +.md .popover-on-top { + transform-origin: center bottom; +} +.md .popover-on-bottom { + transform-origin: center top; +} +/* === Actions === */ +.ios { + --f7-actions-bg-color: rgba(255, 255, 255, 0.95); + --f7-actions-border-radius: 13px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.2); + --f7-actions-button-text-color: var(--f7-theme-color); + --f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9); + --f7-actions-button-padding: 0px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 57px; + --f7-actions-button-height-landscape: 44px; + --f7-actions-button-font-size: 20px; + --f7-actions-button-icon-size: 28px; + --f7-actions-button-justify-content: center; + --f7-actions-label-padding: 8px 10px; + --f7-actions-label-text-color: #8a8a8a; + --f7-actions-label-font-size: 13px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: transparent; + --f7-actions-group-margin: 8px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.md { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 0px; + --f7-actions-button-border-color: transparent; + --f7-actions-button-text-color: rgba(0, 0, 0, 0.87); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 16px; + --f7-actions-button-text-align: left; + --f7-actions-button-height: 48px; + --f7-actions-button-height-landscape: 48px; + --f7-actions-button-font-size: 16px; + --f7-actions-button-icon-size: 24px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 12px 16px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); + --f7-actions-label-font-size: 16px; + --f7-actions-label-justify-content: flex-start; + --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-margin: 0px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + transition-property: transform; + will-change: transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + transition-duration: 300ms; +} +.actions-modal.not-animated { + transition-duration: 0ms; +} +.actions-modal.modal-in { + transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0); +} +.actions-modal.modal-out { + z-index: 13499; + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +@media (orientation: landscape) { + .actions-modal { + --f7-actions-button-height: var(--f7-actions-button-height-landscape); + } +} +.actions-group { + overflow: hidden; + position: relative; + margin: var(--f7-actions-group-margin); + border-radius: var(--f7-actions-border-radius); + transform: translate3d(0, 0, 0); +} +.actions-group:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-group-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-group:last-child:after { + display: none !important; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + box-sizing: border-box; + display: block; + position: relative; + overflow: hidden; + text-align: var(--f7-actions-button-text-align); + background: var(--f7-actions-bg-color); +} +.actions-button:after, +.actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-button:first-child, +.actions-label:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-button:last-child, +.actions-label:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-button:last-child:after, +.actions-label:last-child:after { + display: none !important; +} +.actions-button:first-child:last-child, +.actions-label:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 600; +} +.actions-button { + cursor: pointer; + display: flex; + color: var(--f7-actions-button-text-color); + font-size: var(--f7-actions-button-font-size); + height: var(--f7-actions-button-height); + line-height: var(--f7-actions-button-height); + padding: var(--f7-actions-button-padding); + justify-content: var(--f7-actions-button-justify-content); + z-index: 10; +} +.actions-button.active-state { + background-color: var(--f7-actions-button-pressed-bg-color) !important; +} +.actions-button[class*="color-"] { + color: var(--f7-theme-color); +} +.actions-button-media { + flex-shrink: 0; + display: flex; + align-items: center; +} +.actions-button-media i.icon { + width: var(--f7-actions-button-icon-size); + height: var(--f7-actions-button-icon-size); + font-size: var(--f7-actions-button-icon-size); +} +.actions-button a, +.actions-button-text { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.actions-button-text { + width: 100%; + flex-shrink: 1; + text-align: var(--f7-actions-button-text-align); +} +.actions-label { + line-height: 1.3; + display: flex; + align-items: center; + font-size: var(--f7-actions-label-font-size); + color: var(--f7-actions-label-text-color); + padding: var(--f7-actions-label-padding); + justify-content: var(--f7-actions-label-justify-content); + min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height)); +} +.actions-label[class*=" color-"] { + --f7-actions-label-text-color: var(--f7-theme-color); +} +.actions-grid .actions-group { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + border-radius: 0; + background: var(--f7-actions-bg-color); + margin-top: 0; +} +.actions-grid .actions-group:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-grid .actions-group:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-grid .actions-group:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.actions-grid .actions-button, +.actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; + color: var(--f7-actions-grid-button-text-color); + height: auto; + line-height: 1; + padding: 16px; +} +.actions-grid .actions-button:after { + display: none !important; +} +.actions-grid .actions-button-media { + margin-left: auto !important; + margin-right: auto !important; + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-media i.icon { + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); + font-size: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center !important; + margin-top: 8px; + line-height: 1.33em; + height: 1.33em; + font-size: var(--f7-actions-grid-button-font-size); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.md .actions-button { + transition-duration: 300ms; +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +/* === Sheet Modal === */ +:root { + --f7-sheet-height: 260px; +} +.ios { + --f7-sheet-bg-color: #cfd5da; + --f7-sheet-border-color: #929499; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-sheet-bg-color: #171717; + --f7-sheet-border-color: var(--f7-bars-border-color); +} +.md { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} +.sheet-backdrop { + z-index: 11000; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: var(--f7-sheet-height); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-sheet-bg-color); + z-index: 12500; + will-change: transform; +} +.sheet-modal:before { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.sheet-modal:before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + transition-duration: 300ms; +} +.sheet-modal.not-animated { + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.sheet-modal .toolbar:after, +.sheet-modal .toolbar:before { + display: none; +} +.sheet-modal .toolbar ~ * .page-content { + padding-top: 0; + padding-bottom: 0; +} +.sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - var(--f7-toolbar-height)); +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; + padding-top: 0; +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + flex-shrink: 0; +} +/* === Toast === */ +.ios { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: rgba(0, 0, 0, 0.75); + --f7-toast-translucent-bg-color-ios: rgba(0, 0, 0, 0.75); + --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-vertical: 12px; + --f7-toast-border-radius: 8px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.md { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: #323232; + --f7-toast-padding-horizontal: 24px; + --f7-toast-padding-vertical: 14px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.toast { + transition-property: transform, opacity; + position: absolute; + max-width: 568px; + z-index: 20000; + color: var(--f7-toast-text-color); + font-size: var(--f7-toast-font-size); + box-sizing: border-box; + background-color: var(--f7-toast-bg-color); + opacity: 0; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal); +} +.toast .toast-text { + line-height: 20px; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + flex-shrink: 0; + min-width: var(--f7-toast-button-min-width); + margin-top: -8px; + margin-bottom: -8px; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons, +.toast.toast-with-icon .toast-icon .material-icons { + font-size: var(--f7-toast-icon-size); + width: var(--f7-toast-icon-size); + height: var(--f7-toast-icon-size); +} +.toast.toast-center { + top: 50%; +} +.toast.toast-top { + margin-top: var(--f7-statusbar-height); +} +.ios .toast { + transition-duration: 300ms; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: var(--f7-toast-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-top { + top: 0; + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + transform: translate3d(0, 0%, 0); +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: var(--f7-toast-border-radius); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-bottom { + bottom: 0; + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + transform: translate3d(0, 0%, 0); +} +@media (max-width: 568px) { + .ios .toast.toast-bottom .toast-content { + padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + border-radius: var(--f7-toast-border-radius); + } + .ios .toast.toast-top { + top: 15px; + } + .ios .toast.toast-center { + margin-left: 0; + } + .ios .toast.toast-bottom { + margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-button { + margin-left: 15px; + margin-right: calc(-1 * var(--f7-button-padding-horizontal)); +} +.md .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 8px; + width: calc(100% - 16px); + transform: scale(0.9); +} +.md .toast.modal-in { + transform: scale(1); +} +.md .toast.modal-out { + transform: scale(1); +} +.md .toast.toast-top { + top: 8px; +} +.md .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: calc(8px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: calc(24px + var(--f7-safe-area-bottom)); + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-button { + margin-left: 16px; + margin-right: -8px; +} +/* === Preloader === */ +:root { + --f7-preloader-modal-padding: 8px; + --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +} +.ios { + --f7-preloader-color: #6c6c6c; + --f7-preloader-size: 20px; + --f7-preloader-modal-preloader-size: 34px; + --f7-preloader-modal-border-radius: 5px; +} +.md { + --f7-preloader-color: #757575; + --f7-preloader-size: 32px; + --f7-preloader-modal-preloader-size: 32px; + --f7-preloader-modal-border-radius: 4px; +} +.preloader { + display: inline-block; + vertical-align: middle; + width: var(--f7-preloader-size); + height: var(--f7-preloader-size); + font-size: 0; + position: relative; +} +/* === Preloader Modal === */ +.preloader-backdrop { + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: var(--f7-preloader-modal-padding); + background: var(--f7-preloader-modal-bg-color); + z-index: 14500; + transform: translateX(-50%) translateY(-50%); + border-radius: var(--f7-preloader-modal-border-radius); +} +.preloader-modal .preloader { + --f7-preloader-size: var(--f7-preloader-modal-preloader-size); + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.preloader[class*="color-"] { + --f7-preloader-color: var(--f7-theme-color); +} +.ios .preloader { + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader .preloader-inner-line { + display: block; + width: 10%; + height: 25%; + border-radius: 100px; + background: var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + transform-origin: center 200%; +} +.ios .preloader .preloader-inner-line:nth-child(1) { + transform: translate(-50%, -200%) rotate(0deg); + opacity: 0.27; +} +.ios .preloader .preloader-inner-line:nth-child(2) { + transform: translate(-50%, -200%) rotate(30deg); + opacity: 0.32272727; +} +.ios .preloader .preloader-inner-line:nth-child(3) { + transform: translate(-50%, -200%) rotate(60deg); + opacity: 0.37545455; +} +.ios .preloader .preloader-inner-line:nth-child(4) { + transform: translate(-50%, -200%) rotate(90deg); + opacity: 0.42818182; +} +.ios .preloader .preloader-inner-line:nth-child(5) { + transform: translate(-50%, -200%) rotate(120deg); + opacity: 0.48090909; +} +.ios .preloader .preloader-inner-line:nth-child(6) { + transform: translate(-50%, -200%) rotate(150deg); + opacity: 0.53363636; +} +.ios .preloader .preloader-inner-line:nth-child(7) { + transform: translate(-50%, -200%) rotate(180deg); + opacity: 0.58636364; +} +.ios .preloader .preloader-inner-line:nth-child(8) { + transform: translate(-50%, -200%) rotate(210deg); + opacity: 0.63909091; +} +.ios .preloader .preloader-inner-line:nth-child(9) { + transform: translate(-50%, -200%) rotate(240deg); + opacity: 0.69181818; +} +.ios .preloader .preloader-inner-line:nth-child(10) { + transform: translate(-50%, -200%) rotate(270deg); + opacity: 0.74454545; +} +.ios .preloader .preloader-inner-line:nth-child(11) { + transform: translate(-50%, -200%) rotate(300deg); + opacity: 0.79727273; +} +.ios .preloader .preloader-inner-line:nth-child(12) { + transform: translate(-50%, -200%) rotate(330deg); + opacity: 0.85; +} +@keyframes ios-preloader-spin { + 100% { + transform: rotate(360deg); + } +} +.md .preloader { + animation: md-preloader-outer 3300ms linear infinite; +} +@keyframes md-preloader-outer { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + box-sizing: border-box; + border-top: 4px solid var(--f7-preloader-color); +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + box-sizing: border-box; + border: 4px solid var(--f7-preloader-color); + border-bottom-color: transparent !important; + border-radius: 50%; + animation-iteration-count: infinite; + animation-duration: 1.3125s; + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + animation-name: md-preloader-right-rotate; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + animation-name: md-preloader-right-rotate-multicolor; +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + transform: rotate(130deg); + } + 50% { + transform: rotate(-5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + transform: rotate(-130deg); + } + 50% { + transform: rotate(5deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.ios { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + */ + --f7-progressbar-bg-color: #b6b6b6; + --f7-progressbar-height: 2px; + --f7-progressbar-border-radius: 2px; +} +.md { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + --f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5); + */ + --f7-progressbar-height: 4px; + --f7-progressbar-border-radius: 0px; +} +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + transform-style: preserve-3d; + background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), 0.5)); + transform-origin: center top; + height: var(--f7-progressbar-height); + border-radius: var(--f7-progressbar-border-radius); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + transform: translate3d(-100%, 0, 0); + transition-duration: 150ms; +} +.progressbar-infinite { + z-index: 15000; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform-origin: left center; + transform: translate3d(0, 0, 0); + display: block; + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + animation: progressbar-out 150ms forwards; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + transform-origin: center top !important; +} +body > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + top: var(--f7-statusbar-height); +} +@keyframes progressbar-in { + from { + opacity: 0; + transform: scaleY(0); + } + to { + opacity: 1; + transform: scaleY(1); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + transform: scaleY(1); + } + to { + opacity: 0; + transform: scaleY(0); + } +} +.ios .progressbar-infinite:before { + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite:after { + display: none; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes ios-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} +.md .progressbar-infinite:before { + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + transform-origin: center center; +} +@keyframes md-progressbar-infinite-1 { + 0% { + transform: translateX(-10%) scaleX(0.1); + } + 25% { + transform: translateX(30%) scaleX(0.6); + } + 50% { + transform: translateX(100%) scaleX(1); + } + 100% { + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + transform: translateX(-100%) scaleX(1); + } + 40% { + transform: translateX(-100%) scaleX(1); + } + 75% { + transform: translateX(60%) scaleX(0.35); + } + 90% { + transform: translateX(100%) scaleX(0.1); + } + 100% { + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + transform: scaleX(1); + background-color: #f44336; + } + 25% { + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +:root { + --f7-sortable-handler-color: #c7c7cc; + --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8); +} +:root .theme-dark, +:root.theme-dark { + --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8); +} +.ios { + --f7-sortable-handler-width: 35px; + --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.md { + --f7-sortable-handler-width: 42px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} +.sortable .sortable-handler { + width: var(--f7-sortable-handler-width); + height: 100%; + position: absolute; + top: 0; + z-index: 10; + opacity: 0; + pointer-events: none; + cursor: move; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + right: var(--f7-safe-area-right); +} +.sortable .sortable-handler:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + transition-duration: 300ms; + transform: translateX(10px); + color: var(--f7-sortable-handler-color); + overflow: hidden; + height: 20px; + width: 18px; +} +.sortable .item-inner { + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: var(--f7-sortable-sorting-item-bg-color); + transition-duration: 0ms; + box-shadow: var(--f7-sortable-sorting-item-box-shadow); +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; +} +.sortable-enabled .sortable-handler:after { + transform: translateX(0px); +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.list.sortable-enabled .item-inner, +.list.sortable-enabled .item-link .item-inner, +.list.sortable-enabled .item-link.no-chevron .item-inner, +.list.sortable-enabled.no-chevron .item-link .item-inner, +.list.sortable-enabled .no-chevron .item-link .item-inner, +.no-chevron .list.sortable-enabled .item-link .item-inner { + padding-right: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)); +} +.ios .sortable-handler:after { + content: 'sort_ios'; +} +.md .sortable-handler:after { + content: 'sort_md'; +} +/* === Swipeout === */ +:root { + --f7-swipeout-button-text-color: #fff; + --f7-swipeout-button-bg-color: #c7c7cc; + --f7-swipeout-delete-button-bg-color: #ff3b30; +} +.ios { + --f7-swipeout-button-padding: 0 30px; +} +.md { + --f7-swipeout-button-padding: 0 24px; +} +.swipeout { + overflow: hidden; + transform-style: preserve-3d; +} +.swipeout-deleting { + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + transition-duration: 300ms; + transition-property: transform, left; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + transition-duration: 200ms; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: var(--f7-swipeout-button-text-color); + background: var(--f7-swipeout-button-bg-color); + padding: var(--f7-swipeout-button-padding); + display: flex; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-left .swipeout-delete, +.swipeout-actions-right .swipeout-delete { + background: var(--f7-swipeout-delete-button-bg-color); +} +.swipeout-actions-right { + right: 0%; + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.swipeout-actions-left [class*="color-"], +.swipeout-actions-right [class*="color-"] { + --f7-swipeout-button-bg-color: var(--f7-theme-color); +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + transition-duration: 300ms; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-left: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + transform: none; +} +.list .accordion-item-toggle .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right)); +} +.list .accordion-item-toggle .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 14px; + height: 8px; + margin-top: -4px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.list .accordion-item-toggle.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item > .item-link .item-title-row:before, +.accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item.media-item > .item-link .item-title-row:before, +.links-list .accordion-item > a:before { + content: 'chevron_down'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +.list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item-opened > .item-link .item-title-row:before, +.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item-opened.media-item > .item-link .item-title-row:before, +.links-list .accordion-item-opened > a:before { + content: 'chevron_up'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +/* === Contacts === */ +.ios { + --f7-contacts-list-title-font-size: inherit; + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + --f7-contacts-list-title-height: 22px; + --f7-contacts-list-title-bg-color: #f7f7f7; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-contacts-list-title-text-color: #fff; + --f7-contacts-list-title-bg-color: #232323; +} +.md { + --f7-contacts-list-title-font-size: 20px; + --f7-contacts-list-title-font-weight: 500; + --f7-contacts-list-title-text-color: var(--f7-theme-color); + --f7-contacts-list-title-height: 48px; + --f7-contacts-list-title-bg-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} +.contacts-list { + --f7-list-margin-vertical: 0px; +} +.contacts-list .list-group-title, +.contacts-list li.list-group-title { + background-color: var(--f7-contacts-list-title-bg-color); + font-weight: var(--f7-contacts-list-title-font-weight); + font-size: var(--f7-contacts-list-title-font-size); + color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color)); + line-height: var(--f7-contacts-list-title-height); + height: var(--f7-contacts-list-title-height); +} +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list .list-group-title { + pointer-events: none; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: calc(var(--f7-contacts-list-title-height) * -1); +} +.md .contacts-list li:not(.list-group-title) { + padding-left: 56px; +} +/* === Virtual List === */ +/* === Indexed List === */ +:root { + --f7-list-index-width: 16px; + --f7-list-index-font-size: 11px; + --f7-list-index-font-weight: 600; + /* --f7-list-index-text-color: var(--f7-theme-color); */ + --f7-list-index-item-height: 14px; + --f7-list-index-label-text-color: #fff; + /* --f7-list-index-label-bg-color: var(--f7-theme-color); */ + --f7-list-index-label-font-weight: 500; +} +.ios { + --f7-list-index-label-size: 44px; + --f7-list-index-label-font-size: 17px; + --f7-list-index-skip-dot-size: 6px; +} +.md { + --f7-list-index-label-size: 56px; + --f7-list-index-label-font-size: 20px; + --f7-list-index-skip-dot-size: 4px; +} +.list-index { + position: absolute; + top: 0; + bottom: 0; + text-align: center; + z-index: 10; + width: var(--f7-list-index-width); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + right: var(--f7-safe-area-right); +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + color: var(--f7-list-index-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-index-font-size); + font-weight: var(--f7-list-index-font-weight); + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: var(--f7-list-index-item-height); + line-height: var(--f7-list-index-item-height); + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; + width: var(--f7-list-index-skip-dot-size); + height: var(--f7-list-index-skip-dot-size); + margin-left: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + margin-top: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + background: var(--f7-list-index-text-color, var(--f7-theme-color)); +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color)); + color: var(--f7-list-index-label-text-color); + width: var(--f7-list-index-label-size); + height: var(--f7-list-index-label-size); + line-height: var(--f7-list-index-label-size); + font-size: var(--f7-list-index-label-font-size); + font-weight: var(--f7-list-index-label-font-weight); +} +.navbar ~ .page > .list-index, +.navbar ~ .list-index { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .list-index, +.ios .navbar ~ .toolbar-top-ios ~ .list-index, +.md .navbar ~ .toolbar-top-md ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .subnavbar ~ .list-index, +.page-with-subnavbar .navbar ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.toolbar-bottom ~ .page > .list-index, +.ios .toolbar-bottom-ios ~ .page > .list-index, +.md .toolbar-bottom-md ~ .page > .list-index, +.toolbar-bottom ~ * .page > .list-index, +.ios .toolbar-bottom-ios ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.toolbar-bottom ~ .list-index, +.ios .toolbar-bottom-ios ~ .list-index, +.md .toolbar-bottom-md ~ .list-index { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .page > .list-index, +.toolbar-bottom.tabbar-labels ~ * .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ * .page > .list-index, +.toolbar-bottom.tabbar-labels ~ .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .list-index { + bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.ios .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50%; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} +.md .list-index .list-index-label { + border-radius: 50% 50% 0 50%; +} +/* === Timeline === */ +:root { + --f7-timeline-horizontal-date-height: 34px; + --f7-timeline-year-height: 24px; + --f7-timeline-month-height: 24px; + --f7-timeline-item-inner-bg-color: #fff; +} +:root .theme-dark, +:root.theme-dark { + --f7-timeline-item-inner-bg-color: #1c1c1d; +} +.ios { + --f7-timeline-padding-horizontal: 15px; + --f7-timeline-margin-vertical: 35px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 7px; + --f7-timeline-item-inner-box-shadow: none; + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: #6d6d72; + --f7-timeline-item-title-font-size: 17px; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 15px; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-timeline-item-time-text-color: #8E8E93; +} +.md { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 32px; + --f7-timeline-divider-margin-horizontal: 16px; + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54); + --f7-timeline-item-title-font-size: 16px; + --f7-timeline-item-title-font-weight: 400; + --f7-timeline-item-subtitle-font-size: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 12px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12); + --f7-timeline-horizontal-item-date-border-color: transparent; + --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.md .theme-dark, +.md.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); +} +.timeline { + box-sizing: border-box; + margin: var(--f7-timeline-margin-vertical) 0; + padding: 0 var(--f7-timeline-padding-horizontal); + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: flex; + justify-content: flex-start; + overflow: hidden; + box-sizing: border-box; + position: relative; + padding: 2px 0px var(--f7-timeline-padding-horizontal); +} +.timeline-item:last-child { + padding-bottom: 2px; +} +.timeline-item-date { + flex-shrink: 0; + width: 50px; + text-align: right; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + flex-shrink: 10; +} +.timeline-item-content .card, +.timeline-item-content.card, +.timeline-item-content .list, +.timeline-item-content.list, +.timeline-item-content .block, +.timeline-item-content.block { + margin: 0; + width: 100%; +} +.timeline-item-content .card + .card, +.timeline-item-content .list + .card, +.timeline-item-content .block + .card, +.timeline-item-content .card + .list, +.timeline-item-content .list + .list, +.timeline-item-content .block + .list, +.timeline-item-content .card + .block, +.timeline-item-content .list + .block, +.timeline-item-content .block + .block { + margin: var(--f7-timeline-inner-block-margin-vertical) 0 0; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: var(--f7-timeline-item-inner-bg-color); + box-sizing: border-box; + border-radius: var(--f7-timeline-item-inner-border-radius); + padding: 8px var(--f7-timeline-padding-horizontal); + box-shadow: var(--f7-timeline-item-inner-box-shadow); +} +.timeline-item-inner + .timeline-item-inner { + margin-top: var(--f7-timeline-inner-block-margin-vertical); +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + flex-shrink: 0; + margin: 3px var(--f7-timeline-divider-margin-horizontal) 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: var(--f7-timeline-item-time-font-size); + margin-top: var(--f7-timeline-inner-block-margin-vertical); + color: var(--f7-timeline-item-time-text-color); +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-item-title { + font-size: var(--f7-timeline-item-title-font-size); + font-weight: var(--f7-timeline-item-title-font-weight); +} +.timeline-item-subtitle { + font-size: var(--f7-timeline-item-subtitle-font-size); + font-weight: var(--f7-timeline-item-subtitle-font-weight); +} +.timeline-sides .timeline-item-right, +.timeline-sides .timeline-item { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; +} +.timeline-sides .timeline-item-right .timeline-item-date, +.timeline-sides .timeline-item .timeline-item-date { + text-align: right; +} +.timeline-sides .timeline-item-left, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; +} +.timeline-sides .timeline-item-left .timeline-item-date, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; +} +@media (min-width: 768px) { + .tablet-sides .timeline-item-right, + .tablet-sides .timeline-item { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; + } + .tablet-sides .timeline-item-right .timeline-item-date, + .tablet-sides .timeline-item .timeline-item-date { + text-align: right; + } + .tablet-sides .timeline-item-left, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; + } + .tablet-sides .timeline-item-left .timeline-item-date, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; + } +} +.timeline-horizontal { + height: 100%; + display: flex; + padding: 0; + margin: 0; + position: relative; + padding-left: var(--f7-safe-area-left); + padding-right: 0; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + flex-shrink: 0; + position: relative; + height: 100%; + padding-top: var(--f7-timeline-horizontal-date-height) !important; + padding-bottom: var(--f7-timeline-horizontal-item-padding); +} +.timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date { + padding: 0px var(--f7-timeline-horizontal-item-padding); + width: auto; + line-height: var(--f7-timeline-horizontal-date-height); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-timeline-horizontal-date-height); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); + text-align: left; +} +.timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-date-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-timeline-horizontal-item-date-shadow-image); +} +.timeline-horizontal.no-shadow .timeline-item-date:before { + display: none; +} +.timeline-horizontal .timeline-item-content { + padding: var(--f7-timeline-horizontal-item-padding); + height: calc(100% - var(--f7-timeline-horizontal-item-padding)); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal > .timeline-item:last-child:after, +.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } +} +.timeline-year { + padding-top: var(--f7-timeline-year-height); +} +.timeline-year:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year:last-child:after { + display: none !important; +} +.timeline-month { + padding-top: var(--f7-timeline-month-height); +} +.timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year, +.timeline-month { + display: flex; + flex-shrink: 0; + position: relative; + box-sizing: border-box; + height: 100%; +} +.timeline-year-title { + line-height: var(--f7-timeline-year-height); + height: var(--f7-timeline-year-height); +} +.timeline-month-title { + line-height: var(--f7-timeline-month-height); + height: var(--f7-timeline-month-height); +} +.timeline-year-title, +.timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + padding: 0 var(--f7-timeline-horizontal-item-padding); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); +} +.timeline-year-title span, +.timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; + left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); +} +.timeline-year-title { + font-size: 16px; +} +.timeline-month-title span { + margin-top: -2px; +} +.timeline-year:first-child .timeline-year-title, +.timeline-year:first-child .timeline-month:first-child .timeline-month-title, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: calc(var(--f7-safe-area-left) * -1); + right: 0; + width: auto; +} +.timeline-horizontal .timeline-item:first-child, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; +} +.timeline-horizontal .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); + left: calc(0px - var(--f7-safe-area-left)); + right: 0; +} +.timeline-year:last-child .timeline-year-title, +.timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); +} +.timeline-horizontal .timeline-item:last-child, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; +} +.timeline-horizontal .timeline-item:last-child .timeline-item-date, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); + left: 0; +} +/* === Timeline iOS === */ +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-year-title span { + margin-top: 3px; +} +/* === Timeline MD === */ +.md .timeline-year-title span { + margin-top: 2px; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: flex; + height: 100%; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +:root { + --f7-panel-width: 260px; + --f7-panel-bg-color: #fff; +} +.ios { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} +.md { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 300ms; + --f7-panel-shadow: rgba(0, 0, 0, 0.25) 0%, + rgba(0, 0, 0, 0.1) 30%, + rgba(0, 0, 0, 0.05) 40%, + rgba(0, 0, 0, 0) 60%, + rgba(0, 0, 0, 0) 100%; +} +.panel-backdrop { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + opacity: 0; + z-index: 5999; + display: none; + transform: translate3d(0, 0, 0); + background-color: var(--f7-panel-backdrop-bg-color); + transition-duration: var(--f7-panel-transition-duration); + will-change: transform, opacity; +} +.panel-backdrop.not-animated { + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + box-sizing: border-box; + position: absolute; + top: var(--f7-statusbar-height); + height: calc(100% - var(--f7-statusbar-height)); + transform: translate3d(0, 0, 0); + width: var(--f7-panel-width); + background-color: var(--f7-panel-bg-color); + overflow: visible; + will-change: transform; +} +.panel:after { + pointer-events: none; + opacity: 0; + z-index: 5999; + position: absolute; + content: ''; + top: 0; + width: 20px; + height: 100%; +} +.panel, +.panel:after { + transition-duration: var(--f7-panel-transition-duration); +} +.panel.not-animated, +.panel.not-animated:after { + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + transform: translate3d(-100%, 0, 0); +} +.panel-left.panel-cover:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-left-cover .panel-left.panel-cover:after { + opacity: 1; +} +.panel-left.panel-reveal:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-left-reveal .panel-left.panel-reveal:after { + opacity: 1; + transform: translate3d(var(--f7-panel-width), 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + transform: translate3d(100%, 0, 0); +} +.panel-right.panel-cover:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-right-cover .panel-right.panel-cover:after { + opacity: 1; +} +.panel-right.panel-reveal:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-right-reveal .panel-right.panel-reveal:after { + opacity: 1; + transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint:after { + display: none; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel-left-reveal .views, +html.with-panel-right-reveal .views, +html.with-panel-transitioning .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-transitioning .framework7-root > .view { + transition-duration: var(--f7-panel-transition-duration); + transition-property: transform; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + transform: translate3d(var(--f7-panel-width), 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0); +} +html.with-panel-left-cover .panel-left { + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + transform: translate3d(0px, 0, 0); +} +/* === Card === */ +:root { + --f7-card-bg-color: #fff; + --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-card-border-radius: 4px; + --f7-card-font-size: inherit; + --f7-card-header-text-color: inherit; + --f7-card-header-font-weight: 400; + --f7-card-header-border-color: #e1e1e1; + --f7-card-footer-border-color: #e1e1e1; + --f7-card-footer-font-weight: 400; + --f7-card-footer-font-size: inherit; + --f7-card-expandable-bg-color: #fff; + --f7-card-expandable-font-size: 16px; + --f7-card-expandable-tablet-width: 670px; + --f7-card-expandable-tablet-height: 670px; +} +:root .theme-dark, +:root.theme-dark { + --f7-card-bg-color: #1c1c1d; + --f7-card-outline-border-color: #282829; + --f7-card-header-border-color: #282829; + --f7-card-footer-border-color: #282829; + --f7-card-footer-text-color: #8E8E93; +} +.ios { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 17px; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 44px; + --f7-card-footer-text-color: #6d6d72; + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 44px; + --f7-card-expandable-margin-horizontal: 20px; + --f7-card-expandable-margin-vertical: 30px; + --f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --f7-card-expandable-header-font-weight: bold; +} +.md { + --f7-card-margin-horizontal: 8px; + --f7-card-margin-vertical: 8px; + --f7-card-box-shadow: var(--f7-elevation-1); + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; + --f7-card-header-font-size: 16px; + --f7-card-header-padding-vertical: 4px; + --f7-card-header-padding-horizontal: 16px; + --f7-card-header-min-height: 48px; + --f7-card-footer-text-color: #757575; + --f7-card-footer-padding-vertical: 4px; + --f7-card-footer-padding-horizontal: 16px; + --f7-card-footer-min-height: 48px; + --f7-card-expandable-margin-horizontal: 12px; + --f7-card-expandable-margin-vertical: 24px; + --f7-card-expandable-box-shadow: var(--f7-elevation-10); + --f7-card-expandable-border-radius: 8px; + --f7-card-expandable-tablet-border-radius: 4px; + --f7-card-expandable-header-font-size: 24px; + --f7-card-expandable-header-font-weight: 500; +} +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.cards-list ul, +.card .list ul { + background: none; +} +.card { + background: var(--f7-card-bg-color); + position: relative; + border-radius: var(--f7-card-border-radius); + font-size: var(--f7-card-font-size); + margin-top: var(--f7-card-margin-vertical); + margin-bottom: var(--f7-card-margin-vertical); + margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)); + box-shadow: var(--f7-card-box-shadow); +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card.no-shadow { + box-shadow: none; +} +.card-outline, +.ios .card-outline-ios, +.md .card-outline-md { + box-shadow: none; + border: 1px solid var(--f7-card-outline-border-color); +} +.card-outline.no-border, +.ios .card-outline-ios.no-border, +.md .card-outline-md.no-border, +.card-outline.no-hairlines, +.ios .card-outline-ios.no-hairlines, +.md .card-outline-md.no-hairlines { + border: none; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; + padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal); +} +.card-content-padding > .list, +.card-content-padding > .block { + margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal)); +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header { + min-height: var(--f7-card-header-min-height); + color: var(--f7-card-header-text-color); + font-size: var(--f7-card-header-font-size); + font-weight: var(--f7-card-header-font-weight); + padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal); +} +.card-footer { + min-height: var(--f7-card-footer-min-height); + color: var(--f7-card-footer-text-color); + font-size: var(--f7-card-footer-font-size); + font-weight: var(--f7-card-footer-font-weight); + padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal); +} +.card-footer a.link { + overflow: hidden; +} +.card-header, +.card-footer { + position: relative; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: var(--f7-card-header-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius); +} +.card-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-card-footer-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-footer.no-hairline:before { + display: none !important; +} +.card-expandable { + overflow: hidden; + height: 300px; + background: var(--f7-card-expandable-bg-color); + position: relative; + transform-origin: center center; + transition-property: transform, border-radius; + border-radius: var(--f7-card-expandable-border-radius); + z-index: 2; + transition-duration: 200ms; + margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)); + margin-top: var(--f7-card-expandable-margin-vertical); + margin-bottom: var(--f7-card-expandable-margin-vertical); + box-shadow: var(--f7-card-expandable-box-shadow); + font-size: var(--f7-card-expandable-font-size); +} +.card-expandable.card-no-transition { + transition-duration: 0ms; +} +.card-expandable.card-expandable-animate-width .card-content { + transition-property: width, transform; + width: 100%; +} +.card-expandable.active-state { + transform: scale(0.97); +} +.card-expandable .card-opened-fade-in, +.card-expandable .card-opened-fade-out { + transition-duration: 400ms; +} +.card-expandable .card-opened-fade-in { + opacity: 0; + pointer-events: none; +} +.card-expandable .card-content { + position: absolute; + top: 0; + width: 100vw; + height: 100vh; + transform-origin: center top; + overflow: hidden; + transition-property: transform; + box-sizing: border-box; + pointer-events: none; + left: 0; +} +.card-expandable .card-content .card-content-padding { + padding-left: calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal)); + padding-right: calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal)); +} +.card-expandable.card-opened { + transition-duration: 0ms; +} +.card-expandable.card-opening, +.card-expandable.card-closing, +.card-expandable.card-transitioning { + transition-duration: 400ms; +} +.card-expandable.card-opening .card-content { + transition-duration: 300ms; +} +.card-expandable.card-closing .card-content { + transition-duration: 500ms; +} +.card-expandable.card-opening, +.card-expandable.card-opened, +.card-expandable.card-closing { + z-index: 100; +} +.card-expandable.card-opening, +.card-expandable.card-opened { + border-radius: 0; +} +.card-expandable.card-opening .card-opened-fade-in, +.card-expandable.card-opened .card-opened-fade-in { + opacity: 1; + pointer-events: auto; +} +.card-expandable.card-opening .card-opened-fade-out, +.card-expandable.card-opened .card-opened-fade-out { + opacity: 0; + pointer-events: none; +} +.card-expandable.card-opened .card-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + pointer-events: auto; +} +.card-expandable .card-header { + font-size: var(--f7-card-expandable-header-font-size); + font-weight: var(--f7-card-expandable-header-font-weight); +} +.card-expandable .card-header:after { + display: none !important; +} +.card-prevent-open { + pointer-events: auto; +} +.card-expandable-size { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + opacity: 0; + pointer-events: none; + visibility: hidden; +} +@media (min-width: 768px) and (min-height: 670px) { + .card-expandable:not(.card-tablet-fullscreen) { + max-width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen).card-opened, + .card-expandable:not(.card-tablet-fullscreen).card-opening { + border-radius: var(--f7-card-expandable-tablet-border-radius); + } + .card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content { + width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { + width: var(--f7-card-expandable-tablet-width); + height: var(--f7-card-expandable-tablet-height); + } +} +.page.page-with-card-opened .page-content { + overflow: hidden; +} +.card-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 99; + pointer-events: none; + background: rgba(0, 0, 0, 0.2); + opacity: 0; +} +.card-backdrop-in { + animation: card-backdrop-fade-in 400ms forwards; + pointer-events: auto; +} +.card-backdrop-out { + animation: card-backdrop-fade-out 400ms forwards; +} +@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) { + .card-backdrop { + background: transparent; + opacity: 1; + } + .card-backdrop-in { + animation: card-backdrop-blur-in 400ms forwards; + } + .card-backdrop-out { + animation: card-backdrop-blur-out 400ms forwards; + } +} +@keyframes card-backdrop-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes card-backdrop-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes card-backdrop-blur-in { + from { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } + to { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } +} +@keyframes card-backdrop-blur-out { + from { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } + to { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } +} +/* === Chips === */ +:root { + --f7-chip-bg-color: rgba(0, 0, 0, 0.12); + --f7-chip-font-size: 13px; + --f7-chip-font-weight: normal; + --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-chip-media-font-size: 16px; + --f7-chip-delete-button-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-chip-delete-button-color: #fff; + --f7-chip-bg-color: #333; + --f7-chip-outline-border-color: #333; +} +.ios { + --f7-chip-text-color: #000; + --f7-chip-height: 24px; + --f7-chip-padding-horizontal: 10px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-chip-text-color: #fff; +} +.md { + --f7-chip-text-color: rgba(0, 0, 0, 0.87); + --f7-chip-height: 32px; + --f7-chip-padding-horizontal: 12px; +} +.md .theme-dark, +.md.theme-dark { + --f7-chip-text-color: rgba(255, 255, 255, 0.87); +} +.chip { + padding-left: var(--f7-chip-padding-horizontal); + padding-right: var(--f7-chip-padding-horizontal); + font-weight: var(--f7-chip-font-weight); + display: inline-flex; + box-sizing: border-box; + vertical-align: middle; + align-items: center; + margin: 2px 0; + background-color: var(--f7-chip-bg-color); + font-size: var(--f7-chip-font-size); + color: var(--f7-chip-text-color); + height: var(--f7-chip-height); + line-height: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + position: relative; +} +.chip-media { + border-radius: 50%; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + height: var(--f7-chip-height); + width: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + text-align: center; + line-height: var(--f7-chip-height); + box-sizing: border-box; + color: #fff; + font-size: var(--f7-chip-media-font-size); + vertical-align: middle; + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.chip-media i.icon { + font-size: calc(var(--f7-chip-height) - 8px); + height: calc(var(--f7-chip-height) - 8px); +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-media + .chip-label { + margin-left: 4px; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + flex-shrink: 0; + background-repeat: no-repeat; + width: 24px; + height: 24px; + color: var(--f7-chip-delete-button-color); + opacity: 0.54; + position: relative; +} +.chip-delete:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + content: 'delete_round_ios'; + line-height: 24px; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.chip-outline, +.ios .chip-outline-ios, +.md .chip-outline-md { + border: 1px solid var(--f7-chip-outline-border-color); + background: none; +} +.chip[class*="color-"] { + --f7-chip-bg-color: var(--f7-theme-color); + --f7-chip-text-color: #fff; +} +.chip-outline[class*="color-"], +.ios .chip-outline-ios[class*="color-"], +.md .chip-outline-md[class*="color-"] { + --f7-chip-outline-border-color: var(--f7-theme-color); + --f7-chip-text-color: var(--f7-theme-color); +} +.ios .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.ios .chip-delete:after { + font-size: 10px; +} +.md .chip-label + .chip-delete { + margin-left: 4px; +} +.md .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px); +} +.md .chip-delete:after { + font-size: 12px; +} +/* === Form === */ +/* === Input === */ +:root { + --f7-label-font-size: 12px; + --f7-label-font-weight: 400; + --f7-label-line-height: 1.2; + --f7-input-error-text-color: #ff3b30; + --f7-input-error-font-size: 12px; + --f7-input-error-line-height: 1.4; + --f7-input-error-font-weight: 400; + --f7-input-info-font-size: 12px; + --f7-input-info-line-height: 1.4; +} +.ios { + --f7-input-height: 44px; + --f7-input-text-color: #000000; + --f7-input-font-size: 17px; + --f7-input-placeholder-color: #a9a9a9; + /* + --f7-input-focused-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-text-color: var(--f7-input-error-text-color); + */ + --f7-label-text-color: inherit; + /* + --f7-label-focused-text-color: var(--f7-label-text-color); + --f7-label-invalid-text-color: var(--f7-label-text-color); + */ + --f7-floating-label-scale: calc(17 / 12); + --f7-inline-label-font-size: 17px; + --f7-inline-label-line-height: 1.4; + --f7-input-info-text-color: #8e8e93; + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #8e8e93; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-input-text-color: #fff; +} +.md { + --f7-input-height: 36px; + --f7-input-text-color: #212121; + --f7-input-font-size: 16px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + /* + --f7-input-focused-border-color: var(--f7-theme-color); + --f7-input-invalid-border-color: var(--f7-input-error-text-color); + --f7-input-invalid-text-color: var(--f7-input-text-color); + */ + --f7-label-text-color: rgba(0, 0, 0, 0.65); + /* + --f7-label-focused-text-color: var(--f7-theme-color); + --f7-label-invalid-text-color: var(--f7-input-error-text-color ); + */ + --f7-floating-label-scale: calc(16 / 12); + --f7-inline-label-font-size: 16px; + --f7-inline-label-line-height: 1.5; + --f7-input-info-text-color: rgba(0, 0, 0, 0.45); + --f7-input-clear-button-size: 24px; + --f7-input-clear-button-color: #aaa; +} +.md .theme-dark, +.md.theme-dark { + --f7-input-text-color: rgba(255, 255, 255, 0.87); + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-label-text-color: rgba(255, 255, 255, 0.54); + --f7-input-info-text-color: rgba(255, 255, 255, 0.35); +} +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select { + width: 100%; + height: var(--f7-input-height); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); +} +.list input[type="text"]::-webkit-input-placeholder, +.list input[type="password"]::-webkit-input-placeholder, +.list input[type="search"]::-webkit-input-placeholder, +.list input[type="email"]::-webkit-input-placeholder, +.list input[type="tel"]::-webkit-input-placeholder, +.list input[type="url"]::-webkit-input-placeholder, +.list input[type="date"]::-webkit-input-placeholder, +.list input[type="datetime-local"]::-webkit-input-placeholder, +.list input[type="time"]::-webkit-input-placeholder, +.list input[type="number"]::-webkit-input-placeholder, +.list select::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-moz-placeholder, +.list input[type="password"]::-moz-placeholder, +.list input[type="search"]::-moz-placeholder, +.list input[type="email"]::-moz-placeholder, +.list input[type="tel"]::-moz-placeholder, +.list input[type="url"]::-moz-placeholder, +.list input[type="date"]::-moz-placeholder, +.list input[type="datetime-local"]::-moz-placeholder, +.list input[type="time"]::-moz-placeholder, +.list input[type="number"]::-moz-placeholder, +.list select::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-ms-input-placeholder, +.list input[type="password"]::-ms-input-placeholder, +.list input[type="search"]::-ms-input-placeholder, +.list input[type="email"]::-ms-input-placeholder, +.list input[type="tel"]::-ms-input-placeholder, +.list input[type="url"]::-ms-input-placeholder, +.list input[type="date"]::-ms-input-placeholder, +.list input[type="datetime-local"]::-ms-input-placeholder, +.list input[type="time"]::-ms-input-placeholder, +.list input[type="number"]::-ms-input-placeholder, +.list select::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::placeholder, +.list input[type="password"]::placeholder, +.list input[type="search"]::placeholder, +.list input[type="email"]::placeholder, +.list input[type="tel"]::placeholder, +.list input[type="url"]::placeholder, +.list input[type="date"]::placeholder, +.list input[type="datetime-local"]::placeholder, +.list input[type="time"]::placeholder, +.list input[type="number"]::placeholder, +.list select::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea { + width: 100%; + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + resize: none; + line-height: 1.4; + height: 100px; +} +.list textarea::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea.resizable { + height: var(--f7-input-height); +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: var(--f7-input-height); +} +.list .item-label, +.list .item-floating-label { + width: 100%; + vertical-align: top; + flex-shrink: 0; + font-size: var(--f7-label-font-size); + font-weight: var(--f7-label-font-weight); + line-height: var(--f7-label-line-height); + color: var(--f7-label-text-color); + transition-duration: 200ms; + transition-property: transform, color; +} +.list .item-floating-label { + transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + color: var(--f7-input-placeholder-color); + width: auto; + max-width: calc(100% / var(--f7-floating-label-scale)); + pointer-events: none; + transform-origin: left bottom; +} +.list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-moz-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-input-with-value .item-floating-label { + color: var(--f7-label-text-color); +} +.list .item-input-with-value .item-floating-label, +.list .item-input-focused .item-floating-label { + transform: scale(1) translateY(0); +} +.list .item-input-wrap { + width: 100%; + flex-shrink: 1; + position: relative; +} +.item-input .item-inner { + display: block; +} +.item-input-error-message, +.input-error-message { + font-size: var(--f7-input-error-font-size); + line-height: var(--f7-input-error-line-height); + color: var(--f7-input-error-text-color); + font-weight: var(--f7-input-error-font-weight); + display: none; +} +.item-input-info, +.input-info { + font-size: var(--f7-input-info-font-size); + line-height: var(--f7-input-info-line-height); + color: var(--f7-input-info-text-color); +} +.item-input-invalid .item-input-error-message, +.input-invalid .item-input-error-message, +.item-input-invalid .input-error-message, +.input-invalid .input-error-message { + display: block; +} +.item-input-invalid .item-input-info, +.input-invalid .item-input-info, +.item-input-invalid .input-info, +.input-invalid .input-info { + display: none; +} +.inline-labels .item-inner, +.inline-label .item-inner { + display: flex; +} +.inline-labels .item-label, +.inline-label .item-label, +.inline-labels .item-floating-label, +.inline-label .item-floating-label { + align-self: flex-start; + width: 35%; + font-size: var(--f7-inline-label-font-size); + line-height: var(--f7-inline-label-line-height); +} +.inline-labels .item-label + .item-input-wrap, +.inline-label .item-label + .item-input-wrap, +.inline-labels .item-floating-label + .item-input-wrap, +.inline-label .item-floating-label + .item-input-wrap { + margin-left: 8px; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + transition-duration: 100ms; + position: absolute; + top: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + width: var(--f7-input-clear-button-size); + height: var(--f7-input-clear-button-size); + margin-top: calc(-1 * var(--f7-input-clear-button-size) / 2); + color: var(--f7-input-clear-button-color); + right: 0; +} +.input-clear-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.item-input-wrap .input-clear-button { + top: calc(var(--f7-input-height) / 2); +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #727272; + right: 6px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 20px; +} +.ios .list textarea { + padding-top: 11px; + padding-bottom: 11px; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.ios .item-input .item-media { + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); + margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-focused .item-label, +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.ios .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid .item-label, +.ios .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.ios .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid input, +.ios .input-invalid input, +.ios .item-input-invalid select, +.ios .input-invalid select, +.ios .item-input-invalid textarea, +.ios .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.ios .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .list textarea { + padding-top: 7px; + padding-bottom: 7px; +} +.md .item-input-wrap:after, +.md .input:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.md .item-input-wrap:after, +.md .input:after { + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: var(--f7-input-height); +} +.md .item-input .item-media { + align-self: flex-end; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + padding-top: 7px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md .input-with-error-message, +.md .input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + left: 0; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-theme-color)); +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: var(--f7-input-focused-border-color, var(--f7-theme-color)); +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after, +.md .input-invalid:after, +.md .input-focused:after { + transform: scaleY(2) !important; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid .item-label, +.md .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid input, +.md .input-invalid input, +.md .item-input-invalid select, +.md .input-invalid select, +.md .item-input-invalid textarea, +.md .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-text-color)); +} +.md .input-clear-button:after { + font-size: calc(var(--f7-input-clear-button-size) / (24 / 20)); + content: 'delete_round_md'; + line-height: 1.2; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +/* === Checkbox === */ +:root { + /* --f7-checkbox-active-color: var(--f7-theme-color); */ + --f7-checkbox-icon-color: #fff; +} +.ios { + --f7-checkbox-size: 22px; + --f7-checkbox-border-radius: 50%; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #c7c7cc; + --f7-checkbox-extra-margin: 0px; +} +.md { + --f7-checkbox-size: 18px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 2px; + --f7-checkbox-inactive-color: #6d6d6d; + --f7-checkbox-extra-margin: 22px; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + background-color: transparent; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-checkbox, +.checkbox i { + flex-shrink: 0; + border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color); + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + border-radius: var(--f7-checkbox-border-radius); + box-sizing: border-box; + position: relative; + display: block; +} +.icon-checkbox:after, +.checkbox i:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + line-height: var(--f7-checkbox-size); + left: calc(0px - var(--f7-checkbox-border-width)); + top: calc(0px - var(--f7-checkbox-border-width)); + opacity: 0; + color: var(--f7-checkbox-icon-color); + position: relative; +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:checked ~ i { + border-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); + background-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox { + transition-duration: 300ms; +} +label.item-checkbox .item-content .item-media, +label.item-checkbox.item-content .item-media { + align-self: center; +} +label.item-checkbox > .icon-checkbox { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +label.item-checkbox.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + content: 'checkbox_ios'; + font-size: 21px; +} +.ios label.item-checkbox.active-state { + transition-duration: 0ms; +} +.md .icon-checkbox, +.md .checkbox i { + transition-duration: 200ms; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + content: 'checkbox_md'; + transition-duration: 200ms; + font-size: 15px; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +/* === Radio === */ +:root { + /* + --f7-radio-active-color: var(--f7-theme-color); + */ + --f7-radio-border-radius: 50%; +} +.ios { + --f7-radio-size: 22px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #c7c7cc; + --f7-radio-extra-margin: 0px; +} +.md { + --f7-radio-size: 20px; + --f7-radio-border-width: 2px; + --f7-radio-inactive-color: #6d6d6d; + --f7-radio-extra-margin: 22px; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-radio { + width: var(--f7-radio-size); + height: var(--f7-radio-size); + border-radius: var(--f7-radio-border-radius); + position: relative; + box-sizing: border-box; + display: block; + flex-shrink: 0; +} +.radio .icon-radio, +.md .icon-radio { + border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio { + transition-duration: 300ms; +} +label.item-radio .item-content .item-media, +label.item-radio.item-content .item-media { + align-self: center; +} +label.item-radio.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px); + font-size: 20px; + content: 'radio_ios'; + color: var(--f7-radio-active-color, var(--f7-theme-color)); + opacity: 0; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.ios .radio input[type="radio"]:checked ~ .icon-radio:after { + opacity: 1; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + right: calc(var(--f7-safe-area-right) + 10px); +} +.ios label.item-radio .item-inner { + padding-right: calc(var(--f7-safe-area-right) + 35px); +} +.ios label.item-radio.active-state { + transition-duration: 0ms; +} +.md .icon-radio { + transition-duration: 200ms; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + border-radius: 50%; + transform: scale(0); + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); +} +/* === Toggle === */ +.ios { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 52px; + --f7-toggle-height: 32px; + --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-inactive-color: #fff; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-toggle-border-color-ios: #555; + --f7-toggle-inactive-color: #222; +} +.md { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 36px; + --f7-toggle-height: 14px; + --f7-toggle-inactive-color: #b0afaf; +} +.md .theme-dark, +.md.theme-dark { + --f7-toggle-inactive-color: #555; +} +.toggle, +.toggle-icon { + width: var(--f7-toggle-width); + height: var(--f7-toggle-height); + border-radius: var(--f7-toggle-height); +} +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + box-sizing: border-box; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + transition: 300ms; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; + will-change: transform; +} +.toggle-icon:after { + background: var(--f7-toggle-handle-color); + position: absolute; + z-index: 2; + transform: translateX(0px); + transition-duration: 300ms; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height))); +} +.ios .toggle-icon { + background: var(--f7-toggle-border-color-ios); +} +.ios .toggle-icon:before { + position: absolute; + left: 2px; + top: 2px; + width: calc(var(--f7-toggle-width) - 4px); + height: calc(var(--f7-toggle-height) - 4px); + border-radius: var(--f7-toggle-height); + box-sizing: border-box; + background: var(--f7-toggle-inactive-color); + z-index: 1; + transition-duration: 300ms; + transform: scale(1); +} +.ios .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + left: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: calc(var(--f7-toggle-height) - 4px); +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: calc(var(--f7-toggle-height) + 4px); +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, rgba(var(--f7-theme-color-rgb), 0.5)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)); + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.md .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.md .toggle-icon:after { + height: calc(var(--f7-toggle-height) + 6px); + width: calc(var(--f7-toggle-height) + 6px); + top: -3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: var(--f7-toggle-height); + left: 0; +} +/* === Range Slider === */ +.ios { + --f7-range-size: 28px; + --f7-range-bar-bg-color: #b7b8b7; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 1px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 28px; + --f7-range-knob-color: #fff; + --f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + --f7-range-label-size: 20px; + --f7-range-label-text-color: #000; + --f7-range-label-bg-color: #fff; + --f7-range-label-font-size: 12px; + --f7-range-label-border-radius: 5px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 1px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.md { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #b9b9b9; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 0px; + --f7-range-knob-size: 12px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 26px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-border-radius: 50%; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.range-slider { + display: block; + position: relative; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-slider.range-slider-horizontal { + width: 100%; + height: var(--f7-range-size); +} +.range-slider.range-slider-vertical { + height: 100%; + width: var(--f7-range-size); +} +.range-bar { + position: absolute; + overflow: hidden; + background: var(--f7-range-bar-bg-color); + border-radius: var(--f7-range-bar-border-radius); +} +.range-slider-vertical .range-bar { + left: 50%; + top: 0; + height: 100%; + width: var(--f7-range-bar-size); + margin-left: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-slider-horizontal .range-bar { + left: 0; + top: 50%; + width: 100%; + height: var(--f7-range-bar-size); + margin-top: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-bar-active { + position: absolute; + background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color)); +} +.range-slider-horizontal .range-bar-active { + left: 0; + top: 0; + height: 100%; +} +.range-slider-vertical .range-bar-active { + left: 0; + bottom: 0; + width: 100%; +} +.range-slider-vertical-reversed .range-bar-active { + top: 0; + bottom: auto; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + height: var(--f7-range-knob-size); + width: var(--f7-range-knob-size); +} +.range-slider-horizontal .range-knob-wrap { + top: 50%; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + left: 0; +} +.range-slider-vertical .range-knob-wrap { + left: 50%; + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + bottom: 0; + margin-bottom: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-slider-vertical-reversed .range-knob-wrap { + bottom: auto; + top: 0; + margin-bottom: 0; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-knob { + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color))); + box-shadow: var(--f7-range-knob-box-shadow); +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + transition-duration: 120ms; + transition-property: transform; + transform: translateY(100%) scale(0); + height: var(--f7-range-label-size); + line-height: var(--f7-range-label-size); + min-width: var(--f7-range-label-size); + color: var(--f7-range-label-text-color); + background-color: var(--f7-range-label-bg-color, var(--f7-theme-color)); + font-size: var(--f7-range-label-font-size); + border-radius: var(--f7-range-label-border-radius); +} +.range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.range-scale { + position: absolute; +} +.range-slider-horizontal .range-scale { + top: 50%; + left: 0; + width: 100%; + margin-top: calc(var(--f7-range-bar-size) / 2); +} +.range-slider-vertical .range-scale { + right: 50%; + top: 0; + height: 100%; + margin-right: calc(var(--f7-range-bar-size) / 2); +} +.range-scale-step { + position: absolute; + box-sizing: border-box; + display: flex; + font-size: var(--f7-range-scale-font-size); + font-weight: var(--f7-range-scale-font-weight); + color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color)); + line-height: 1; +} +.range-scale-step:before { + content: ''; + position: absolute; + background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color)); +} +.range-slider-horizontal .range-scale-step { + justify-content: center; + align-items: flex-start; + width: var(--f7-range-scale-step-width); + height: var(--f7-range-scale-step-height); + padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + top: 0; + margin-left: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-horizontal .range-scale-step:before { + left: 0; + top: 0; + width: 100%; + height: var(--f7-range-scale-step-height); +} +.range-slider-horizontal .range-scale-step:first-child { + margin-left: 0; +} +.range-slider-horizontal .range-scale-step:last-child { + margin-left: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step { + line-height: 1; + justify-content: flex-end; + align-items: center; + height: var(--f7-range-scale-step-width); + width: var(--f7-range-scale-step-height); + padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + right: 0; + margin-bottom: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-vertical .range-scale-step:first-child { + margin-bottom: 0; +} +.range-slider-vertical .range-scale-step:last-child { + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step:before { + right: 0; + top: 0; + height: 100%; + width: var(--f7-range-scale-step-height); +} +.range-scale-substep { + --f7-range-scale-step-bg-color: var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color)); + --f7-range-scale-step-width: var(--f7-range-scale-substep-width); + --f7-range-scale-step-height: var(--f7-range-scale-substep-height); +} +.ios .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} +.md .range-knob { + transition-duration: 200ms; + transition-property: transform, background-color; +} +.md .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid var(--f7-range-bar-bg-color); +} +.md .range-knob-label { + width: var(--f7-range-label-size); + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + margin-bottom: 8px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + position: absolute; + z-index: -1; + width: var(--f7-range-label-size); + height: var(--f7-range-label-size); + background: var(--f7-range-label-bg-color, var(--f7-theme-color)); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + transform: scale(0); +} +/* === Stepper === */ +:root { + /* + --f7-stepper-button-text-color: var(--f7-theme-color); + --f7-stepper-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + */ + --f7-stepper-fill-button-text-color: #fff; + /* + --f7-stepper-fill-button-bg-color: var(--f7-theme-color); + */ + --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); +} +.ios { + --f7-stepper-height: 29px; + --f7-stepper-border-radius: 5px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-border-width: 1px; + --f7-stepper-large-height: 44px; + --f7-stepper-small-height: 26px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-value-font-size: 17px; + --f7-stepper-value-font-weight: 400; +} +.md { + --f7-stepper-height: 36px; + --f7-stepper-border-radius: 4px; + --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 48px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-small-height: 28px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} +.md .theme-dark, +.md.theme-dark { + --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +.stepper { + display: inline-flex; + align-items: stretch; + height: var(--f7-stepper-height); + border-radius: var(--f7-stepper-border-radius); +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + background-color: var(--f7-stepper-button-bg-color); + width: 40px; + border-radius: var(--f7-stepper-border-radius); + border: var(--f7-stepper-border-width) solid var(--f7-theme-color); + color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px)); + text-align: center; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button.active-state, +.stepper-button-minus.active-state, +.stepper-button-plus.active-state { + background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color))); +} +.stepper-button:first-child, +.stepper-button-minus:first-child, +.stepper-button-plus:first-child { + border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius); +} +.stepper-button:last-child, +.stepper-button-minus:last-child, +.stepper-button-plus:last-child { + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-button + .stepper-button, +.stepper-button-minus + .stepper-button, +.stepper-button-plus + .stepper-button, +.stepper-button + .stepper-button-minus, +.stepper-button-minus + .stepper-button-minus, +.stepper-button-plus + .stepper-button-minus, +.stepper-button + .stepper-button-plus, +.stepper-button-minus + .stepper-button-plus, +.stepper-button-plus + .stepper-button-plus { + border-left: none; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper-value { + display: flex; + align-content: center; + align-items: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + flex-shrink: 1; + text-align: center; + border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color); + border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color); +} +.stepper-input-wrap input, +.stepper-value { + width: 45px; + color: var(--f7-theme-color); + font-size: var(--f7-stepper-value-font-size); + font-weight: var(--f7-stepper-value-font-weight); + text-align: center; +} +.stepper-input-wrap input { + height: 100%; +} +.stepper-round, +.ios .stepper-round-ios, +.md .stepper-round-md { + --f7-stepper-border-radius: var(--f7-stepper-height); +} +.stepper-fill, +.ios .stepper-fill-ios, +.md .stepper-fill-md { + --f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color)); + --f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.stepper-raised .stepper-button + .stepper-button, +.ios .stepper-raised-ios .stepper-button + .stepper-button, +.md .stepper-raised-md .stepper-button + .stepper-button, +.stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus, +.stepper-raised .stepper-button-minus + .stepper-button-plus, +.ios .stepper-raised-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-fill .stepper-button + .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button + .stepper-button.active-state, +.md .stepper-fill-md .stepper-button + .stepper-button.active-state, +.stepper-fill .stepper-button-minus + .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state { + border-left-color: var(--f7-stepper-button-pressed-bg-color); +} +.stepper-raised:not(.stepper-fill) .stepper-input-wrap, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap, +.stepper-raised:not(.stepper-fill) .stepper-value, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-large, +.ios .stepper-large-ios, +.md .stepper-large-md { + --f7-stepper-height: var(--f7-stepper-large-height); +} +.stepper-small, +.ios .stepper-small-ios, +.md .stepper-small-md { + --f7-stepper-border-width: var(--f7-stepper-small-border-width); + --f7-stepper-height: var(--f7-stepper-small-height); +} +.ios .stepper-fill.stepper-small-ios, +.ios .stepper-fill.stepper-small { + --f7-stepper-button-pressed-bg-color: transparent; + --f7-stepper-button-pressed-text-color: var(--f7-theme-color); +} +.stepper-raised, +.ios .stepper-raised-ios, +.md .stepper-raised-md { + --f7-stepper-border-width: 0; + box-shadow: var(--f7-stepper-raised-box-shadow); +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-fill, +.ios .stepper-fill-ios { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .stepper-small.stepper-raised, +.ios .stepper-small-ios.stepper-raised, +.ios .stepper-small.stepper-raised-ios, +.ios .stepper-small-ios.stepper-raised-ios { + --f7-stepper-border-width: 0px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + transition-duration: 200ms; +} +.ios .stepper-small .stepper-button.active-state:after, +.ios .stepper-small-ios .stepper-button.active-state:after, +.ios .stepper-small .stepper-button-minus.active-state:after, +.ios .stepper-small-ios .stepper-button-minus.active-state:after, +.ios .stepper-small .stepper-button-plus.active-state:after, +.ios .stepper-small-ios .stepper-button-plus.active-state:after, +.ios .stepper-small .stepper-button.active-state:before, +.ios .stepper-small-ios .stepper-button.active-state:before, +.ios .stepper-small .stepper-button-minus.active-state:before, +.ios .stepper-small-ios .stepper-button-minus.active-state:before, +.ios .stepper-small .stepper-button-plus.active-state:before, +.ios .stepper-small-ios .stepper-button-plus.active-state:before { + transition-duration: 200ms; + background-color: var(--f7-theme-color); +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-fill, +.md .stepper-fill-md { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Smart Select === */ +.smart-select :root { + /* + --f7-smart-select-sheet-bg: var(--f7-list-bg-color); + --f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color); + */ +} +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.smart-select-sheet .page, +.smart-select-sheet .sheet-modal-inner, +.smart-select-sheet .list ul { + background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color)); +} +.smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.smart-select-sheet .toolbar:after { + display: block; +} +.smart-select-sheet .list { + margin: 0; +} +.smart-select-sheet .list ul:before { + display: none !important; +} +.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +/* === Grid === */ +.ios { + --f7-grid-gap: 15px; +} +.md { + --f7-grid-gap: 16px; +} +.row { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: flex-start; + --f7-cols-per-row: 1; +} +.row > [class*="col-"], +.row > .col { + box-sizing: border-box; + width: calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row)); +} +.row.no-gap { + --f7-grid-gap: 0px; +} +.row .col-5 { + --f7-cols-per-row: 20; +} +.row .col-10 { + --f7-cols-per-row: 10; +} +.row .col-15 { + --f7-cols-per-row: 6.66666667; +} +.row .col-20 { + --f7-cols-per-row: 5; +} +.row .col-25 { + --f7-cols-per-row: 4; +} +.row .col-30 { + --f7-cols-per-row: 3.33333333; +} +.row .col-33 { + --f7-cols-per-row: 3; +} +.row .col-35 { + --f7-cols-per-row: 2.85714286; +} +.row .col-40 { + --f7-cols-per-row: 2.5; +} +.row .col-45 { + --f7-cols-per-row: 2.22222222; +} +.row .col-50 { + --f7-cols-per-row: 2; +} +.row .col-55 { + --f7-cols-per-row: 1.81818182; +} +.row .col-60 { + --f7-cols-per-row: 1.66666667; +} +.row .col-65 { + --f7-cols-per-row: 1.53846154; +} +.row .col-66 { + --f7-cols-per-row: 1.5; +} +.row .col-70 { + --f7-cols-per-row: 1.42857143; +} +.row .col-75 { + --f7-cols-per-row: 1.33333333; +} +.row .col-80 { + --f7-cols-per-row: 1.25; +} +.row .col-85 { + --f7-cols-per-row: 1.17647059; +} +.row .col-90 { + --f7-cols-per-row: 1.11111111; +} +.row .col-95 { + --f7-cols-per-row: 1.05263158; +} +.row .col-100 { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(1), +.row .col:nth-last-child(1) ~ .col { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(2), +.row .col:nth-last-child(2) ~ .col { + --f7-cols-per-row: 2; +} +.row .col:nth-last-child(3), +.row .col:nth-last-child(3) ~ .col { + --f7-cols-per-row: 3; +} +.row .col:nth-last-child(4), +.row .col:nth-last-child(4) ~ .col { + --f7-cols-per-row: 4; +} +.row .col:nth-last-child(5), +.row .col:nth-last-child(5) ~ .col { + --f7-cols-per-row: 5; +} +.row .col:nth-last-child(6), +.row .col:nth-last-child(6) ~ .col { + --f7-cols-per-row: 6; +} +.row .col:nth-last-child(7), +.row .col:nth-last-child(7) ~ .col { + --f7-cols-per-row: 7; +} +.row .col:nth-last-child(8), +.row .col:nth-last-child(8) ~ .col { + --f7-cols-per-row: 8; +} +.row .col:nth-last-child(9), +.row .col:nth-last-child(9) ~ .col { + --f7-cols-per-row: 9; +} +.row .col:nth-last-child(10), +.row .col:nth-last-child(10) ~ .col { + --f7-cols-per-row: 10; +} +.row .col:nth-last-child(11), +.row .col:nth-last-child(11) ~ .col { + --f7-cols-per-row: 11; +} +.row .col:nth-last-child(12), +.row .col:nth-last-child(12) ~ .col { + --f7-cols-per-row: 12; +} +.row .col:nth-last-child(13), +.row .col:nth-last-child(13) ~ .col { + --f7-cols-per-row: 13; +} +.row .col:nth-last-child(14), +.row .col:nth-last-child(14) ~ .col { + --f7-cols-per-row: 14; +} +.row .col:nth-last-child(15), +.row .col:nth-last-child(15) ~ .col { + --f7-cols-per-row: 15; +} +.row .col:nth-last-child(16), +.row .col:nth-last-child(16) ~ .col { + --f7-cols-per-row: 16; +} +.row .col:nth-last-child(17), +.row .col:nth-last-child(17) ~ .col { + --f7-cols-per-row: 17; +} +.row .col:nth-last-child(18), +.row .col:nth-last-child(18) ~ .col { + --f7-cols-per-row: 18; +} +.row .col:nth-last-child(19), +.row .col:nth-last-child(19) ~ .col { + --f7-cols-per-row: 19; +} +.row .col:nth-last-child(20), +.row .col:nth-last-child(20) ~ .col { + --f7-cols-per-row: 20; +} +.row .col:nth-last-child(21), +.row .col:nth-last-child(21) ~ .col { + --f7-cols-per-row: 21; +} +.row .col:nth-last-child(22), +.row .col:nth-last-child(22) ~ .col { + --f7-cols-per-row: 22; +} +@media (min-width: 768px) { + .row .tablet-5 { + --f7-cols-per-row: 20; + } + .row .tablet-10 { + --f7-cols-per-row: 10; + } + .row .tablet-15 { + --f7-cols-per-row: 6.66666667; + } + .row .tablet-20 { + --f7-cols-per-row: 5; + } + .row .tablet-25 { + --f7-cols-per-row: 4; + } + .row .tablet-30 { + --f7-cols-per-row: 3.33333333; + } + .row .tablet-33 { + --f7-cols-per-row: 3; + } + .row .tablet-35 { + --f7-cols-per-row: 2.85714286; + } + .row .tablet-40 { + --f7-cols-per-row: 2.5; + } + .row .tablet-45 { + --f7-cols-per-row: 2.22222222; + } + .row .tablet-50 { + --f7-cols-per-row: 2; + } + .row .tablet-55 { + --f7-cols-per-row: 1.81818182; + } + .row .tablet-60 { + --f7-cols-per-row: 1.66666667; + } + .row .tablet-65 { + --f7-cols-per-row: 1.53846154; + } + .row .tablet-66 { + --f7-cols-per-row: 1.5; + } + .row .tablet-70 { + --f7-cols-per-row: 1.42857143; + } + .row .tablet-75 { + --f7-cols-per-row: 1.33333333; + } + .row .tablet-80 { + --f7-cols-per-row: 1.25; + } + .row .tablet-85 { + --f7-cols-per-row: 1.17647059; + } + .row .tablet-90 { + --f7-cols-per-row: 1.11111111; + } + .row .tablet-95 { + --f7-cols-per-row: 1.05263158; + } + .row .tablet-100 { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(1), + .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(2), + .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + --f7-cols-per-row: 2; + } + .row .tablet-auto:nth-last-child(3), + .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + --f7-cols-per-row: 3; + } + .row .tablet-auto:nth-last-child(4), + .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + --f7-cols-per-row: 4; + } + .row .tablet-auto:nth-last-child(5), + .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + --f7-cols-per-row: 5; + } + .row .tablet-auto:nth-last-child(6), + .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + --f7-cols-per-row: 6; + } + .row .tablet-auto:nth-last-child(7), + .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + --f7-cols-per-row: 7; + } + .row .tablet-auto:nth-last-child(8), + .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + --f7-cols-per-row: 8; + } + .row .tablet-auto:nth-last-child(9), + .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + --f7-cols-per-row: 9; + } + .row .tablet-auto:nth-last-child(10), + .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + --f7-cols-per-row: 10; + } + .row .tablet-auto:nth-last-child(11), + .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + --f7-cols-per-row: 11; + } + .row .tablet-auto:nth-last-child(12), + .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + --f7-cols-per-row: 12; + } + .row .tablet-auto:nth-last-child(13), + .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + --f7-cols-per-row: 13; + } + .row .tablet-auto:nth-last-child(14), + .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + --f7-cols-per-row: 14; + } + .row .tablet-auto:nth-last-child(15), + .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + --f7-cols-per-row: 15; + } + .row .tablet-auto:nth-last-child(16), + .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + --f7-cols-per-row: 16; + } + .row .tablet-auto:nth-last-child(17), + .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + --f7-cols-per-row: 17; + } + .row .tablet-auto:nth-last-child(18), + .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + --f7-cols-per-row: 18; + } + .row .tablet-auto:nth-last-child(19), + .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + --f7-cols-per-row: 19; + } + .row .tablet-auto:nth-last-child(20), + .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + --f7-cols-per-row: 20; + } + .row .tablet-auto:nth-last-child(21), + .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + --f7-cols-per-row: 21; + } + .row .tablet-auto:nth-last-child(22), + .row .tablet-auto:nth-last-child(22) ~ .tablet-auto { + --f7-cols-per-row: 22; + } +} +@media (min-width: 1025px) { + .row .desktop-5 { + --f7-cols-per-row: 20; + } + .row .desktop-10 { + --f7-cols-per-row: 10; + } + .row .desktop-15 { + --f7-cols-per-row: 6.66666667; + } + .row .desktop-20 { + --f7-cols-per-row: 5; + } + .row .desktop-25 { + --f7-cols-per-row: 4; + } + .row .desktop-30 { + --f7-cols-per-row: 3.33333333; + } + .row .desktop-33 { + --f7-cols-per-row: 3; + } + .row .desktop-35 { + --f7-cols-per-row: 2.85714286; + } + .row .desktop-40 { + --f7-cols-per-row: 2.5; + } + .row .desktop-45 { + --f7-cols-per-row: 2.22222222; + } + .row .desktop-50 { + --f7-cols-per-row: 2; + } + .row .desktop-55 { + --f7-cols-per-row: 1.81818182; + } + .row .desktop-60 { + --f7-cols-per-row: 1.66666667; + } + .row .desktop-65 { + --f7-cols-per-row: 1.53846154; + } + .row .desktop-66 { + --f7-cols-per-row: 1.5; + } + .row .desktop-70 { + --f7-cols-per-row: 1.42857143; + } + .row .desktop-75 { + --f7-cols-per-row: 1.33333333; + } + .row .desktop-80 { + --f7-cols-per-row: 1.25; + } + .row .desktop-85 { + --f7-cols-per-row: 1.17647059; + } + .row .desktop-90 { + --f7-cols-per-row: 1.11111111; + } + .row .desktop-95 { + --f7-cols-per-row: 1.05263158; + } + .row .desktop-100 { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(1), + .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(2), + .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + --f7-cols-per-row: 2; + } + .row .desktop-auto:nth-last-child(3), + .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + --f7-cols-per-row: 3; + } + .row .desktop-auto:nth-last-child(4), + .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + --f7-cols-per-row: 4; + } + .row .desktop-auto:nth-last-child(5), + .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + --f7-cols-per-row: 5; + } + .row .desktop-auto:nth-last-child(6), + .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + --f7-cols-per-row: 6; + } + .row .desktop-auto:nth-last-child(7), + .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + --f7-cols-per-row: 7; + } + .row .desktop-auto:nth-last-child(8), + .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + --f7-cols-per-row: 8; + } + .row .desktop-auto:nth-last-child(9), + .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + --f7-cols-per-row: 9; + } + .row .desktop-auto:nth-last-child(10), + .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + --f7-cols-per-row: 10; + } + .row .desktop-auto:nth-last-child(11), + .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + --f7-cols-per-row: 11; + } + .row .desktop-auto:nth-last-child(12), + .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + --f7-cols-per-row: 12; + } + .row .desktop-auto:nth-last-child(13), + .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + --f7-cols-per-row: 13; + } + .row .desktop-auto:nth-last-child(14), + .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + --f7-cols-per-row: 14; + } + .row .desktop-auto:nth-last-child(15), + .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + --f7-cols-per-row: 15; + } + .row .desktop-auto:nth-last-child(16), + .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + --f7-cols-per-row: 16; + } + .row .desktop-auto:nth-last-child(17), + .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + --f7-cols-per-row: 17; + } + .row .desktop-auto:nth-last-child(18), + .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + --f7-cols-per-row: 18; + } + .row .desktop-auto:nth-last-child(19), + .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + --f7-cols-per-row: 19; + } + .row .desktop-auto:nth-last-child(20), + .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + --f7-cols-per-row: 20; + } + .row .desktop-auto:nth-last-child(21), + .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + --f7-cols-per-row: 21; + } + .row .desktop-auto:nth-last-child(22), + .row .desktop-auto:nth-last-child(22) ~ .desktop-auto { + --f7-cols-per-row: 22; + } +} +/* === Calendar/Datepicker === */ +:root { + --f7-calendar-height: 320px; + --f7-calendar-sheet-landscape-height: 220px; + --f7-calendar-sheet-bg-color: #fff; + --f7-calendar-popover-width: 320px; + --f7-calendar-popover-height: 320px; + --f7-calendar-modal-height: 420px; + --f7-calendar-modal-max-width: 380px; + --f7-calendar-modal-border-radius: 4px; + --f7-calendar-modal-bg-color: #fff; + /* + --f7-calendar-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-header-link-color: var(--f7-bars-link-color); + --f7-calendar-header-text-color: var(--f7-bars-text-color); + --f7-calendar-footer-bg-color: var(--f7-bars-bg-color); + --f7-calendar-footer-border-color: var(--f7-bars-border-color); + --f7-calendar-footer-link-color: var(--f7-bars-link-color); + --f7-calendar-footer-text-color: var(--f7-bars-text-color); + --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-week-header-text-color: var(--f7-bars-text-color); + */ + --f7-calendar-prev-next-text-color: #b8b8b8; + --f7-calendar-disabled-text-color: #d4d4d4; + --f7-calendar-event-dot-size: 4px; + /* + --f7-calendar-event-bg-color: var(--f7-theme-color); + */ +} +.ios { + --f7-calendar-sheet-border-color: #929499; + --f7-calendar-header-height: 44px; + --f7-calendar-header-font-size: 17px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 44px; + --f7-calendar-footer-font-size: 17px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: #c4c4c4; + --f7-calendar-day-font-size: 15px; + --f7-calendar-day-text-color: #000; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 30px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} +.md { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 56px; + --f7-calendar-header-font-size: 20px; + --f7-calendar-header-font-weight: 400; + --f7-calendar-header-padding: 0 24px; + --f7-calendar-footer-height: 48px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 24px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: transparent; + --f7-calendar-day-font-size: 14px; + --f7-calendar-day-text-color: #000; + /* + --f7-calendar-today-text-color: var(--f7-theme-color); + */ + --f7-calendar-today-bg-color: none; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 32px; +} +.md .theme-dark, +.md.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: rgba(255, 255, 255, 0.87); +} +.calendar { + overflow: hidden; + height: var(--f7-calendar-height); + width: 100%; + display: flex; + flex-direction: column; +} +.calendar.modal-in { + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: var(--f7-calendar-sheet-landscape-height); + } + .calendar.calendar-modal { + height: calc(100vh - var(--f7-navbar-height)); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-sheet { + --f7-sheet-border-color: var(--f7-calendar-sheet-border-color); + background: var(--f7-calendar-sheet-bg-color); +} +.calendar-sheet:before { + z-index: 600; +} +.calendar-sheet .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.calendar-sheet .toolbar:before, +.calendar-modal .toolbar:before, +.calendar-popover .toolbar:before { + display: none; +} +.calendar-popover { + width: var(--f7-calendar-popover-width); +} +.calendar-popover .calendar { + height: var(--f7-calendar-popover-height); + border-radius: var(--f7-popover-border-radius); +} +.calendar-header { + width: 100%; + position: relative; + overflow: hidden; + flex-shrink: 0; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding: var(--f7-calendar-header-padding); + background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-header-height); + line-height: var(--f7-calendar-header-height); + font-size: var(--f7-calendar-header-font-size); + font-weight: var(--f7-calendar-header-font-weight); +} +.calendar-header a { + color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer { + width: 100%; + flex-shrink: 0; + padding: var(--f7-calendar-footer-padding); + background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-footer-height); + font-size: var(--f7-calendar-header-font-size); + display: flex; + justify-content: flex-end; + box-sizing: border-box; + align-items: center; + position: relative; +} +.calendar-footer a { + color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal { + position: absolute; + height: var(--f7-calendar-modal-height); + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: var(--f7-calendar-modal-max-width); + transform: translate3d(-50%, 100%, 0); + transition-property: transform; + display: flex; + z-index: 12000; + background: var(--f7-calendar-modal-bg-color); + width: 90%; + border-radius: var(--f7-calendar-modal-border-radius); + box-shadow: var(--f7-elevation-24); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + transition-duration: 400ms; +} +.calendar-modal.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + transform: translate3d(-50%, 100%, 0); +} +.calendar-week-header { + display: flex; + box-sizing: border-box; + position: relative; + font-size: var(--f7-calendar-week-header-font-size); + background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-week-header-height); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-week-header .calendar-week-day { + flex-shrink: 1; + width: calc(100% / 7); + text-align: center; + line-height: var(--f7-calendar-week-header-height); +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + transition: 300ms; +} +.calendar-month { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: flex; + flex-shrink: 1; + width: 100%; + position: relative; + box-sizing: border-box; + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-row:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.calendar-day { + flex-shrink: 1; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: var(--f7-calendar-day-text-color); + height: 100%; + font-size: var(--f7-calendar-day-font-size); +} +.calendar-day.calendar-day-today .calendar-day-number { + color: var(--f7-calendar-today-text-color, var(--f7-theme-color)); + background-color: var(--f7-calendar-today-bg-color); +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: var(--f7-calendar-prev-next-text-color); +} +.calendar-day.calendar-day-disabled { + color: var(--f7-calendar-disabled-text-color); + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: var(--f7-calendar-selected-text-color); + background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color)); +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 50%; + position: relative; + width: var(--f7-calendar-day-size); + height: var(--f7-calendar-day-size); + line-height: var(--f7-calendar-day-size); +} +.calendar-day .calendar-day-events { + position: absolute; + display: flex; + left: 0; + width: 100%; + top: 100%; + align-items: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: var(--f7-calendar-event-dot-size); + height: var(--f7-calendar-event-dot-size); + border-radius: calc(var(--f7-calendar-event-dot-size) / 2); + background-color: var(--f7-calendar-event-bg-color); +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + align-items: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: flex; + justify-content: space-between; + align-items: center; + width: 50%; + max-width: 200px; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.calendar-month-selector a.icon-only, +.calendar-year-selector a.icon-only { + min-width: 36px; +} +/* === Picker === */ +:root { + --f7-picker-height: 260px; + --f7-picker-inline-height: 200px; + --f7-picker-popover-height: 200px; + --f7-picker-popover-width: 280px; + --f7-picker-landscape-height: 200px; + --f7-picker-item-height: 36px; +} +.ios { + --f7-picker-column-font-size: 24px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-text-color: #707274; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: #a8abb0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: #282829; +} +.md { + --f7-picker-column-font-size: 20px; + --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87); + --f7-picker-item-text-color: inherit; + --f7-picker-item-selected-text-color: inherit; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15); +} +.md .theme-dark, +.md.theme-dark { + --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); +} +.picker { + width: 100%; + height: var(--f7-picker-height); +} +.picker.picker-inline { + height: var(--f7-picker-inline-height); +} +.popover .picker { + height: var(--f7-picker-popover-height); +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: var(--f7-picker-landscape-height); + } +} +.picker-popover { + width: var(--f7-picker-popover-width); +} +.picker-popover .toolbar { + background: none; + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.picker-popover .toolbar:before { + display: none !important; +} +.picker-popover .toolbar + .picker-columns { + height: calc(100% - var(--f7-toolbar-height)); +} +.picker-columns { + display: flex; + overflow: hidden; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); + font-size: var(--f7-picker-column-font-size); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + right: 100%; +} +.picker-column.picker-column-last:after { + left: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: flex; + align-items: center; + color: var(--f7-picker-divider-text-color); +} +.picker-items { + transition: 300ms; + transition-timing-function: ease-out; +} +.picker-item { + height: var(--f7-picker-item-height); + line-height: var(--f7-picker-item-height); + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + transition: 300ms; + color: var(--f7-picker-item-text-color); +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + color: var(--f7-picker-item-selected-text-color); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: var(--f7-picker-item-height); + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: calc(-1 * var(--f7-picker-item-height) / 2); + pointer-events: none; +} +.picker-center-highlight:before { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-center-highlight:after { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-3d .picker-columns { + overflow: hidden; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-timing-function: ease-out; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ios { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 44px; +} +.md { + --f7-ptr-preloader-size: 22px; + --f7-ptr-size: 40px; +} +.ptr-preloader { + position: relative; + top: var(--f7-ptr-top, 0); + height: var(--f7-ptr-size); +} +.ptr-preloader .preloader { + position: absolute; + left: 50%; + width: var(--f7-ptr-preloader-size); + height: var(--f7-ptr-preloader-size); + margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2); + top: 50%; + visibility: hidden; +} +.ptr-bottom .ptr-preloader { + top: auto; + bottom: 0; + position: fixed; +} +.ios .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: 300ms; + transition-property: transform; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color); +} +.ios .ptr-arrow:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 10px; + content: 'ptr_arrow_ios'; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.ios .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.ios .ptr-bottom.ptr-transitioning > *, +.ios .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-bottom.ptr-refreshing { + transform: none; +} +.ios .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.ios .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} +.md { + --f7-ptr-top: -4px; +} +.md .ptr-preloader { + left: 50%; + width: var(--f7-ptr-size); + border-radius: 50%; + background: #fff; + margin-left: calc(-1 * var(--f7-ptr-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-size)); + z-index: 100; + box-shadow: var(--f7-elevation-1); +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + box-sizing: border-box; + border: 3px solid var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + transition: 400ms; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + transition-duration: 300ms; + transition-property: transform; +} +.md .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px); +} +.md .ptr-bottom.ptr-refreshing .ptr-preloader { + transform: translate3d(0, -66px, 0); +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + animation: lazyFadeIn 600ms; +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +:root { + --f7-table-head-font-size: 12px; + --f7-table-body-font-size: 14px; + --f7-table-footer-font-size: 12px; + --f7-table-input-height: 24px; + --f7-table-input-font-size: 14px; + --f7-table-collapsible-cell-padding: 15px; +} +.ios { + --f7-table-head-font-weight: 600; + --f7-table-head-text-color: #8e8e93; + --f7-table-head-cell-height: 44px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 44px; + --f7-table-cell-border-color: #c8c7cc; + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 15px; + --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-checkbox-cell-width: 22px; + /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ + --f7-table-selected-row-bg-color: #f7f7f8; + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 17px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 44px; + --f7-table-footer-text-color: #8e8e93; + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #000; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: #363636; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; +} +.md { + --f7-table-head-font-weight: 500; + --f7-table-head-text-color: rgba(0, 0, 0, 0.54); + --f7-table-head-cell-height: 56px; + --f7-table-head-icon-size: 16px; + --f7-table-body-cell-height: 48px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 28px; + --f7-table-edge-cell-padding-horizontal: 24px; + --f7-table-label-cell-padding-horizontal: 24px; + --f7-table-checkbox-cell-width: 18px; + --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54); + --f7-table-selected-row-bg-color: #f5f5f5; + --f7-table-actions-link-color: rgba(0, 0, 0, 0.54); + --f7-table-title-font-size: 20px; + --f7-table-title-font-weight: 400; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 56px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.54); + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #212121; +} +.md .theme-dark, +.md.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05); + --f7-table-sortable-icon-color: #fff; + --f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54); + --f7-table-actions-link-color: rgba(255, 255, 255, 0.54); + --f7-table-input-text-color: #fff; +} +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: left; +} +.data-table thead th, +.data-table thead td { + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; + height: var(--f7-table-head-cell-height); +} +.data-table thead th:not(.sortable-cell-active), +.data-table thead td:not(.sortable-cell-active) { + color: var(--f7-table-head-text-color); +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; + font-size: var(--f7-table-head-icon-size); + width: var(--f7-table-head-icon-size); + height: var(--f7-table-head-icon-size); +} +.data-table tbody { + font-size: var(--f7-table-body-font-size); +} +.data-table tbody th, +.data-table tbody td { + height: var(--f7-table-body-cell-height); +} +.data-table tbody tr.data-table-row-selected, +.device-desktop .data-table tbody tr:hover { + background: var(--f7-table-selected-row-bg-color); +} +.data-table tbody td:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table th, +.data-table td { + --f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal); + padding-top: var(--f7-table-cell-padding-vertical); + padding-bottom: var(--f7-table-cell-padding-vertical); + padding-left: var(--f7-table-cell-padding-left); + padding-right: var(--f7-table-cell-padding-right); + position: relative; + box-sizing: border-box; +} +.data-table th:first-child, +.data-table td:first-child { + --f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th:last-child, +.data-table td:last-child { + --f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th.label-cell, +.data-table td.label-cell { + --f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-label-cell-padding-horizontal); +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: right; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; + width: var(--f7-table-checkbox-cell-width); +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-left: 8px; +} +.data-table th.checkbox-cell:first-child, +.data-table td.checkbox-cell:first-child { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.checkbox-cell:first-child + td, +.data-table td.checkbox-cell:first-child + td, +.data-table th.checkbox-cell:first-child + th, +.data-table td.checkbox-cell:first-child + th { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.checkbox-cell:last-child, +.data-table td.checkbox-cell:last-child { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: right; + white-space: nowrap; +} +.data-table th.actions-cell a.link, +.data-table td.actions-cell a.link { + color: var(--f7-table-actions-cell-link-color, var(--f7-theme-color)); +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 20px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: 'arrow_bottom_md'; + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + color: var(--f7-table-sortable-icon-color); + font-size: 13px; + line-height: 16px; + transition-duration: 300ms; + transform: rotate(0); + opacity: 0; +} +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header, +.data-table.card .card-footer, +.card .data-table .card-footer { + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table.card .card-header, +.card .data-table .card-header { + height: var(--f7-table-card-header-height); +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table.card .card-footer, +.card .data-table .card-footer { + height: var(--f7-table-footer-height); +} +.data-table .data-table-title { + font-size: var(--f7-table-title-font-size); + font-weight: var(--f7-table-title-font-weight); +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: flex; +} +.data-table .data-table-links .button { + min-width: 64px; +} +.data-table .data-table-actions { + margin-left: auto; + align-items: center; +} +.data-table .data-table-actions a.link { + color: var(--f7-table-actions-link-color, var(--f7-theme-color)); + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.data-table .card-header > .data-table-header, +.data-table .card-header > .data-table-header-selected { + padding-top: var(--f7-card-header-padding-vertical); + padding-bottom: var(--f7-card-header-padding-vertical); + height: 100%; + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); + margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); + margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); +} +.data-table .data-table-header-selected { + background: rgba(var(--f7-theme-color-rgb), 0.1); + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; + color: var(--f7-theme-color); +} +.data-table .data-table-footer { + display: flex; + align-items: center; + box-sizing: border-box; + position: relative; + font-size: var(--f7-table-footer-font-size); + overflow: hidden; + height: var(--f7-table-footer-height); + color: var(--f7-table-footer-text-color); + justify-content: flex-end; +} +.data-table .data-table-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: flex; + align-items: center; +} +.data-table .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.data-table .input-cell .table-head-label + .input { + margin-top: 4px; +} +.data-table .input-cell .input { + height: var(--f7-table-input-height); +} +.data-table .input-cell .input input, +.data-table .input-cell .input textarea, +.data-table .input-cell .input select { + height: var(--f7-table-input-height); + color: var(--f7-table-input-text-color); + font-size: var(--f7-table-input-font-size); +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + --f7-table-cell-padding-left: var(--f7-table-collapsible-cell-padding); + --f7-table-cell-padding-right: var(--f7-table-collapsible-cell-padding); + display: flex; + align-content: center; + align-items: center; + justify-content: flex-start; + text-align: left; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + transform: none !important; + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + color: var(--f7-table-head-text-color); + margin-right: 16px; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + left: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-left: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-left: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-left: 15px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-left: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-right: 5px; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link, +.ios .data-table-links .button + .button, +.ios .data-table-actions .button + .button { + margin-left: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-left: 30px; +} +.ios .data-table-rows-select .input { + margin-left: 20px; +} +.ios .data-table-pagination-label { + margin-right: 15px; +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-left: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-left: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-right: 8px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link, +.md .data-table-links .button + .button, +.md .data-table-actions .button + .button { + margin-left: 24px; +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-left: 32px; +} +.md .data-table-rows-select .input { + margin-left: 24px; +} +.md .data-table-pagination-label { + margin-right: 20px; +} +.md .input-cell .input-clear-button { + transform: scale(0.8); +} +/* === FAB === */ +:root { + --f7-fab-text-color: #fff; + --f7-fab-extended-text-font-size: 14px; + --f7-fab-extended-text-padding: 0 20px; + --f7-fab-label-bg-color: #fff; + --f7-fab-label-text-color: #333; + --f7-fab-label-border-radius: 4px; + --f7-fab-label-padding: 4px 12px; + --f7-fab-button-size: 40px; +} +.ios { + --f7-fab-size: 50px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 50px; + --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.md { + --f7-fab-size: 56px; + --f7-fab-box-shadow: var(--f7-elevation-6); + --f7-fab-margin: 16px; + --f7-fab-extended-size: 48px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0.03em; + --f7-fab-label-box-shadow: var(--f7-elevation-3); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.fab { + position: absolute; + z-index: 1500; +} +.fab a { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.fab[class*="fab-left"] { + left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left)); +} +.fab[class*="fab-right"] { + right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right)); +} +.fab[class*="-top"] { + top: var(--f7-fab-margin); +} +.fab[class*="-bottom"] { + bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom)); +} +.fab[class*="fab-center"] { + left: 50%; + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} +.fab > a, +.fab-buttons a { + background-color: var(--f7-fab-bg-color, var(--f7-theme-color)); + width: var(--f7-fab-size); + height: var(--f7-fab-size); + box-shadow: var(--f7-fab-box-shadow); + border-radius: calc(var(--f7-fab-size) / 2); + position: relative; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 1; + color: var(--f7-fab-text-color); +} +.fab > a.active-state, +.fab-buttons a.active-state { + background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade)); +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transition: 300ms; +} +.fab > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab-buttons a { + border-radius: calc(var(--f7-fab-button-size) / 2); + width: var(--f7-fab-button-size); + height: var(--f7-fab-button-size); +} +.fab-buttons { + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: var(--f7-fab-button-size); + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + flex-direction: column-reverse; +} +.fab-buttons-top a { + transform: translate3d(0, 8px, 0) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + flex-direction: column; +} +.fab-buttons-bottom a { + transform: translate3d(0, -8px, 0) scale(0.3); + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: var(--f7-fab-button-size); + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; + flex-direction: row-reverse; +} +.fab-buttons-left a { + transform: translate3d(8px, 0px, 0) scale(0.3); + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; +} +.fab-buttons-right a { + transform: translate3d(-8px, 0, 0) scale(0.3); + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + bottom: 100%; + margin-bottom: 16px; + transform: translateY(-8px) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-left: 16px; + transform: translateX(-8px) scale(0.3); + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + top: 100%; + margin-top: 16px; + transform: translateY(8px) scale(0.3); + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-right: 16px; + transform: translateX(8px) scale(0.3); + transform-origin: right center; +} +.fab-morph { + border-radius: calc(var(--f7-fab-size) / 2); + background: var(--f7-fab-bg-color, var(--f7-theme-color)); + box-shadow: var(--f7-fab-box-shadow); +} +.fab-morph > a { + box-shadow: none; + background: none !important; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; + min-width: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100%; + height: var(--f7-fab-extended-size); +} +.fab-extended > a i { + left: calc(var(--f7-fab-extended-size) / 2); +} +.fab-extended i ~ .fab-text { + padding-left: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + box-sizing: border-box; + font-size: var(--f7-fab-extended-text-font-size); + padding: var(--f7-fab-extended-text-padding); + font-weight: var(--f7-fab-extended-text-font-weight); + letter-spacing: var(--f7-fab-extended-text-letter-spacing); + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: var(--f7-fab-label-padding); + border-radius: var(--f7-fab-label-border-radius); + background: var(--f7-fab-label-bg-color); + color: var(--f7-fab-label-text-color); + box-shadow: var(--f7-fab-label-box-shadow); + white-space: nowrap; + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.navbar ~ * .fab[class*="-top"], +.navbar ~ .fab[class*="-top"] { + margin-top: var(--f7-navbar-height); +} +.toolbar-top ~ * .fab[class*="-top"], +.toolbar-top ~ .fab[class*="-top"], +.ios .toolbar-top-ios ~ * .fab[class*="-top"], +.ios .toolbar-top-ios ~ .fab[class*="-top"], +.md .toolbar-top-md ~ * .fab[class*="-top"], +.md .toolbar-top-md ~ .fab[class*="-top"] { + margin-top: var(--f7-toolbar-height); +} +.toolbar-bottom ~ * .fab[class*="-bottom"], +.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-toolbar-height); +} +.tabbar-labels.toolbar-bottom ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-tabbar-labels-height); +} +.tabbar-labels.toolbar-top ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-top ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ .fab[class*="-bottom"] { + margin-top: var(--f7-tabbar-labels-height); +} +.messagebar ~ * .fab[class*="-bottom"], +.messagebar ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-messagebar-height); +} +.navbar + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbar + .toolbar-top ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height)); +} +.navbar + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbar + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height)); +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + transition-duration: 0ms; +} +/* === Searchbar === */ +:root { + /* + --f7-searchbar-link-color: var(--f7-bars-link-color); + */ +} +.ios { + /* + --f7-searchbar-bg-image: var(--f7-bars-bg-image); + --f7-searchbar-bg-color: var(--f7-bars-bg-color); + --f7-searchbar-border-color: var(--f7-bars-border-color); + */ + --f7-searchbar-height: 44px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 17px; + --f7-searchbar-input-bg-color: #e8e8ea; + --f7-searchbar-input-border-radius: 8px; + --f7-searchbar-input-height: 32px; + --f7-searchbar-input-padding-horizontal: 28px; + /* + --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); + */ + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-searchbar-bg-color: #303030; + --f7-searchbar-input-bg-color: #171717; + --f7-searchbar-input-text-color: #fff; +} +.md { + --f7-searchbar-bg-color: #fff; + --f7-searchbar-border-color: transparent; + --f7-searchbar-height: 48px; + --f7-searchbar-link-color: #737373; + --f7-searchbar-search-icon-color: #737373; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 20px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 0px; + --f7-searchbar-input-height: 100%; + --f7-searchbar-input-padding-horizontal: 48px; + --f7-searchbar-input-clear-button-color: #737373; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25); + --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-searchbar-in-page-content-margin: 8px; + --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1); + --f7-searchbar-in-page-content-border-radius: 4px; +} +.searchbar { + width: 100%; + position: relative; + z-index: 200; + height: var(--f7-searchbar-height); + background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.searchbar.no-hairline:after, +.searchbar.no-border:after { + display: none !important; +} +.searchbar.no-shadow:before { + display: none !important; +} +.searchbar:after { + content: ''; + position: absolute; + background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.page > .searchbar { + z-index: 510; +} +.page > .searchbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.searchbar input[type="text"], +.searchbar input[type="search"] { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-weight: normal; + color: var(--f7-searchbar-input-text-color); + font-size: var(--f7-searchbar-input-font-size); + background-color: var(--f7-searchbar-input-bg-color); + border-radius: var(--f7-searchbar-input-border-radius); + position: relative; + padding: 0; + padding-left: var(--f7-searchbar-input-padding-left); + padding-right: var(--f7-searchbar-input-padding-right); +} +.searchbar input[type="text"]::-webkit-input-placeholder, +.searchbar input[type="search"]::-webkit-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-moz-placeholder, +.searchbar input[type="search"]::-moz-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-ms-input-placeholder, +.searchbar input[type="search"]::-ms-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::placeholder, +.searchbar input[type="search"]::placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.searchbar .searchbar-input-wrap { + flex-shrink: 1; + width: 100%; + height: var(--f7-searchbar-input-height); + position: relative; +} +.searchbar a { + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.page-content .searchbar { + border-radius: var(--f7-searchbar-in-page-content-border-radius); + margin: var(--f7-searchbar-in-page-content-margin); + width: auto; + box-shadow: var(--f7-searchbar-in-page-content-box-shadow); +} +.page-content .searchbar .searchbar-inner, +.page-content .searchbar input[type="text"], +.page-content .searchbar input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-border-radius); +} +.searchbar .input-clear-button { + color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); +} +.searchbar-expandable { + position: absolute; + transition-duration: 300ms; + pointer-events: none; +} +.navbar-inner-large .searchbar-expandable:after { + display: none !important; +} +.navbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-navbar-height); +} +.toolbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-toolbar-height); +} +.subnavbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-subnavbar-height); +} +.tabbar-labels .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-tabbar-labels-height); +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-icon:after { + color: var(--f7-searchbar-search-icon-color); + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-searchbar-backdrop-bg-color); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.navbar.with-searchbar-expandable-enabled, +.navbar-inner.with-searchbar-expandable-enabled { + --f7-navbar-large-collapse-progress: 1; +} +.navbar.with-searchbar-expandable-enabled .title-large, +.navbar-inner.with-searchbar-expandable-enabled .title-large, +.navbar.with-searchbar-expandable-enabled .title-large-text, +.navbar-inner.with-searchbar-expandable-enabled .title-large-text, +.navbar.with-searchbar-expandable-enabled .title-large-inner, +.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { + transition-duration: 300ms; +} +.page-content.with-searchbar-expandable-enabled { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + transition-duration: 300ms; + transition-property: transform; +} +.navbar ~ .page:not(.no-navbar) > .searchbar, +.page > .navbar ~ .searchbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar, +.page-with-navbar-large .navbar ~ .searchbar, +.page-with-navbar-large .navbar ~ * .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page > .searchbar ~ * .page-content, +.page > .searchbar ~ .page-content { + padding-top: var(--f7-searchbar-height); +} +.page > .navbar ~ .searchbar ~ * .page-content, +.page > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-searchbar-height)); +} +.page-with-navbar-large > .navbar ~ .searchbar ~ * .page-content, +.page-with-navbar-large > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.page > .toolbar-top ~ .searchbar, +.ios .page > .toolbar-top-ios ~ .searchbar, +.md .page > .toolbar-top-md ~ .searchbar { + top: var(--f7-toolbar-height); +} +.page > .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar { + top: var(--f7-tabbar-labels-height); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.ios { + --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + z-index: 30; +} +.ios .searchbar .input-clear-button { + z-index: 40; + right: 7px; +} +.ios .searchbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + left: 8px; +} +.ios .searchbar-icon:after { + content: 'search_ios'; + line-height: 13px; +} +.ios .searchbar-disable-button { + font-size: 17px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: 300ms; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none; +} +.ios .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + left: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.ios .navbar-inner.with-searchbar-expandable-enabled .left, +.ios .navbar-inner.with-searchbar-expandable-enabled .title, +.ios .navbar-inner.with-searchbar-expandable-enabled .right { + transform: translateY(calc(-1 * var(--f7-navbar-height))); + transition: 300ms; + opacity: 0; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: var(--f7-searchbar-expandable-size); + pointer-events: auto; +} +.md { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.md .searchbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + left: calc(-4px + var(--f7-safe-area-left)); + top: 50%; + transition-duration: 300ms; +} +.md .searchbar-icon { + width: 24px; + height: 24px; + margin-left: 12px; + margin-top: -12px; +} +.md .searchbar-icon:after { + content: 'search_md'; + line-height: 1.2; +} +.md .searchbar-disable-button { + width: 48px; + height: 48px; + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + margin-top: -24px; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar-disable-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + line-height: 48px; + content: "arrow_left_md"; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + right: 0; + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + line-height: 48px; + content: 'delete_md'; + opacity: 1; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page > .searchbar, +.md .subnavbar .searchbar, +.md .searchbar-expandable { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + left: calc(-4px + 8px + var(--f7-safe-area-left)); +} +.md .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + height: 100%; + opacity: 0; + top: 50%; + border-radius: calc(var(--f7-searchbar-expandable-size)); + width: calc(var(--f7-searchbar-expandable-size)); + margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2); + transform: translate3d(0px, 0px, 0px); + left: 100%; + margin-left: calc(var(--f7-searchbar-expandable-size) * -1); +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + left: 0; + margin-left: 0; +} +/* === Messages === */ +:root { + --f7-messages-content-bg-color: #fff; + --f7-message-text-header-text-color: inherit; + --f7-message-text-header-opacity: 0.65; + --f7-message-text-header-font-size: 12px; + --f7-message-text-footer-text-color: inherit; + --f7-message-text-footer-opacity: 0.65; + --f7-message-text-footer-font-size: 12px; + --f7-message-bubble-line-height: 1.2; + --f7-message-header-font-size: 12px; + --f7-message-footer-font-size: 11px; + --f7-message-name-font-size: 12px; + --f7-message-typing-indicator-bg-color: #000; + /* + --f7-message-sent-bg-color: var(--f7-theme-color); + */ + --f7-message-sent-text-color: #fff; + --f7-message-received-bg-color: #e5e5ea; + --f7-message-received-text-color: #000; +} +.ios { + --f7-messages-title-text-color: #8e8e93; + --f7-messages-title-font-size: 11px; + --f7-message-header-text-color: #8e8e93; + --f7-message-footer-text-color: #8e8e93; + --f7-message-name-text-color: #8e8e93; + --f7-message-avatar-size: 29px; + --f7-message-margin: 10px; + --f7-message-bubble-font-size: 17px; + --f7-message-bubble-border-radius: 16px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 16px; + --f7-message-typing-indicator-opacity: 0.35; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.md { + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-messages-title-font-size: 12px; + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51); + --f7-message-avatar-size: 32px; + --f7-message-margin: 16px; + --f7-message-bubble-font-size: 16px; + --f7-message-bubble-border-radius: 4px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 8px; + --f7-message-typing-indicator-opacity: 0.6; +} +.md .theme-dark, +.md.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.messages-content, +.messages { + background: var(--f7-messages-content-bg-color); +} +.messages { + display: flex; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title, +.message { + margin-top: var(--f7-message-margin); +} +.messages-title:last-child, +.message:last-child { + margin-bottom: var(--f7-message-margin); +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; + color: var(--f7-messages-title-text-color); + font-size: var(--f7-messages-title-font-size); +} +.message { + max-width: 70%; + box-sizing: border-box; + display: flex; + align-items: flex-end; + position: relative; + z-index: 1; + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + align-self: flex-end; + flex-shrink: 0; + width: var(--f7-message-avatar-size); + height: var(--f7-message-avatar-size); +} +.message-content { + position: relative; + display: flex; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; +} +.message-header { + color: var(--f7-message-header-text-color); + font-size: var(--f7-message-header-font-size); +} +.message-footer { + color: var(--f7-message-footer-text-color); + font-size: var(--f7-message-footer-font-size); + margin-bottom: -1em; +} +.message-name { + color: var(--f7-message-name-text-color); + font-size: var(--f7-message-name-font-size); +} +.message-bubble { + box-sizing: border-box; + word-break: break-word; + display: flex; + flex-direction: column; + position: relative; + line-height: var(--f7-message-bubble-line-height); + font-size: var(--f7-message-bubble-font-size); + border-radius: var(--f7-message-bubble-border-radius); + padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); + min-height: 32px; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + line-height: 1; +} +.message-text-header { + color: var(--f7-message-text-header-text-color); + opacity: var(--f7-message-text-header-opacity); + font-size: var(--f7-message-text-header-font-size); +} +.message-text-footer { + color: var(--f7-message-text-footer-text-color); + opacity: var(--f7-message-text-footer-opacity); + font-size: var(--f7-message-text-footer-font-size); +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + flex-direction: row-reverse; + align-self: flex-end; +} +.message-sent .message-bubble { + color: var(--f7-message-sent-text-color); + background: var(--f7-message-sent-bg-color, var(--f7-theme-color)); +} +.message-sent .message-content { + align-items: flex-end; +} +.message-sent.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius); +} +.message-received { + flex-direction: row; +} +.message-received .message-bubble { + color: var(--f7-message-received-text-color); + background: var(--f7-message-received-bg-color); +} +.message-received .message-content { + align-items: flex-start; +} +.message-received.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: var(--f7-message-typing-indicator-bg-color); + opacity: var(--f7-message-typing-indicator-opacity); + vertical-align: middle; + border-radius: 50%; +} +@keyframes message-appear-from-bottom { + from { + transform: translate3d(0, 100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + transform: translate3d(0, -100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +.ios .messages-title b, +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + min-width: 48px; +} +.ios .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal)); +} +.ios .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: calc(10px + var(--f7-safe-area-left)); +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-received .message-bubble { + padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: calc(10px + var(--f7-safe-area-right)); +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-sent .message-bubble { + padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-sent.message-tail .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: var(--f7-message-received-bg-color); + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; +} +.ios .message-typing-indicator > div + div { + margin-left: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +.md .messages-title b, +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received.message-tail .message-bubble:before, +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.md .message-received { + margin-left: calc(8px + var(--f7-safe-area-left)); +} +.md .message-received .message-avatar + .message-content { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.md .message-received.message-tail .message-bubble:before { + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid var(--f7-message-received-bg-color); + right: 100%; +} +.md .message-sent { + margin-right: calc(8px + var(--f7-safe-area-right)); +} +.md .message-sent .message-avatar + .message-content { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.md .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100%; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.md .message-typing-indicator > div + div { + margin-left: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + animation: md-message-typing-indicator 900ms 300ms infinite; +} +@keyframes md-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(-5px); + } + 50% { + transform: translateY(0%); + } +} +/* === Messagebar === */ +:root { + --f7-messagebar-bg-color: #fff; + --f7-messagebar-textarea-bg-color: transparent; + --f7-messagebar-attachments-height: 155px; + --f7-messagebar-attachment-height: 155px; + --f7-messagebar-attachment-landscape-height: 120px; + --f7-messagebar-sheet-height: 252px; + --f7-messagebar-sheet-landscape-height: 192px; +} +.ios { + --f7-messagebar-height: 44px; + --f7-messagebar-font-size: 17px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 17px; + --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-height: 34px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 17px; + --f7-messagebar-textarea-line-height: 20px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #d1d5da; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color); +} +.md { + --f7-messagebar-height: 48px; + --f7-messagebar-font-size: 16px; + --f7-messagebar-link-color: #333; + --f7-messagebar-border-color: #d1d1d1; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 0px; + --f7-messagebar-textarea-padding: 5px 8px; + --f7-messagebar-textarea-height: 32px; + --f7-messagebar-textarea-text-color: #333; + --f7-messagebar-textarea-font-size: 16px; + --f7-messagebar-textarea-line-height: 22px; + --f7-messagebar-textarea-border: 1px solid transparent; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #ddd; + --f7-messagebar-attachment-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-border-color: #282829; + --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); +} +.messagebar { + transform: translate3d(0, 0, 0); + background: var(--f7-messagebar-bg-color); + height: auto; + min-height: var(--f7-messagebar-height); + font-size: var(--f7-messagebar-font-size); + padding-bottom: var(--f7-safe-area-bottom); + bottom: 0; +} +.messagebar:before { + content: ''; + position: absolute; + background-color: var(--f7-messagebar-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-messagebar-shadow-image); +} +.messagebar.no-hairline:before, +.messagebar.no-border:before { + display: none !important; +} +.messagebar.no-shadow:after, +.messagebar.toolbar-hidden:after { + display: none !important; +} +.messagebar .toolbar-inner { + top: auto; + position: relative; + height: auto; + bottom: auto; +} +.messagebar.messagebar-sheet-visible > .toolbar-inner { + bottom: 0; +} +.messagebar .messagebar-area { + width: 100%; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.messagebar textarea { + width: 100%; + flex-shrink: 1; + background-color: var(--f7-messagebar-textarea-bg-color); + border-radius: var(--f7-messagebar-textarea-border-radius); + padding: var(--f7-messagebar-textarea-padding); + height: var(--f7-messagebar-textarea-height); + color: var(--f7-messagebar-textarea-text-color); + font-size: var(--f7-messagebar-textarea-font-size); + line-height: var(--f7-messagebar-textarea-line-height); + border: var(--f7-messagebar-textarea-border); +} +.messagebar a.link { + align-self: flex-end; + flex-shrink: 0; + color: var(--f7-messagebar-link-color, var(--f7-theme-color)); +} +.messagebar-attachments { + width: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: var(--f7-messagebar-attachment-height); + position: relative; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +@media (orientation: landscape) { + .messagebar-attachment { + height: var(--f7-messagebar-attachment-landscape-height); + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +.messagebar-attachment + .messagebar-attachment { + margin-left: 8px; +} +.messagebar-sheet { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-content: flex-start; + height: var(--f7-messagebar-sheet-height); + background-color: var(--f7-messagebar-sheet-bg-color); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +@media (orientation: landscape) { + .messagebar-sheet { + height: var(--f7-messagebar-sheet-landscape-height); + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + box-sizing: border-box; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + width: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + margin-left: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + box-sizing: border-box; + cursor: pointer; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.messagebar ~ .page-content, +.messagebar ~ * .page-content { + padding-bottom: calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom)); +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.ios .messagebar-attachment { + font-size: 14px; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid var(--f7-messagebar-attachments-border-color); +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background-color: var(--f7-theme-color); + border-radius: 4px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +/* 3D Effects */ +.swiper-container-3d { + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + line-height: 44px; + text-align: center; + margin-top: -22px; + z-index: 10; + cursor: pointer; + color: var(--f7-theme-color); +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + font-size: 44px; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content: 'swiper_prev'; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content: 'swiper_next'; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: var(--f7-theme-color); +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--f7-theme-color); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.preloader.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +/* === Photo Browser === */ +:root { + --f7-photobrowser-bg-color: #fff; + --f7-photobrowser-bars-bg-image: none; + /* + --f7-photobrowser-bars-bg-color: rgba(var(--f7-bars-bg-color-rgb), 0.95); + --f7-photobrowser-bars-text-color: var(--f7-bars-text-color); + --f7-photobrowser-bars-link-color: var(--f7-bars-link-color); + */ + --f7-photobrowser-caption-font-size: 14px; + --f7-photobrowser-caption-light-text-color: #000; + --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8); + --f7-photobrowser-caption-dark-text-color: #fff; + --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8); + --f7-photobrowser-exposed-bg-color: #000; + --f7-photobrowser-dark-bg-color: #000; + --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8); + --f7-photobrowser-dark-bars-text-color: #fff; + --f7-photobrowser-dark-bars-link-color: #fff; +} +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + transition-duration: 0ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + transition-duration: 0ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + transform: translate3d(0, -100vh, 0); +} +.photo-browser-page { + background: none; +} +.photo-browser-page .toolbar { + transform: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: var(--f7-safe-area-bottom); + z-index: 10; + opacity: 1; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.toolbar ~ .photo-browser-captions { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); + transform: translate3d(0, 0px, 0); +} +.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + transform: translate3d(0, 0px, 0); +} +.photo-browser-caption { + box-sizing: border-box; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + font-size: var(--f7-photobrowser-caption-font-size); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + color: var(--f7-photobrowser-caption-light-text-color); + background: var(--f7-photobrowser-caption-light-bg-color); +} +.photo-browser-captions-dark .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: var(--f7-photobrowser-bg-color); + transition: 400ms; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; + pointer-events: none; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + transition: 400ms; + transition-property: transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-page .navbar, +.view.with-photo-browser-page .navbar, +.photo-browser-page .toolbar, +.view.with-photo-browser-page .toolbar { + background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); + background-image: var(--f7-photobrowser-bars-bg-image); + transition: 400ms; + color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color)); +} +.photo-browser-page .navbar a, +.view.with-photo-browser-page .navbar a, +.photo-browser-page .toolbar a, +.view.with-photo-browser-page .toolbar a { + color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .toolbar ~ .photo-browser-captions { + transform: translate3d(0, var(--f7-toolbar-height), 0); +} +.photo-browser-exposed .photo-browser-swiper-container { + background: var(--f7-photobrowser-exposed-bg-color); +} +.photo-browser-exposed .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container, +.view.with-photo-browser-page-dark .photo-browser-swiper-container { + background: var(--f7-photobrowser-dark-bg-color); +} +.photo-browser-dark .navbar, +.photo-browser-page-dark .navbar, +.view.with-photo-browser-page-dark .navbar, +.photo-browser-dark .toolbar, +.photo-browser-page-dark .toolbar, +.view.with-photo-browser-page-dark .toolbar { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + --f7-link-highlight-color: var(--f7-link-highlight-white); + background: var(--f7-photobrowser-dark-bars-bg-color); + color: var(--f7-photobrowser-dark-bars-text-color); +} +.photo-browser-dark .navbar:before, +.photo-browser-page-dark .navbar:before, +.view.with-photo-browser-page-dark .navbar:before, +.photo-browser-dark .toolbar:before, +.photo-browser-page-dark .toolbar:before, +.view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.photo-browser-dark .navbar:after, +.photo-browser-page-dark .navbar:after, +.view.with-photo-browser-page-dark .navbar:after, +.photo-browser-dark .toolbar:after, +.photo-browser-page-dark .toolbar:after, +.view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.photo-browser-dark .navbar a, +.photo-browser-page-dark .navbar a, +.view.with-photo-browser-page-dark .navbar a, +.photo-browser-dark .toolbar a, +.photo-browser-page-dark .toolbar a, +.view.with-photo-browser-page-dark .toolbar a { + color: var(--f7-photobrowser-dark-bars-link-color); +} +@keyframes photo-browser-in { + 0% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-out { + 0% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +/* === Notifications === */ +:root { + --f7-notification-max-width: 568px; +} +.ios { + --f7-notification-margin: 8px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 12px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: rgba(250, 250, 250, 0.95); + --f7-notification-translucent-bg-color-ios: rgba(255, 255, 255, 0.65); + --f7-notification-icon-size: 20px; + --f7-notification-title-color: #000; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 400; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 15px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 15px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.2; + --f7-notification-text-font-weight: 400; +} +.md { + --f7-notification-margin: 0px; + --f7-notification-padding: 16px; + --f7-notification-border-radius: 0px; + --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 16px; + --f7-notification-title-color: var(--f7-theme-color); + --f7-notification-title-font-size: 12px; + --f7-notification-title-text-transform: none; + --f7-notification-title-line-height: 1; + --f7-notification-title-font-weight: 400; + --f7-notification-title-right-color: #757575; + --f7-notification-title-right-font-size: 12px; + --f7-notification-subtitle-color: #212121; + --f7-notification-subtitle-font-size: 14px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 400; + --f7-notification-text-color: #757575; + --f7-notification-text-font-size: 14px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.35; + --f7-notification-text-font-weight: 400; +} +.notification { + position: absolute; + left: var(--f7-notification-margin); + top: var(--f7-notification-margin); + width: calc(100% - var(--f7-notification-margin) * 2); + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + box-sizing: border-box; + transition-property: transform; + direction: ltr; + max-width: var(--f7-notification-max-width); + padding: var(--f7-notification-padding); + border-radius: var(--f7-notification-border-radius); + box-shadow: var(--f7-notification-box-shadow); + background: var(--f7-notification-bg-color); + margin-top: var(--f7-statusbar-height); + --f7-link-highlight-color: var(--f7-link-highlight-black); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +@media (min-width: 568px) { + .notification { + left: 50%; + width: var(--f7-notification-max-width); + margin-left: calc(-1 * var(--f7-notification-max-width) / 2); + } +} +.notification-title { + color: var(--f7-notification-title-color, var(--f7-theme-color)); + font-size: var(--f7-notification-title-font-size); + text-transform: var(--f7-notification-title-text-transform); + line-height: var(--f7-notification-title-line-height); + font-weight: var(--f7-notification-title-font-weight); + letter-spacing: var(--f7-notification-title-letter-spacing); +} +.notification-subtitle { + color: var(--f7-notification-subtitle-color); + font-size: var(--f7-notification-subtitle-font-size); + text-transform: var(--f7-notification-subtitle-text-transform); + line-height: var(--f7-notification-subtitle-line-height); + font-weight: var(--f7-notification-subtitle-font-weight); +} +.notification-text { + color: var(--f7-notification-text-color); + font-size: var(--f7-notification-text-font-size); + text-transform: var(--f7-notification-text-text-transform); + line-height: var(--f7-notification-text-line-height); + font-weight: var(--f7-notification-text-font-weight); +} +.notification-title-right-text { + color: var(--f7-notification-title-right-color); + font-size: var(--f7-notification-title-right-font-size); +} +.notification-icon { + font-size: 0; + line-height: var(--f7-notification-icon-size); +} +.notification-icon i, +.notification-icon { + width: var(--f7-notification-icon-size) !important; + height: var(--f7-notification-icon-size) !important; +} +.notification-icon i { + font-size: var(--f7-notification-icon-size); +} +.notification-header { + display: flex; + justify-content: flex-start; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; + position: relative; +} +.notification-close-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + left: 50%; + top: 50%; + text-align: center; +} +.ios .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: var(--f7-notification-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + margin-right: 8px; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + font-size: 14px; + width: 20px; + height: 20px; + opacity: 0.3; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.65em; + line-height: 44px; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .notification { + transform: translate3d(0, -150%, 0); +} +.md .notification.modal-in { + transition-duration: 0ms; + animation: notification-md-in 400ms ease-out; + transform: translate3d(0, 0%, 0); +} +.md .notification.modal-in.notification-transitioning { + transition-duration: 200ms; +} +.md .notification.modal-out { + animation: none; + transition-duration: 200ms; + transition-timing-function: ease-in; + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + margin-right: 8px; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: var(--f7-notification-title-right-color); +} +.md .notification-close-button { + width: 16px; + height: 16px; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .notification-close-button:before, +.md .notification-close-button:after { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + color: #737373; + content: 'delete_md'; + line-height: 48px; + font-size: 14px; +} +@keyframes notification-md-in { + 0% { + transform: translate3d(0, -150%, 0); + } + 50% { + transform: translate3d(0, 10%, 0); + } + 100% { + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +:root { + --f7-autocomplete-dropdown-bg-color: #fff; + --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; + --f7-autocomplete-dropdown-preloader-size: 20px; +} +.ios { + --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000; + --f7-autocomplete-dropdown-text-matching-font-weight: 600; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} +.md { + --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54); + --f7-autocomplete-dropdown-text-matching-color: #212121; + --f7-autocomplete-dropdown-text-matching-font-weight: 400; +} +.md .theme-dark, +.md.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); + --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); +} +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + animation: none; +} +.autocomplete-dropdown { + background: var(--f7-autocomplete-dropdown-bg-color); + box-shadow: var(--f7-autocomplete-dropdown-box-shadow); + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + left: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: var(--f7-autocomplete-dropdown-preloader-size); + height: var(--f7-autocomplete-dropdown-preloader-size); +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-autocomplete-dropdown-placeholder-color); +} +.autocomplete-dropdown .list { + margin: 0; + color: var(--f7-autocomplete-dropdown-text-color); +} +.autocomplete-dropdown .list b { + color: var(--f7-autocomplete-dropdown-text-matching-color); + font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight); +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.searchbar-input-wrap .autocomplete-dropdown { + background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color)); + border-radius: var(--f7-searchbar-input-border-radius); +} +.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-searchbar-placeholder-color); +} +.searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius); + position: relative; + overflow: hidden; +} +.searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-left: var(--f7-searchbar-input-padding-left); +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-left: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown .autocomplete-preloader { + right: 15px; + margin-bottom: 12px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-right: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader { + right: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +/* === Tooltip === */ +:root { + --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); + --f7-tooltip-text-color: #fff; + --f7-tooltip-border-radius: 4px; + --f7-tooltip-padding: 8px 16px; + --f7-tooltip-font-size: 14px; + --f7-tooltip-font-weight: 500; + --f7-tooltip-desktop-padding: 6px 8px; + --f7-tooltip-desktop-font-size: 12px; +} +.tooltip { + position: absolute; + z-index: 20000; + background: var(--f7-tooltip-bg-color); + border-radius: var(--f7-tooltip-border-radius); + padding: var(--f7-tooltip-padding); + color: var(--f7-tooltip-text-color); + font-size: var(--f7-tooltip-font-size); + font-weight: var(--f7-tooltip-font-weight); + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + transform: scale(0.9); + transition-duration: 150ms; + transition-property: opacity, transform; + z-index: 99000; +} +.tooltip.tooltip-in { + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + transform: scale(1); +} +.device-desktop .tooltip { + font-size: var(--f7-tooltip-desktop-font-size); + padding: var(--f7-tooltip-desktop-padding); +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + transition-duration: 400ms; +} +/* === Skeleton === */ +:root { + --f7-skeleton-color: #ccc; +} +.theme-dark { + --f7-skeleton-color: #515151; +} +.skeleton-text { + font-family: 'framework7-skeleton' !important; +} +.skeleton-text, +.skeleton-text * { + color: var(--f7-skeleton-color) !important; + font-weight: normal !important; + font-style: normal !important; + letter-spacing: -0.015em !important; +} +.skeleton-block { + height: 1em; + background: var(--f7-skeleton-color) !important; + width: 100%; +} +.skeleton-effect-fade { + animation: skeleton-effect-fade 1s infinite; +} +.skeleton-effect-blink { + -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: 50% top; + mask-position: 50% top; + animation: skeleton-effect-blink 1s infinite; +} +.skeleton-effect-pulse { + animation: skeleton-effect-pulse 1s infinite; +} +@keyframes skeleton-effect-fade { + 0% { + opacity: 1; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@keyframes skeleton-effect-blink { + 0% { + -webkit-mask-position: 50% top; + mask-position: 50% top; + } + 100% { + -webkit-mask-position: -150% top; + mask-position: -150% top; + } +} +@keyframes skeleton-effect-pulse { + 0% { + transform: scale(1); + } + 40% { + transform: scale(1); + } + 50% { + transform: scale(0.975); + } + 100% { + transform: scale(1); + } +} +/* === Menu === */ +:root { + --f7-menu-text-color: #fff; + --f7-menu-font-size: 16px; + --f7-menu-font-weight: 500; + --f7-menu-line-height: 1.2; + --f7-menu-bg-color: rgba(0, 0, 0, 0.9); + --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9); + --f7-menu-item-padding-horizontal: 12px; + --f7-menu-item-spacing: 6px; + --f7-menu-item-height: 40px; + --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4); + --f7-menu-item-border-radius: 8px; + /* + --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color); + */ + --f7-menu-dropdown-item-height: 28px; + --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2); + --f7-menu-dropdown-padding-vertical: 6px; + /* + --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); + */ +} +.menu { + z-index: 1000; + position: relative; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.menu-inner { + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding-left: var(--f7-menu-item-spacing); + padding-right: var(--f7-menu-item-spacing); +} +.menu-inner:after { + content: ''; + width: var(--f7-menu-item-spacing); + height: 100%; + flex-shrink: 0; +} +.menu-item { + height: var(--f7-menu-item-height); + min-width: var(--f7-menu-item-height); + flex-shrink: 0; + background: var(--f7-menu-bg-color); + color: var(--f7-menu-text-color); + border-radius: var(--f7-menu-item-border-radius); + position: relative; + box-sizing: border-box; + font-size: var(--f7-menu-font-size); + font-weight: var(--f7-menu-font-weight); + cursor: pointer; + margin-left: var(--f7-menu-item-spacing); +} +.menu-item:first-child { + margin-left: 0; +} +.menu-item.active-state:not(.menu-item-dropdown-opened) { + background-color: rgba(0, 0, 0, 0.7); +} +.menu-item.icon-only { + padding-left: 0; + padding-right: 0; +} +.menu-item-content { + display: flex; + justify-content: center; + align-items: center; + padding: 0 var(--f7-menu-item-padding-horizontal); + height: 100%; + box-sizing: border-box; + width: 100%; + overflow: hidden; + border-radius: var(--f7-menu-item-border-radius); + position: relative; +} +.menu-item-content.icon-only, +.icon-only .menu-item-content { + padding-left: 0; + padding-right: 0; +} +.menu-item-dropdown .menu-item-content:after { + content: ''; + position: absolute; + width: 20px; + height: 2px; + left: 50%; + transform: translateX(-50%); + bottom: 4px; + background: var(--f7-menu-item-dropdown-icon-color); + border-radius: 4px; +} +.menu-dropdown { + opacity: 0; + visibility: hidden; + pointer-events: none; + cursor: auto; + height: 10px; + background: var(--f7-menu-bg-color); + position: relative; +} +.menu-dropdown-content { + position: absolute; + top: 100%; + border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius)); + padding-top: var(--f7-menu-dropdown-padding-vertical); + padding-bottom: var(--f7-menu-dropdown-padding-vertical); + box-sizing: border-box; + background: var(--f7-menu-bg-color); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + min-width: calc(100% + 24px); +} +.menu-dropdown-link, +.menu-dropdown-item { + display: flex; + justify-content: space-between; + align-items: center; + padding-left: var(--f7-menu-item-padding-horizontal); + padding-right: var(--f7-menu-item-padding-horizontal); + min-height: var(--f7-menu-dropdown-item-height); + line-height: var(--f7-menu-line-height); + font-size: var(--f7-menu-font-size); + color: var(--f7-menu-text-color); + font-weight: var(--f7-menu-font-weight); + white-space: nowrap; + min-width: 100px; +} +.menu-dropdown-link i, +.menu-dropdown-item i, +.menu-dropdown-link i.icon, +.menu-dropdown-item i.icon, +.menu-dropdown-link i.f7-icons, +.menu-dropdown-item i.f7-icons, +.menu-dropdown-link i.material-icons, +.menu-dropdown-item i.material-icons { + font-size: 20px; +} +.menu-dropdown-link.active-state { + background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color)); + color: var(--f7-menu-text-color); +} +.menu-dropdown-divider { + height: 1px; + margin-top: 2px; + margin-bottom: 2px; + background: var(--f7-menu-dropdown-divider-color); +} +.menu-item-dropdown-opened { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} +.menu-item-dropdown-opened .menu-item-content:after { + opacity: 0; +} +.menu-item-dropdown-opened .menu-dropdown { + opacity: 1; + visibility: visible; + pointer-events: auto; +} +.menu-item-dropdown-left .menu-dropdown:after, +.menu-item-dropdown-center .menu-dropdown:after, +.menu-dropdown-left:after .menu-dropdown-center:after { + content: ''; + position: absolute; + left: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-right .menu-dropdown:before, +.menu-item-dropdown-center .menu-dropdown:before, +.menu-dropdown-right:before, +.menu-dropdown-center:before { + content: ''; + position: absolute; + right: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-left .menu-dropdown-content, +.menu-dropdown-left .menu-dropdown-content { + left: 0; + border-top-left-radius: 0px; +} +.menu-item-dropdown-right .menu-dropdown-content, +.menu-dropdown-right .menu-dropdown-content { + right: 0; + border-top-right-radius: 0px; +} +.menu-item-dropdown-center .menu-dropdown-content, +.menu-dropdown-center .menu-dropdown-content { + left: 50%; + min-width: calc(100% + 24px + 24px); + transform: translateX(-50%); +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + transform: translate(-50%, -50%); +} +/* === Elevation === */ +:root { + --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0); + --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), + 0px 1px 1px 0px rgba(0, 0, 0, 0.14), + 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), + 0px 3px 4px 0px rgba(0, 0, 0, 0.14), + 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), + 0px 4px 5px 0px rgba(0, 0, 0, 0.14), + 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 5px 8px 0px rgba(0, 0, 0, 0.14), + 0px 1px 14px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 6px 10px 0px rgba(0, 0, 0, 0.14), + 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), + 0px 7px 10px 1px rgba(0, 0, 0, 0.14), + 0px 2px 16px 1px rgba(0, 0, 0, 0.12); + --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), + 0px 8px 10px 1px rgba(0, 0, 0, 0.14), + 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), + 0px 9px 12px 1px rgba(0, 0, 0, 0.14), + 0px 3px 16px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), + 0px 10px 14px 1px rgba(0, 0, 0, 0.14), + 0px 4px 18px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), + 0px 11px 15px 1px rgba(0, 0, 0, 0.14), + 0px 4px 20px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 12px 17px 2px rgba(0, 0, 0, 0.14), + 0px 5px 22px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 13px 19px 2px rgba(0, 0, 0, 0.14), + 0px 5px 24px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), + 0px 14px 21px 2px rgba(0, 0, 0, 0.14), + 0px 5px 26px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), + 0px 15px 22px 2px rgba(0, 0, 0, 0.14), + 0px 6px 28px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), + 0px 16px 24px 2px rgba(0, 0, 0, 0.14), + 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), + 0px 17px 26px 2px rgba(0, 0, 0, 0.14), + 0px 6px 32px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), + 0px 18px 28px 2px rgba(0, 0, 0, 0.14), + 0px 7px 34px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), + 0px 19px 29px 2px rgba(0, 0, 0, 0.14), + 0px 7px 36px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 20px 31px 3px rgba(0, 0, 0, 0.14), + 0px 8px 38px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 21px 33px 3px rgba(0, 0, 0, 0.14), + 0px 8px 40px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), + 0px 22px 35px 3px rgba(0, 0, 0, 0.14), + 0px 8px 42px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), + 0px 23px 36px 3px rgba(0, 0, 0, 0.14), + 0px 9px 44px 8px rgba(0, 0, 0, 0.12); + --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.elevation-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.elevation-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.elevation-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.elevation-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.elevation-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.elevation-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.elevation-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.elevation-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.elevation-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.elevation-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.elevation-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.elevation-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.elevation-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.elevation-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.elevation-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.elevation-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.elevation-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.elevation-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.elevation-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.elevation-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.elevation-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.elevation-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.elevation-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.elevation-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.elevation-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.device-desktop .elevation-hover-0:hover { + box-shadow: var(--f7-elevation-0) !important; +} +.device-desktop .elevation-hover-1:hover { + box-shadow: var(--f7-elevation-1) !important; +} +.device-desktop .elevation-hover-2:hover { + box-shadow: var(--f7-elevation-2) !important; +} +.device-desktop .elevation-hover-3:hover { + box-shadow: var(--f7-elevation-3) !important; +} +.device-desktop .elevation-hover-4:hover { + box-shadow: var(--f7-elevation-4) !important; +} +.device-desktop .elevation-hover-5:hover { + box-shadow: var(--f7-elevation-5) !important; +} +.device-desktop .elevation-hover-6:hover { + box-shadow: var(--f7-elevation-6) !important; +} +.device-desktop .elevation-hover-7:hover { + box-shadow: var(--f7-elevation-7) !important; +} +.device-desktop .elevation-hover-8:hover { + box-shadow: var(--f7-elevation-8) !important; +} +.device-desktop .elevation-hover-9:hover { + box-shadow: var(--f7-elevation-9) !important; +} +.device-desktop .elevation-hover-10:hover { + box-shadow: var(--f7-elevation-10) !important; +} +.device-desktop .elevation-hover-11:hover { + box-shadow: var(--f7-elevation-11) !important; +} +.device-desktop .elevation-hover-12:hover { + box-shadow: var(--f7-elevation-12) !important; +} +.device-desktop .elevation-hover-13:hover { + box-shadow: var(--f7-elevation-13) !important; +} +.device-desktop .elevation-hover-14:hover { + box-shadow: var(--f7-elevation-14) !important; +} +.device-desktop .elevation-hover-15:hover { + box-shadow: var(--f7-elevation-15) !important; +} +.device-desktop .elevation-hover-16:hover { + box-shadow: var(--f7-elevation-16) !important; +} +.device-desktop .elevation-hover-17:hover { + box-shadow: var(--f7-elevation-17) !important; +} +.device-desktop .elevation-hover-18:hover { + box-shadow: var(--f7-elevation-18) !important; +} +.device-desktop .elevation-hover-19:hover { + box-shadow: var(--f7-elevation-19) !important; +} +.device-desktop .elevation-hover-20:hover { + box-shadow: var(--f7-elevation-20) !important; +} +.device-desktop .elevation-hover-21:hover { + box-shadow: var(--f7-elevation-21) !important; +} +.device-desktop .elevation-hover-22:hover { + box-shadow: var(--f7-elevation-22) !important; +} +.device-desktop .elevation-hover-23:hover { + box-shadow: var(--f7-elevation-23) !important; +} +.device-desktop .elevation-hover-24:hover { + box-shadow: var(--f7-elevation-24) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.elevation-transition-100 { + transition-duration: 100ms; + transition-property: box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + transition-duration: 200ms; + transition-property: box-shadow; +} +.elevation-transition-300 { + transition-duration: 300ms; + transition-property: box-shadow; +} +.elevation-transition-400 { + transition-duration: 400ms; + transition-property: box-shadow; +} +.elevation-transition-500 { + transition-duration: 500ms; + transition-property: box-shadow; +} +/* === Typography === */ +.ios { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} +.md { + --f7-typography-padding: 16px; + --f7-typography-margin: 16px; +} +.display-flex { + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.flex-shrink-2 { + flex-shrink: 2 !important; +} +.flex-shrink-3 { + flex-shrink: 3 !important; +} +.flex-shrink-4 { + flex-shrink: 4 !important; +} +.flex-shrink-5 { + flex-shrink: 5 !important; +} +.flex-shrink-6 { + flex-shrink: 6 !important; +} +.flex-shrink-7 { + flex-shrink: 7 !important; +} +.flex-shrink-8 { + flex-shrink: 8 !important; +} +.flex-shrink-9 { + flex-shrink: 9 !important; +} +.flex-shrink-10 { + flex-shrink: 10 !important; +} +.justify-content-flex-start { + justify-content: flex-start !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-flex-end { + justify-content: flex-end !important; +} +.justify-content-space-between { + justify-content: space-between !important; +} +.justify-content-space-around { + justify-content: space-around !important; +} +.justify-content-space-evenly { + justify-content: space-evenly !important; +} +.justify-content-stretch { + justify-content: stretch !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-end { + justify-content: end !important; +} +.justify-content-left { + justify-content: left !important; +} +.justify-content-right { + justify-content: right !important; +} +.align-content-flex-start { + align-content: flex-start !important; +} +.align-content-flex-end { + align-content: flex-end !important; +} +.align-content-center { + align-content: center !important; +} +.align-content-space-between { + align-content: space-between !important; +} +.align-content-space-around { + align-content: space-around !important; +} +.align-content-stretch { + align-content: stretch !important; +} +.align-items-flex-start { + align-items: flex-start !important; +} +.align-items-flex-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +.align-items-stretch { + align-items: stretch !important; +} +.align-self-flex-start { + align-self: flex-start !important; +} +.align-self-flex-end { + align-self: flex-end !important; +} +.align-self-center { + align-self: center !important; +} +.align-self-stretch { + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-padding-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-horizontal { + margin-left: 0 !important; + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.no-margin-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.padding { + padding: var(--f7-typography-padding) !important; +} +.padding-top { + padding-top: var(--f7-typography-padding) !important; +} +.padding-bottom { + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-left { + padding-left: var(--f7-typography-padding) !important; +} +.padding-right { + padding-right: var(--f7-typography-padding) !important; +} +.padding-vertical { + padding-top: var(--f7-typography-padding) !important; + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-horizontal { + padding-left: var(--f7-typography-padding) !important; + padding-right: var(--f7-typography-padding) !important; +} +.margin { + margin: var(--f7-typography-margin) !important; +} +.margin-top { + margin-top: var(--f7-typography-margin) !important; +} +.margin-bottom { + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-left { + margin-left: var(--f7-typography-margin) !important; +} +.margin-right { + margin-right: var(--f7-typography-margin) !important; +} +.margin-vertical { + margin-top: var(--f7-typography-margin) !important; + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-horizontal { + margin-left: var(--f7-typography-margin) !important; + margin-right: var(--f7-typography-margin) !important; +} +[class*="text-color-"] { + color: var(--f7-theme-color-text-color) !important; +} +[class*="bg-color-"] { + background-color: var(--f7-theme-color-bg-color) !important; +} +[class*="border-color-"] { + border-color: var(--f7-theme-color-border-color) !important; +} diff --git a/framework7/css/framework7.bundle.min.css b/framework7/css/framework7.bundle.min.css new file mode 100644 index 0000000..0e00810 --- /dev/null +++ b/framework7/css/framework7.bundle.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-left:var(--f7-navbar-title-margin-left);margin-right:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(0%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size)}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button:not(.button-outline):first-child{border-left:none}.segmented .button.button-outline:nth-child(n+2){border-left:none}.segmented .button:last-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button-round:first-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button-round:last-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0;background:var(--f7-dialog-bg-color)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;background:var(--f7-dialog-bg-color)}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog{background:var(--f7-dialog-bg-color)}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:.4s}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){.popup-backdrop{z-index:9500}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0}:root .theme-dark,:root.theme-dark{--f7-login-screen-bg-color:#171717;--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px;--f7-login-screen-title-font-size:30px;--f7-login-screen-title-font-weight:normal}.md{--f7-login-screen-blocks-margin-vertical:24px;--f7-login-screen-title-font-size:34px;--f7-login-screen-title-font-weight:normal}.login-screen{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen-content{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:#8a8a8a}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-bottom{transform-origin:center top}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-text-color:var(--f7-theme-color);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color);font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}:root{--f7-sheet-height:260px}.ios{--f7-sheet-bg-color:#cfd5da;--f7-sheet-border-color:#929499}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#171717;--f7-sheet-border-color:var(--f7-bars-border-color)}.md{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-sheet-bg-color:#202020;--f7-sheet-border-color:transparent}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal:before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal:before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:.3s}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar~* .page-content{padding-top:0;padding-bottom:0}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0;padding-top:0}.sheet-modal .sheet-modal-inner>.page-content,.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}.ios{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-translucent-bg-color-ios:rgba(0, 0, 0, 0.75);--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.md{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.toast{transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-statusbar-height)}.ios .toast{transition-duration:.3s;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:var(--f7-toast-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-left:15px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.ios{--f7-progressbar-bg-color:#b6b6b6;--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-statusbar-height)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}:root{--f7-sortable-handler-color:#c7c7cc;--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-text-color:var(--f7-theme-color);--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md .theme-dark,.md.theme-dark{--f7-contacts-list-title-text-color:#fff}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color);font-weight:var(--f7-contacts-list-title-font-weight);font-size:var(--f7-contacts-list-title-font-size);color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height);height:var(--f7-contacts-list-title-height)}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-month-height:24px;--f7-timeline-item-inner-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:#6d6d72;--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:#8E8E93}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color);text-align:left}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color)}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-year-title{font-size:16px}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.1) 30%,rgba(0, 0, 0, 0.05) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.panel-backdrop{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));opacity:0;z-index:5999;display:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-duration:var(--f7-panel-transition-duration);will-change:transform,opacity}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;display:none;box-sizing:border-box;position:absolute;top:var(--f7-statusbar-height);height:calc(100% - var(--f7-statusbar-height));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%}.panel,.panel:after{transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(var(--f7-panel-width),0,0)}.panel-right{right:0}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(calc(-1 * (var(--f7-panel-width))),0,0)}.panel-visible-by-breakpoint{display:block;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint:after{display:none}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views,html.with-panel-transitioning .framework7-root>.view,html.with-panel-transitioning .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-width),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-width)),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:#e1e1e1;--f7-card-footer-border-color:#e1e1e1;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-outline-border-color:#282829;--f7-card-header-border-color:#282829;--f7-card-footer-border-color:#282829;--f7-card-footer-text-color:#8E8E93}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:#6d6d72;--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:#333}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-left:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}:root{--f7-label-font-size:12px;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-input-info-text-color:#8e8e93;--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#8e8e93}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:24px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:100px}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{transform:scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height)/ 2));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;transform-origin:left bottom}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:block}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:20px}.ios .list textarea{padding-top:11px;padding-bottom:11px}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .list textarea{padding-top:7px;padding-bottom:7px}.md .input:after,.md .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:after,.md .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{padding-top:7px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:after,.md .input-invalid:after,.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}:root{--f7-checkbox-icon-color:#fff}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative}.checkbox input[type=checkbox]:checked~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;right:calc(var(--f7-safe-area-right) + 10px)}.ios label.item-radio .item-inner{padding-right:calc(var(--f7-safe-area-right) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.ios{--f7-toggle-handle-color:#fff;--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color-ios:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color-ios:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-handle-color:#fff;--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.ios .toggle-icon{background:var(--f7-toggle-border-color-ios)}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);left:0}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-border-radius:5px;--f7-range-scale-step-width:1px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-scale-step-width:2px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{left:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);left:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);border-radius:var(--f7-range-label-border-radius)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-left:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-left:0}.range-slider-horizontal .range-scale-step:last-child{margin-left:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-theme-color);font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper-input-wrap input{height:100%}.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:18px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:24px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-day-text-color:#000;--f7-calendar-today-bg-color:none;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:24px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:#282829}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color)}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{left:50%;width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-left:calc(-1 * var(--f7-ptr-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:#8e8e93;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:#c8c7cc;--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:#f7f7f8;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:#8e8e93;--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:#363636;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-sortable-icon-color:#fff;--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54);--f7-table-input-text-color:#fff}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:20px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:var(--f7-navbar-height)}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}.ios{--f7-searchbar-height:44px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e8e8ea;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717;--f7-searchbar-input-text-color:#fff}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar{z-index:510}.page>.searchbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:var(--f7-searchbar-input-padding-left);padding-right:var(--f7-searchbar-input-padding-right)}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar{position:absolute;left:0;top:0}.page-content .searchbar{border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar .searchbar-inner,.page-content .searchbar input[type=search],.page-content .searchbar input[type=text]{border-radius:var(--f7-searchbar-in-page-content-border-radius)}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner-large .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page>.searchbar~* .page-content,.page>.searchbar~.page-content{padding-top:var(--f7-searchbar-height)}.navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page:not(.no-navbar)>.searchbar~.page-content,.page>.navbar~.searchbar~* .page-content,.page>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-searchbar-height))}.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~.page-content,.page-with-navbar-large>.navbar~.searchbar~* .page-content,.page-with-navbar-large>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.toolbar-top-ios~.searchbar~.page-content,.md .page>.toolbar-top-md~.searchbar~* .page-content,.md .page>.toolbar-top-md~.searchbar~.page-content,.page>.toolbar-top~.searchbar~* .page-content,.page>.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.toolbar-top~.searchbar~* .page-content,.page>.navbar~.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios{--f7-searchbar-input-padding-left:var(--f7-searchbar-input-padding-horizontal);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));transition:.3s;opacity:0}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.md .searchbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0;--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);height:100%;opacity:0;top:50%;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;left:0;margin-left:0}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-typing-indicator-bg-color:#000;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}.ios{--f7-messages-title-text-color:#8e8e93;--f7-messages-title-font-size:11px;--f7-message-header-text-color:#8e8e93;--f7-message-footer-text-color:#8e8e93;--f7-message-name-text-color:#8e8e93;--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.ios .theme-dark,.ios.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-content-bg-color:transparent;--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54);--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:32px}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-border-color:#282829;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~* .page-content,.messagebar~.page-content{padding-bottom:calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom))}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page .navbar,.photo-browser-page .toolbar,.view.with-photo-browser-page .navbar,.view.with-photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image);transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a,.view.with-photo-browser-page .navbar a,.view.with-photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container,.view.with-photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-page-dark .navbar,.photo-browser-page-dark .toolbar,.view.with-photo-browser-page-dark .navbar,.view.with-photo-browser-page-dark .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);background:var(--f7-photobrowser-dark-bars-bg-color);color:var(--f7-photobrowser-dark-bars-text-color)}.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before,.photo-browser-page-dark .navbar:before,.photo-browser-page-dark .toolbar:before,.view.with-photo-browser-page-dark .navbar:before,.view.with-photo-browser-page-dark .toolbar:before{display:none!important}.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after,.photo-browser-page-dark .navbar:after,.photo-browser-page-dark .toolbar:after,.view.with-photo-browser-page-dark .navbar:after,.view.with-photo-browser-page-dark .toolbar:after{display:none!important}.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-page-dark .navbar a,.photo-browser-page-dark .toolbar a,.view.with-photo-browser-page-dark .navbar a,.view.with-photo-browser-page-dark .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-translucent-bg-color-ios:rgba(255, 255, 255, 0.65);--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.2;--f7-notification-text-font-weight:400}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.35;--f7-notification-text-font-weight:400}.notification{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-statusbar-height);--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:var(--f7-notification-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-left)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-left:after .menu-dropdown-center:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/framework7/css/framework7.bundle.rtl.css b/framework7/css/framework7.bundle.rtl.css new file mode 100644 index 0000000..16f7464 --- /dev/null +++ b/framework7/css/framework7.bundle.rtl.css @@ -0,0 +1,15702 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-with-navbar-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + left: auto; + right: 0; + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + border-left: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + right: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-right: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-right: var(--f7-navbar-title-margin-left); + margin-left: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: calc(8px + var(--f7-safe-area-left)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-right: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(-200%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(-200%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: var(--f7-safe-area-left); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-right: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + right: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-right: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +.md .subnavbar-inner > a.link:last-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-right: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-right: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-right: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-right: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-right: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-right: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + right: 0; + width: auto; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.links-list a:after { + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-left: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-left: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + left: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li.swipeout:first-child, +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li.swipeout:last-child, +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li.swipeout:first-child:last-child, +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-right: 4px; +} +.subnavbar .button, +.navbar .button, +.toolbar .button, +.searchbar .button { + color: var(--f7-button-text-color, var(--f7-theme-color)); +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button:not(.button-outline):first-child { + border-right: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.segmented .button:last-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button-round:first-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button-round:last-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-right: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_right_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_left_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_right_md'; +} +.md .icon-forward:after { + content: 'arrow_left_md'; +} +.md .icon-next:after { + content: 'chevron_left_md'; +} +.md .icon-prev:after { + content: 'chevron_right_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +:root { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.ios { + --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); + --f7-dialog-box-shadow: none; + --f7-dialog-width: 270px; + --f7-dialog-border-radius: 13px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: center; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 18px; + --f7-dialog-title-font-weight: 600; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 17px; + --f7-dialog-button-height: 44px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 400; + --f7-dialog-button-text-transform: none; + --f7-dialog-button-pressed-bg-color: rgba(230, 230, 230, 0.95); + --f7-dialog-input-font-size: 14px; + --f7-dialog-input-height: 32px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: #a9a9a9; + --f7-dialog-preloader-size: 34px; +} +.md { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: var(--f7-elevation-24); + --f7-dialog-width: 280px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #757575; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 16px; + --f7-dialog-title-text-color: #212121; + --f7-dialog-title-font-size: 20px; + --f7-dialog-title-font-weight: 500; + --f7-dialog-title-line-height: 1.3; + --f7-dialog-button-font-size: 14px; + --f7-dialog-button-height: 36px; + --f7-dialog-button-letter-spacing: 0.03em; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: uppercase; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-font-size: 16px; + --f7-dialog-input-height: 36px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: transparent; + --f7-dialog-input-border-width: 0px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-dialog-preloader-size: 32px; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + transform: translate3d(0, -50%, 0) scale(1.185); + transition-property: transform, opacity; + display: none; + transition-duration: 400ms; + box-shadow: var(--f7-dialog-box-shadow); + width: var(--f7-dialog-width); + margin-left: calc(-1 * var(--f7-dialog-width) / 2); + border-radius: var(--f7-dialog-border-radius); + text-align: var(--f7-dialog-text-align); + color: var(--f7-dialog-text-color); + font-size: var(--f7-dialog-font-size); + will-change: transform, opacity; +} +.dialog.modal-in { + opacity: 1; + transform: translate3d(0, -50%, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + color: var(--f7-dialog-title-text-color); + font-size: var(--f7-dialog-title-font-size); + font-weight: var(--f7-dialog-title-font-weight); + line-height: var(--f7-dialog-title-line-height); +} +.dialog-buttons { + position: relative; + display: flex; + flex-direction: row-reverse; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-button { + box-sizing: border-box; + overflow: hidden; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + color: var(--f7-dialog-button-text-color); + font-size: var(--f7-dialog-button-font-size); + height: var(--f7-dialog-button-height); + line-height: var(--f7-dialog-button-height); + letter-spacing: var(--f7-dialog-button-letter-spacing); + text-align: var(--f7-dialog-button-text-align); + font-weight: var(--f7-dialog-button-font-weight); + text-transform: var(--f7-dialog-button-text-transform); + display: block; + cursor: pointer; +} +.dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +input.dialog-input[type] { + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + box-shadow: none; + font-size: var(--f7-dialog-input-font-size); + height: var(--f7-dialog-input-height); + background-color: var(--f7-dialog-input-bg-color); + border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color); +} +input.dialog-input[type]::-webkit-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-moz-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-ms-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +.dialog-preloader .preloader { + --f7-preloader-size: var(--f7-dialog-preloader-size); +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + -webkit-box-flex: 1; + -ms-flex: 1; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 var(--f7-dialog-border-radius); +} +.ios .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: var(--f7-dialog-border-radius); +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input { + padding: 0 5px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 15px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.md .dialog { + background: var(--f7-dialog-bg-color); +} +.md .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.md .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 8px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-input { + padding: 0; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: 0px; + */ +} +.ios { + --f7-popup-box-shadow: none; +} +.md { + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} +.popup-backdrop { + z-index: 10500; +} +.popup { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; + will-change: transform; + overflow: hidden; + border-radius: var(--f7-popup-border-radius); +} +.popup.modal-in, +.popup.modal-out { + transition-duration: 400ms; +} +.popup.not-animated { + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: var(--f7-popup-tablet-width); + height: var(--f7-popup-tablet-height); + left: 50%; + top: 50%; + margin-left: calc(-1 * var(--f7-popup-tablet-width) / 2); + margin-top: calc(-1 * var(--f7-popup-tablet-height) / 2); + transform: translate3d(0, 100vh, 0); + box-shadow: var(--f7-popup-box-shadow); + border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius)); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + .popup-backdrop { + z-index: 9500; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +:root { + --f7-login-screen-bg-color: #fff; + --f7-login-screen-content-bg-color: #fff; + --f7-login-screen-blocks-max-width: 480px; + /* + --f7-login-screen-list-button-text-color: var(--f7-theme-color); + */ + --f7-login-screen-title-text-align: center; + --f7-login-screen-title-text-color: inherit; + --f7-login-screen-title-letter-spacing: 0; +} +:root .theme-dark, +:root.theme-dark { + --f7-login-screen-bg-color: #171717; + --f7-login-screen-content-bg-color: transparent; +} +.ios { + --f7-login-screen-blocks-margin-vertical: 25px; + --f7-login-screen-title-font-size: 30px; + --f7-login-screen-title-font-weight: normal; +} +.md { + --f7-login-screen-blocks-margin-vertical: 24px; + --f7-login-screen-title-font-size: 34px; + --f7-login-screen-title-font-weight: normal; +} +.login-screen { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-login-screen-bg-color); + z-index: 11000; + will-change: transform; +} +.login-screen.modal-in, +.login-screen.modal-out { + transition-duration: 400ms; +} +.login-screen.not-animated { + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + transform: translate3d(0, 100%, 0); +} +.login-screen-content { + background: var(--f7-login-screen-content-bg-color); +} +.login-screen-content .list-button { + text-align: center; + color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color)); +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block { + margin: var(--f7-login-screen-blocks-margin-vertical) auto; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: var(--f7-login-screen-blocks-max-width); +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: var(--f7-login-screen-title-text-align); + font-size: var(--f7-login-screen-title-font-size); + font-weight: var(--f7-login-screen-title-font-weight); + color: var(--f7-login-screen-title-text-color); + letter-spacing: var(--f7-login-screen-title-letter-spacing); +} +.theme-dark .login-screen-content .list ul, +.theme-dark .login-screen-content .block-strong { + background-color: transparent; +} +/* === Popover === */ +:root { + --f7-popover-width: 260px; +} +.ios { + --f7-popover-bg-color: rgba(255, 255, 255, 0.95); + --f7-popover-border-radius: 13px; + --f7-popover-box-shadow: none; + --f7-popover-actions-icon-size: 28px; + --f7-popover-actions-label-text-color: #8a8a8a; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-popover-bg-color: rgba(30, 30, 30, 0.95); +} +.md { + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: var(--f7-elevation-8); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); +} +.popover { + width: var(--f7-popover-width); + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + transition-duration: 300ms; + background-color: var(--f7-popover-bg-color); + border-radius: var(--f7-popover-border-radius); + box-shadow: var(--f7-popover-box-shadow); + will-change: transform, opacity; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover .list:first-child ul { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:first-child li:first-child, +.popover .list:first-child li:first-child a, +.popover .list:first-child li:first-child > label { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:last-child ul { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:last-child li:last-child, +.popover .list:last-child li:last-child a, +.popover .list:last-child li:last-child > label { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:first-child:last-child li:first-child:last-child, +.popover .list:first-child:last-child li:first-child:last-child a, +.popover .list:first-child:last-child li:first-child:last-child > label, +.popover .list:first-child:last-child ul { + border-radius: var(--f7-popover-border-radius); +} +.popover .list + .list { + margin-top: var(--f7-list-margin-vertical); +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + transition-duration: 0ms; +} +.popover-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions .item-link i.icon { + width: var(--f7-popover-actions-icon-size); + height: var(--f7-popover-actions-icon-size); + font-size: var(--f7-popover-actions-icon-size); +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; + display: flex; + align-items: center; + padding: var(--f7-actions-label-padding); + color: var(--f7-popover-actions-label-text-color); + font-size: var(--f7-actions-label-font-size); + justify-content: var(--f7-actions-label-justify-content); +} +.popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + transform: none; + transition-property: opacity; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.md .popover { + transform: scale(0.85, 0.6); + transition-property: opacity, transform; +} +.md .popover.modal-in { + opacity: 1; + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + transform: scale(1); +} +.md .popover-on-top { + transform-origin: center bottom; +} +.md .popover-on-bottom { + transform-origin: center top; +} +/* === Actions === */ +.ios { + --f7-actions-bg-color: rgba(255, 255, 255, 0.95); + --f7-actions-border-radius: 13px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.2); + --f7-actions-button-text-color: var(--f7-theme-color); + --f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9); + --f7-actions-button-padding: 0px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 57px; + --f7-actions-button-height-landscape: 44px; + --f7-actions-button-font-size: 20px; + --f7-actions-button-icon-size: 28px; + --f7-actions-button-justify-content: center; + --f7-actions-label-padding: 8px 10px; + --f7-actions-label-text-color: #8a8a8a; + --f7-actions-label-font-size: 13px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: transparent; + --f7-actions-group-margin: 8px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.md { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 0px; + --f7-actions-button-border-color: transparent; + --f7-actions-button-text-color: rgba(0, 0, 0, 0.87); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 16px; + --f7-actions-button-text-align: left; + --f7-actions-button-height: 48px; + --f7-actions-button-height-landscape: 48px; + --f7-actions-button-font-size: 16px; + --f7-actions-button-icon-size: 24px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 12px 16px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); + --f7-actions-label-font-size: 16px; + --f7-actions-label-justify-content: flex-start; + --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-margin: 0px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + transition-property: transform; + will-change: transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + transition-duration: 300ms; +} +.actions-modal.not-animated { + transition-duration: 0ms; +} +.actions-modal.modal-in { + transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0); +} +.actions-modal.modal-out { + z-index: 13499; + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +@media (orientation: landscape) { + .actions-modal { + --f7-actions-button-height: var(--f7-actions-button-height-landscape); + } +} +.actions-group { + overflow: hidden; + position: relative; + margin: var(--f7-actions-group-margin); + border-radius: var(--f7-actions-border-radius); + transform: translate3d(0, 0, 0); +} +.actions-group:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-group-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-group:last-child:after { + display: none !important; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + box-sizing: border-box; + display: block; + position: relative; + overflow: hidden; + text-align: var(--f7-actions-button-text-align); + background: var(--f7-actions-bg-color); +} +.actions-button:after, +.actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-button:first-child, +.actions-label:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-button:last-child, +.actions-label:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-button:last-child:after, +.actions-label:last-child:after { + display: none !important; +} +.actions-button:first-child:last-child, +.actions-label:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 600; +} +.actions-button { + cursor: pointer; + display: flex; + color: var(--f7-actions-button-text-color); + font-size: var(--f7-actions-button-font-size); + height: var(--f7-actions-button-height); + line-height: var(--f7-actions-button-height); + padding: var(--f7-actions-button-padding); + justify-content: var(--f7-actions-button-justify-content); + z-index: 10; +} +.actions-button.active-state { + background-color: var(--f7-actions-button-pressed-bg-color) !important; +} +.actions-button[class*="color-"] { + color: var(--f7-theme-color); +} +.actions-button-media { + flex-shrink: 0; + display: flex; + align-items: center; +} +.actions-button-media i.icon { + width: var(--f7-actions-button-icon-size); + height: var(--f7-actions-button-icon-size); + font-size: var(--f7-actions-button-icon-size); +} +.actions-button a, +.actions-button-text { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.actions-button-text { + width: 100%; + flex-shrink: 1; + text-align: var(--f7-actions-button-text-align); +} +.actions-label { + line-height: 1.3; + display: flex; + align-items: center; + font-size: var(--f7-actions-label-font-size); + color: var(--f7-actions-label-text-color); + padding: var(--f7-actions-label-padding); + justify-content: var(--f7-actions-label-justify-content); + min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height)); +} +.actions-label[class*=" color-"] { + --f7-actions-label-text-color: var(--f7-theme-color); +} +.actions-grid .actions-group { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + border-radius: 0; + background: var(--f7-actions-bg-color); + margin-top: 0; +} +.actions-grid .actions-group:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-grid .actions-group:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-grid .actions-group:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.actions-grid .actions-button, +.actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; + color: var(--f7-actions-grid-button-text-color); + height: auto; + line-height: 1; + padding: 16px; +} +.actions-grid .actions-button:after { + display: none !important; +} +.actions-grid .actions-button-media { + margin-left: auto !important; + margin-right: auto !important; + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-media i.icon { + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); + font-size: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center !important; + margin-top: 8px; + line-height: 1.33em; + height: 1.33em; + font-size: var(--f7-actions-grid-button-font-size); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.md .actions-button { + transition-duration: 300ms; +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +/* === Sheet Modal === */ +:root { + --f7-sheet-height: 260px; +} +.ios { + --f7-sheet-bg-color: #cfd5da; + --f7-sheet-border-color: #929499; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-sheet-bg-color: #171717; + --f7-sheet-border-color: var(--f7-bars-border-color); +} +.md { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} +.sheet-backdrop { + z-index: 11000; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: var(--f7-sheet-height); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-sheet-bg-color); + z-index: 12500; + will-change: transform; +} +.sheet-modal:before { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.sheet-modal:before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + transition-duration: 300ms; +} +.sheet-modal.not-animated { + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.sheet-modal .toolbar:after, +.sheet-modal .toolbar:before { + display: none; +} +.sheet-modal .toolbar ~ * .page-content { + padding-top: 0; + padding-bottom: 0; +} +.sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - var(--f7-toolbar-height)); +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; + padding-top: 0; +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + flex-shrink: 0; +} +/* === Toast === */ +.ios { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: rgba(0, 0, 0, 0.75); + --f7-toast-translucent-bg-color-ios: rgba(0, 0, 0, 0.75); + --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-vertical: 12px; + --f7-toast-border-radius: 8px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.md { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: #323232; + --f7-toast-padding-horizontal: 24px; + --f7-toast-padding-vertical: 14px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.toast { + transition-property: transform, opacity; + position: absolute; + max-width: 568px; + z-index: 20000; + color: var(--f7-toast-text-color); + font-size: var(--f7-toast-font-size); + box-sizing: border-box; + background-color: var(--f7-toast-bg-color); + opacity: 0; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal); +} +.toast .toast-text { + line-height: 20px; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + flex-shrink: 0; + min-width: var(--f7-toast-button-min-width); + margin-top: -8px; + margin-bottom: -8px; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons, +.toast.toast-with-icon .toast-icon .material-icons { + font-size: var(--f7-toast-icon-size); + width: var(--f7-toast-icon-size); + height: var(--f7-toast-icon-size); +} +.toast.toast-center { + top: 50%; +} +.toast.toast-top { + margin-top: var(--f7-statusbar-height); +} +.ios .toast { + transition-duration: 300ms; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: var(--f7-toast-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-top { + top: 0; + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + transform: translate3d(0, 0%, 0); +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: var(--f7-toast-border-radius); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-bottom { + bottom: 0; + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + transform: translate3d(0, 0%, 0); +} +@media (max-width: 568px) { + .ios .toast.toast-bottom .toast-content { + padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + border-radius: var(--f7-toast-border-radius); + } + .ios .toast.toast-top { + top: 15px; + } + .ios .toast.toast-center { + margin-left: 0; + } + .ios .toast.toast-bottom { + margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-button { + margin-right: 15px; + margin-left: calc(-1 * var(--f7-button-padding-horizontal)); +} +.md .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 8px; + width: calc(100% - 16px); + transform: scale(0.9); +} +.md .toast.modal-in { + transform: scale(1); +} +.md .toast.modal-out { + transform: scale(1); +} +.md .toast.toast-top { + top: 8px; +} +.md .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: calc(8px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: calc(24px + var(--f7-safe-area-bottom)); + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-button { + margin-right: 16px; + margin-left: -8px; +} +/* === Preloader === */ +:root { + --f7-preloader-modal-padding: 8px; + --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +} +.ios { + --f7-preloader-color: #6c6c6c; + --f7-preloader-size: 20px; + --f7-preloader-modal-preloader-size: 34px; + --f7-preloader-modal-border-radius: 5px; +} +.md { + --f7-preloader-color: #757575; + --f7-preloader-size: 32px; + --f7-preloader-modal-preloader-size: 32px; + --f7-preloader-modal-border-radius: 4px; +} +.preloader { + display: inline-block; + vertical-align: middle; + width: var(--f7-preloader-size); + height: var(--f7-preloader-size); + font-size: 0; + position: relative; +} +/* === Preloader Modal === */ +.preloader-backdrop { + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: var(--f7-preloader-modal-padding); + background: var(--f7-preloader-modal-bg-color); + z-index: 14500; + transform: translateX(-50%) translateY(-50%); + border-radius: var(--f7-preloader-modal-border-radius); +} +.preloader-modal .preloader { + --f7-preloader-size: var(--f7-preloader-modal-preloader-size); + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.preloader[class*="color-"] { + --f7-preloader-color: var(--f7-theme-color); +} +.ios .preloader { + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader .preloader-inner-line { + display: block; + width: 10%; + height: 25%; + border-radius: 100px; + background: var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + transform-origin: center 200%; +} +.ios .preloader .preloader-inner-line:nth-child(1) { + transform: translate(-50%, -200%) rotate(0deg); + opacity: 0.27; +} +.ios .preloader .preloader-inner-line:nth-child(2) { + transform: translate(-50%, -200%) rotate(30deg); + opacity: 0.32272727; +} +.ios .preloader .preloader-inner-line:nth-child(3) { + transform: translate(-50%, -200%) rotate(60deg); + opacity: 0.37545455; +} +.ios .preloader .preloader-inner-line:nth-child(4) { + transform: translate(-50%, -200%) rotate(90deg); + opacity: 0.42818182; +} +.ios .preloader .preloader-inner-line:nth-child(5) { + transform: translate(-50%, -200%) rotate(120deg); + opacity: 0.48090909; +} +.ios .preloader .preloader-inner-line:nth-child(6) { + transform: translate(-50%, -200%) rotate(150deg); + opacity: 0.53363636; +} +.ios .preloader .preloader-inner-line:nth-child(7) { + transform: translate(-50%, -200%) rotate(180deg); + opacity: 0.58636364; +} +.ios .preloader .preloader-inner-line:nth-child(8) { + transform: translate(-50%, -200%) rotate(210deg); + opacity: 0.63909091; +} +.ios .preloader .preloader-inner-line:nth-child(9) { + transform: translate(-50%, -200%) rotate(240deg); + opacity: 0.69181818; +} +.ios .preloader .preloader-inner-line:nth-child(10) { + transform: translate(-50%, -200%) rotate(270deg); + opacity: 0.74454545; +} +.ios .preloader .preloader-inner-line:nth-child(11) { + transform: translate(-50%, -200%) rotate(300deg); + opacity: 0.79727273; +} +.ios .preloader .preloader-inner-line:nth-child(12) { + transform: translate(-50%, -200%) rotate(330deg); + opacity: 0.85; +} +@keyframes ios-preloader-spin { + 100% { + transform: rotate(360deg); + } +} +.md .preloader { + animation: md-preloader-outer 3300ms linear infinite; +} +@keyframes md-preloader-outer { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + box-sizing: border-box; + border-top: 4px solid var(--f7-preloader-color); +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + box-sizing: border-box; + border: 4px solid var(--f7-preloader-color); + border-bottom-color: transparent !important; + border-radius: 50%; + animation-iteration-count: infinite; + animation-duration: 1.3125s; + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + animation-name: md-preloader-right-rotate; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + animation-name: md-preloader-right-rotate-multicolor; +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + transform: rotate(130deg); + } + 50% { + transform: rotate(-5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + transform: rotate(-130deg); + } + 50% { + transform: rotate(5deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.ios { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + */ + --f7-progressbar-bg-color: #b6b6b6; + --f7-progressbar-height: 2px; + --f7-progressbar-border-radius: 2px; +} +.md { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + --f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5); + */ + --f7-progressbar-height: 4px; + --f7-progressbar-border-radius: 0px; +} +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + transform-style: preserve-3d; + background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), 0.5)); + transform-origin: center top; + height: var(--f7-progressbar-height); + border-radius: var(--f7-progressbar-border-radius); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + transform: translate3d(-100%, 0, 0); + transition-duration: 150ms; +} +.progressbar-infinite { + z-index: 15000; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform-origin: left center; + transform: translate3d(0, 0, 0); + display: block; + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + animation: progressbar-out 150ms forwards; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + transform-origin: center top !important; +} +body > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + top: var(--f7-statusbar-height); +} +@keyframes progressbar-in { + from { + opacity: 0; + transform: scaleY(0); + } + to { + opacity: 1; + transform: scaleY(1); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + transform: scaleY(1); + } + to { + opacity: 0; + transform: scaleY(0); + } +} +.ios .progressbar-infinite:before { + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite:after { + display: none; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes ios-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} +.md .progressbar-infinite:before { + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + transform-origin: center center; +} +@keyframes md-progressbar-infinite-1 { + 0% { + transform: translateX(-10%) scaleX(0.1); + } + 25% { + transform: translateX(30%) scaleX(0.6); + } + 50% { + transform: translateX(100%) scaleX(1); + } + 100% { + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + transform: translateX(-100%) scaleX(1); + } + 40% { + transform: translateX(-100%) scaleX(1); + } + 75% { + transform: translateX(60%) scaleX(0.35); + } + 90% { + transform: translateX(100%) scaleX(0.1); + } + 100% { + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + transform: scaleX(1); + background-color: #f44336; + } + 25% { + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +:root { + --f7-sortable-handler-color: #c7c7cc; + --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8); +} +:root .theme-dark, +:root.theme-dark { + --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8); +} +.ios { + --f7-sortable-handler-width: 35px; + --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.md { + --f7-sortable-handler-width: 42px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} +.sortable .sortable-handler { + width: var(--f7-sortable-handler-width); + height: 100%; + position: absolute; + top: 0; + z-index: 10; + opacity: 0; + pointer-events: none; + cursor: move; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + left: var(--f7-safe-area-left); +} +.sortable .sortable-handler:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + transition-duration: 300ms; + transform: translateX(10px); + color: var(--f7-sortable-handler-color); + overflow: hidden; + height: 20px; + width: 18px; +} +.sortable .item-inner { + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: var(--f7-sortable-sorting-item-bg-color); + transition-duration: 0ms; + box-shadow: var(--f7-sortable-sorting-item-box-shadow); +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; +} +.sortable-enabled .sortable-handler:after { + transform: translateX(0px); +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.list.sortable-enabled .item-inner, +.list.sortable-enabled .item-link .item-inner, +.list.sortable-enabled .item-link.no-chevron .item-inner, +.list.sortable-enabled.no-chevron .item-link .item-inner, +.list.sortable-enabled .no-chevron .item-link .item-inner, +.no-chevron .list.sortable-enabled .item-link .item-inner { + padding-left: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)); +} +.ios .sortable-handler:after { + content: 'sort_ios'; +} +.md .sortable-handler:after { + content: 'sort_md'; +} +/* === Swipeout === */ +:root { + --f7-swipeout-button-text-color: #fff; + --f7-swipeout-button-bg-color: #c7c7cc; + --f7-swipeout-delete-button-bg-color: #ff3b30; +} +.ios { + --f7-swipeout-button-padding: 0 30px; +} +.md { + --f7-swipeout-button-padding: 0 24px; +} +.swipeout { + overflow: hidden; + transform-style: preserve-3d; +} +.swipeout-deleting { + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + transition-duration: 300ms; + transition-property: transform, left; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + transition-duration: 200ms; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: var(--f7-swipeout-button-text-color); + background: var(--f7-swipeout-button-bg-color); + padding: var(--f7-swipeout-button-padding); + display: flex; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-left .swipeout-delete, +.swipeout-actions-right .swipeout-delete { + background: var(--f7-swipeout-delete-button-bg-color); +} +.swipeout-actions-right { + right: 0%; + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.swipeout-actions-left [class*="color-"], +.swipeout-actions-right [class*="color-"] { + --f7-swipeout-button-bg-color: var(--f7-theme-color); +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + transition-duration: 300ms; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-right: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + transform: none; +} +.list .accordion-item-toggle .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left)); +} +.list .accordion-item-toggle .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 14px; + height: 8px; + margin-top: -4px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.list .accordion-item-toggle.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item > .item-link .item-title-row:before, +.accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item.media-item > .item-link .item-title-row:before, +.links-list .accordion-item > a:before { + content: 'chevron_down'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +.list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item-opened > .item-link .item-title-row:before, +.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item-opened.media-item > .item-link .item-title-row:before, +.links-list .accordion-item-opened > a:before { + content: 'chevron_up'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +/* === Contacts === */ +.ios { + --f7-contacts-list-title-font-size: inherit; + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + --f7-contacts-list-title-height: 22px; + --f7-contacts-list-title-bg-color: #f7f7f7; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-contacts-list-title-text-color: #fff; + --f7-contacts-list-title-bg-color: #232323; +} +.md { + --f7-contacts-list-title-font-size: 20px; + --f7-contacts-list-title-font-weight: 500; + --f7-contacts-list-title-text-color: var(--f7-theme-color); + --f7-contacts-list-title-height: 48px; + --f7-contacts-list-title-bg-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} +.contacts-list { + --f7-list-margin-vertical: 0px; +} +.contacts-list .list-group-title, +.contacts-list li.list-group-title { + background-color: var(--f7-contacts-list-title-bg-color); + font-weight: var(--f7-contacts-list-title-font-weight); + font-size: var(--f7-contacts-list-title-font-size); + color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color)); + line-height: var(--f7-contacts-list-title-height); + height: var(--f7-contacts-list-title-height); +} +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list .list-group-title { + pointer-events: none; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: calc(var(--f7-contacts-list-title-height) * -1); +} +.md .contacts-list li:not(.list-group-title) { + padding-right: 56px; +} +/* === Virtual List === */ +/* === Indexed List === */ +:root { + --f7-list-index-width: 16px; + --f7-list-index-font-size: 11px; + --f7-list-index-font-weight: 600; + /* --f7-list-index-text-color: var(--f7-theme-color); */ + --f7-list-index-item-height: 14px; + --f7-list-index-label-text-color: #fff; + /* --f7-list-index-label-bg-color: var(--f7-theme-color); */ + --f7-list-index-label-font-weight: 500; +} +.ios { + --f7-list-index-label-size: 44px; + --f7-list-index-label-font-size: 17px; + --f7-list-index-skip-dot-size: 6px; +} +.md { + --f7-list-index-label-size: 56px; + --f7-list-index-label-font-size: 20px; + --f7-list-index-skip-dot-size: 4px; +} +.list-index { + position: absolute; + top: 0; + bottom: 0; + text-align: center; + z-index: 10; + width: var(--f7-list-index-width); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + left: var(--f7-safe-area-left); +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + color: var(--f7-list-index-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-index-font-size); + font-weight: var(--f7-list-index-font-weight); + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: var(--f7-list-index-item-height); + line-height: var(--f7-list-index-item-height); + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; + width: var(--f7-list-index-skip-dot-size); + height: var(--f7-list-index-skip-dot-size); + margin-left: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + margin-top: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + background: var(--f7-list-index-text-color, var(--f7-theme-color)); +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color)); + color: var(--f7-list-index-label-text-color); + width: var(--f7-list-index-label-size); + height: var(--f7-list-index-label-size); + line-height: var(--f7-list-index-label-size); + font-size: var(--f7-list-index-label-font-size); + font-weight: var(--f7-list-index-label-font-weight); +} +.navbar ~ .page > .list-index, +.navbar ~ .list-index { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .list-index, +.ios .navbar ~ .toolbar-top-ios ~ .list-index, +.md .navbar ~ .toolbar-top-md ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .subnavbar ~ .list-index, +.page-with-subnavbar .navbar ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.toolbar-bottom ~ .page > .list-index, +.ios .toolbar-bottom-ios ~ .page > .list-index, +.md .toolbar-bottom-md ~ .page > .list-index, +.toolbar-bottom ~ * .page > .list-index, +.ios .toolbar-bottom-ios ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.toolbar-bottom ~ .list-index, +.ios .toolbar-bottom-ios ~ .list-index, +.md .toolbar-bottom-md ~ .list-index { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .page > .list-index, +.toolbar-bottom.tabbar-labels ~ * .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ * .page > .list-index, +.toolbar-bottom.tabbar-labels ~ .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .list-index { + bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.ios .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50%; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} +.md .list-index .list-index-label { + border-radius: 50% 50% 0 50%; +} +/* === Timeline === */ +:root { + --f7-timeline-horizontal-date-height: 34px; + --f7-timeline-year-height: 24px; + --f7-timeline-month-height: 24px; + --f7-timeline-item-inner-bg-color: #fff; +} +:root .theme-dark, +:root.theme-dark { + --f7-timeline-item-inner-bg-color: #1c1c1d; +} +.ios { + --f7-timeline-padding-horizontal: 15px; + --f7-timeline-margin-vertical: 35px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 7px; + --f7-timeline-item-inner-box-shadow: none; + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: #6d6d72; + --f7-timeline-item-title-font-size: 17px; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 15px; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-timeline-item-time-text-color: #8E8E93; +} +.md { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 32px; + --f7-timeline-divider-margin-horizontal: 16px; + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54); + --f7-timeline-item-title-font-size: 16px; + --f7-timeline-item-title-font-weight: 400; + --f7-timeline-item-subtitle-font-size: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 12px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12); + --f7-timeline-horizontal-item-date-border-color: transparent; + --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.md .theme-dark, +.md.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); +} +.timeline { + box-sizing: border-box; + margin: var(--f7-timeline-margin-vertical) 0; + padding: 0 var(--f7-timeline-padding-horizontal); + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: flex; + justify-content: flex-start; + overflow: hidden; + box-sizing: border-box; + position: relative; + padding: 2px 0px var(--f7-timeline-padding-horizontal); +} +.timeline-item:last-child { + padding-bottom: 2px; +} +.timeline-item-date { + flex-shrink: 0; + width: 50px; + text-align: right; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + flex-shrink: 10; +} +.timeline-item-content .card, +.timeline-item-content.card, +.timeline-item-content .list, +.timeline-item-content.list, +.timeline-item-content .block, +.timeline-item-content.block { + margin: 0; + width: 100%; +} +.timeline-item-content .card + .card, +.timeline-item-content .list + .card, +.timeline-item-content .block + .card, +.timeline-item-content .card + .list, +.timeline-item-content .list + .list, +.timeline-item-content .block + .list, +.timeline-item-content .card + .block, +.timeline-item-content .list + .block, +.timeline-item-content .block + .block { + margin: var(--f7-timeline-inner-block-margin-vertical) 0 0; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: var(--f7-timeline-item-inner-bg-color); + box-sizing: border-box; + border-radius: var(--f7-timeline-item-inner-border-radius); + padding: 8px var(--f7-timeline-padding-horizontal); + box-shadow: var(--f7-timeline-item-inner-box-shadow); +} +.timeline-item-inner + .timeline-item-inner { + margin-top: var(--f7-timeline-inner-block-margin-vertical); +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + flex-shrink: 0; + margin: 3px var(--f7-timeline-divider-margin-horizontal) 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: var(--f7-timeline-item-time-font-size); + margin-top: var(--f7-timeline-inner-block-margin-vertical); + color: var(--f7-timeline-item-time-text-color); +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-item-title { + font-size: var(--f7-timeline-item-title-font-size); + font-weight: var(--f7-timeline-item-title-font-weight); +} +.timeline-item-subtitle { + font-size: var(--f7-timeline-item-subtitle-font-size); + font-weight: var(--f7-timeline-item-subtitle-font-weight); +} +.timeline-sides .timeline-item-right, +.timeline-sides .timeline-item { + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; +} +.timeline-sides .timeline-item-right .timeline-item-date, +.timeline-sides .timeline-item .timeline-item-date { + text-align: left; +} +.timeline-sides .timeline-item-left, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; +} +.timeline-sides .timeline-item-left .timeline-item-date, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; +} +@media (min-width: 768px) { + .tablet-sides .timeline-item-right, + .tablet-sides .timeline-item { + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; + } + .tablet-sides .timeline-item-right .timeline-item-date, + .tablet-sides .timeline-item .timeline-item-date { + text-align: left; + } + .tablet-sides .timeline-item-left, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; + } + .tablet-sides .timeline-item-left .timeline-item-date, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; + } +} +.timeline-horizontal { + height: 100%; + display: flex; + padding: 0; + margin: 0; + position: relative; + padding-left: var(--f7-safe-area-left); + padding-right: 0; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + flex-shrink: 0; + position: relative; + height: 100%; + padding-top: var(--f7-timeline-horizontal-date-height) !important; + padding-bottom: var(--f7-timeline-horizontal-item-padding); +} +.timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date { + padding: 0px var(--f7-timeline-horizontal-item-padding); + width: auto; + text-align: left; + line-height: var(--f7-timeline-horizontal-date-height); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-timeline-horizontal-date-height); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); + text-align: right; +} +.timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-date-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-timeline-horizontal-item-date-shadow-image); +} +.timeline-horizontal.no-shadow .timeline-item-date:before { + display: none; +} +.timeline-horizontal .timeline-item-content { + padding: var(--f7-timeline-horizontal-item-padding); + height: calc(100% - var(--f7-timeline-horizontal-item-padding)); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal > .timeline-item:last-child:after, +.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } +} +.timeline-year { + padding-top: var(--f7-timeline-year-height); +} +.timeline-year:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year:last-child:after { + display: none !important; +} +.timeline-month { + padding-top: var(--f7-timeline-month-height); +} +.timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year, +.timeline-month { + display: flex; + flex-shrink: 0; + position: relative; + box-sizing: border-box; + height: 100%; +} +.timeline-year-title { + line-height: var(--f7-timeline-year-height); + height: var(--f7-timeline-year-height); +} +.timeline-month-title { + line-height: var(--f7-timeline-month-height); + height: var(--f7-timeline-month-height); +} +.timeline-year-title, +.timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + padding: 0 var(--f7-timeline-horizontal-item-padding); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); +} +.timeline-year-title span, +.timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; + right: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right)); +} +.timeline-year-title { + font-size: 16px; +} +.timeline-month-title span { + margin-top: -2px; +} +.timeline-year:first-child .timeline-year-title, +.timeline-year:first-child .timeline-month:first-child .timeline-month-title, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: calc(var(--f7-safe-area-left) * -1); + right: 0; + width: auto; +} +.timeline-horizontal .timeline-item:first-child, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; +} +.timeline-horizontal .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); + left: calc(0px - var(--f7-safe-area-left)); + right: 0; +} +.timeline-year:last-child .timeline-year-title, +.timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); +} +.timeline-horizontal .timeline-item:last-child, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; +} +.timeline-horizontal .timeline-item:last-child .timeline-item-date, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); + left: 0; +} +/* === Timeline iOS === */ +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-year-title span { + margin-top: 3px; +} +/* === Timeline MD === */ +.md .timeline-year-title span { + margin-top: 2px; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: flex; + height: 100%; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +:root { + --f7-panel-width: 260px; + --f7-panel-bg-color: #fff; +} +.ios { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} +.md { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 300ms; + --f7-panel-shadow: rgba(0, 0, 0, 0.25) 0%, + rgba(0, 0, 0, 0.1) 30%, + rgba(0, 0, 0, 0.05) 40%, + rgba(0, 0, 0, 0) 60%, + rgba(0, 0, 0, 0) 100%; +} +.panel-backdrop { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + opacity: 0; + z-index: 5999; + display: none; + transform: translate3d(0, 0, 0); + background-color: var(--f7-panel-backdrop-bg-color); + transition-duration: var(--f7-panel-transition-duration); + will-change: transform, opacity; +} +.panel-backdrop.not-animated { + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + box-sizing: border-box; + position: absolute; + top: var(--f7-statusbar-height); + height: calc(100% - var(--f7-statusbar-height)); + transform: translate3d(0, 0, 0); + width: var(--f7-panel-width); + background-color: var(--f7-panel-bg-color); + overflow: visible; + will-change: transform; +} +.panel:after { + pointer-events: none; + opacity: 0; + z-index: 5999; + position: absolute; + content: ''; + top: 0; + width: 20px; + height: 100%; +} +.panel, +.panel:after { + transition-duration: var(--f7-panel-transition-duration); +} +.panel.not-animated, +.panel.not-animated:after { + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + transform: translate3d(-100%, 0, 0); +} +.panel-left.panel-cover:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-left-cover .panel-left.panel-cover:after { + opacity: 1; +} +.panel-left.panel-reveal:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-left-reveal .panel-left.panel-reveal:after { + opacity: 1; + transform: translate3d(var(--f7-panel-width), 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + transform: translate3d(100%, 0, 0); +} +.panel-right.panel-cover:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-right-cover .panel-right.panel-cover:after { + opacity: 1; +} +.panel-right.panel-reveal:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-right-reveal .panel-right.panel-reveal:after { + opacity: 1; + transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint:after { + display: none; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel-left-reveal .views, +html.with-panel-right-reveal .views, +html.with-panel-transitioning .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-transitioning .framework7-root > .view { + transition-duration: var(--f7-panel-transition-duration); + transition-property: transform; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + transform: translate3d(var(--f7-panel-width), 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0); +} +html.with-panel-left-cover .panel-left { + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + transform: translate3d(0px, 0, 0); +} +/* === Card === */ +:root { + --f7-card-bg-color: #fff; + --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-card-border-radius: 4px; + --f7-card-font-size: inherit; + --f7-card-header-text-color: inherit; + --f7-card-header-font-weight: 400; + --f7-card-header-border-color: #e1e1e1; + --f7-card-footer-border-color: #e1e1e1; + --f7-card-footer-font-weight: 400; + --f7-card-footer-font-size: inherit; + --f7-card-expandable-bg-color: #fff; + --f7-card-expandable-font-size: 16px; + --f7-card-expandable-tablet-width: 670px; + --f7-card-expandable-tablet-height: 670px; +} +:root .theme-dark, +:root.theme-dark { + --f7-card-bg-color: #1c1c1d; + --f7-card-outline-border-color: #282829; + --f7-card-header-border-color: #282829; + --f7-card-footer-border-color: #282829; + --f7-card-footer-text-color: #8E8E93; +} +.ios { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 17px; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 44px; + --f7-card-footer-text-color: #6d6d72; + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 44px; + --f7-card-expandable-margin-horizontal: 20px; + --f7-card-expandable-margin-vertical: 30px; + --f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --f7-card-expandable-header-font-weight: bold; +} +.md { + --f7-card-margin-horizontal: 8px; + --f7-card-margin-vertical: 8px; + --f7-card-box-shadow: var(--f7-elevation-1); + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; + --f7-card-header-font-size: 16px; + --f7-card-header-padding-vertical: 4px; + --f7-card-header-padding-horizontal: 16px; + --f7-card-header-min-height: 48px; + --f7-card-footer-text-color: #757575; + --f7-card-footer-padding-vertical: 4px; + --f7-card-footer-padding-horizontal: 16px; + --f7-card-footer-min-height: 48px; + --f7-card-expandable-margin-horizontal: 12px; + --f7-card-expandable-margin-vertical: 24px; + --f7-card-expandable-box-shadow: var(--f7-elevation-10); + --f7-card-expandable-border-radius: 8px; + --f7-card-expandable-tablet-border-radius: 4px; + --f7-card-expandable-header-font-size: 24px; + --f7-card-expandable-header-font-weight: 500; +} +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.cards-list ul, +.card .list ul { + background: none; +} +.card { + background: var(--f7-card-bg-color); + position: relative; + border-radius: var(--f7-card-border-radius); + font-size: var(--f7-card-font-size); + margin-top: var(--f7-card-margin-vertical); + margin-bottom: var(--f7-card-margin-vertical); + margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)); + box-shadow: var(--f7-card-box-shadow); +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card.no-shadow { + box-shadow: none; +} +.card-outline, +.ios .card-outline-ios, +.md .card-outline-md { + box-shadow: none; + border: 1px solid var(--f7-card-outline-border-color); +} +.card-outline.no-border, +.ios .card-outline-ios.no-border, +.md .card-outline-md.no-border, +.card-outline.no-hairlines, +.ios .card-outline-ios.no-hairlines, +.md .card-outline-md.no-hairlines { + border: none; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; + padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal); +} +.card-content-padding > .list, +.card-content-padding > .block { + margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal)); +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header { + min-height: var(--f7-card-header-min-height); + color: var(--f7-card-header-text-color); + font-size: var(--f7-card-header-font-size); + font-weight: var(--f7-card-header-font-weight); + padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal); +} +.card-footer { + min-height: var(--f7-card-footer-min-height); + color: var(--f7-card-footer-text-color); + font-size: var(--f7-card-footer-font-size); + font-weight: var(--f7-card-footer-font-weight); + padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal); +} +.card-footer a.link { + overflow: hidden; +} +.card-header, +.card-footer { + position: relative; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: var(--f7-card-header-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius); +} +.card-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-card-footer-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-footer.no-hairline:before { + display: none !important; +} +.card-expandable { + overflow: hidden; + height: 300px; + background: var(--f7-card-expandable-bg-color); + position: relative; + transform-origin: center center; + transition-property: transform, border-radius; + border-radius: var(--f7-card-expandable-border-radius); + z-index: 2; + transition-duration: 200ms; + margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)); + margin-top: var(--f7-card-expandable-margin-vertical); + margin-bottom: var(--f7-card-expandable-margin-vertical); + box-shadow: var(--f7-card-expandable-box-shadow); + font-size: var(--f7-card-expandable-font-size); +} +.card-expandable.card-no-transition { + transition-duration: 0ms; +} +.card-expandable.card-expandable-animate-width .card-content { + transition-property: width, transform; + width: 100%; +} +.card-expandable.active-state { + transform: scale(0.97); +} +.card-expandable .card-opened-fade-in, +.card-expandable .card-opened-fade-out { + transition-duration: 400ms; +} +.card-expandable .card-opened-fade-in { + opacity: 0; + pointer-events: none; +} +.card-expandable .card-content { + position: absolute; + top: 0; + width: 100vw; + height: 100vh; + transform-origin: center top; + overflow: hidden; + transition-property: transform; + box-sizing: border-box; + pointer-events: none; + right: 0; +} +.card-expandable .card-content .card-content-padding { + padding-left: calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal)); + padding-right: calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal)); +} +.card-expandable.card-opened { + transition-duration: 0ms; +} +.card-expandable.card-opening, +.card-expandable.card-closing, +.card-expandable.card-transitioning { + transition-duration: 400ms; +} +.card-expandable.card-opening .card-content { + transition-duration: 300ms; +} +.card-expandable.card-closing .card-content { + transition-duration: 500ms; +} +.card-expandable.card-opening, +.card-expandable.card-opened, +.card-expandable.card-closing { + z-index: 100; +} +.card-expandable.card-opening, +.card-expandable.card-opened { + border-radius: 0; +} +.card-expandable.card-opening .card-opened-fade-in, +.card-expandable.card-opened .card-opened-fade-in { + opacity: 1; + pointer-events: auto; +} +.card-expandable.card-opening .card-opened-fade-out, +.card-expandable.card-opened .card-opened-fade-out { + opacity: 0; + pointer-events: none; +} +.card-expandable.card-opened .card-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + pointer-events: auto; +} +.card-expandable .card-header { + font-size: var(--f7-card-expandable-header-font-size); + font-weight: var(--f7-card-expandable-header-font-weight); +} +.card-expandable .card-header:after { + display: none !important; +} +.card-prevent-open { + pointer-events: auto; +} +.card-expandable-size { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + opacity: 0; + pointer-events: none; + visibility: hidden; +} +@media (min-width: 768px) and (min-height: 670px) { + .card-expandable:not(.card-tablet-fullscreen) { + max-width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen).card-opened, + .card-expandable:not(.card-tablet-fullscreen).card-opening { + border-radius: var(--f7-card-expandable-tablet-border-radius); + } + .card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content { + width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { + width: var(--f7-card-expandable-tablet-width); + height: var(--f7-card-expandable-tablet-height); + } +} +.page.page-with-card-opened .page-content { + overflow: hidden; +} +.card-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 99; + pointer-events: none; + background: rgba(0, 0, 0, 0.2); + opacity: 0; +} +.card-backdrop-in { + animation: card-backdrop-fade-in 400ms forwards; + pointer-events: auto; +} +.card-backdrop-out { + animation: card-backdrop-fade-out 400ms forwards; +} +@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) { + .card-backdrop { + background: transparent; + opacity: 1; + } + .card-backdrop-in { + animation: card-backdrop-blur-in 400ms forwards; + } + .card-backdrop-out { + animation: card-backdrop-blur-out 400ms forwards; + } +} +@keyframes card-backdrop-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes card-backdrop-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes card-backdrop-blur-in { + from { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } + to { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } +} +@keyframes card-backdrop-blur-out { + from { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } + to { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } +} +/* === Chips === */ +:root { + --f7-chip-bg-color: rgba(0, 0, 0, 0.12); + --f7-chip-font-size: 13px; + --f7-chip-font-weight: normal; + --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-chip-media-font-size: 16px; + --f7-chip-delete-button-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-chip-delete-button-color: #fff; + --f7-chip-bg-color: #333; + --f7-chip-outline-border-color: #333; +} +.ios { + --f7-chip-text-color: #000; + --f7-chip-height: 24px; + --f7-chip-padding-horizontal: 10px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-chip-text-color: #fff; +} +.md { + --f7-chip-text-color: rgba(0, 0, 0, 0.87); + --f7-chip-height: 32px; + --f7-chip-padding-horizontal: 12px; +} +.md .theme-dark, +.md.theme-dark { + --f7-chip-text-color: rgba(255, 255, 255, 0.87); +} +.chip { + padding-left: var(--f7-chip-padding-horizontal); + padding-right: var(--f7-chip-padding-horizontal); + font-weight: var(--f7-chip-font-weight); + display: inline-flex; + box-sizing: border-box; + vertical-align: middle; + align-items: center; + margin: 2px 0; + background-color: var(--f7-chip-bg-color); + font-size: var(--f7-chip-font-size); + color: var(--f7-chip-text-color); + height: var(--f7-chip-height); + line-height: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + position: relative; +} +.chip-media { + border-radius: 50%; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + height: var(--f7-chip-height); + width: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + text-align: center; + line-height: var(--f7-chip-height); + box-sizing: border-box; + color: #fff; + font-size: var(--f7-chip-media-font-size); + vertical-align: middle; + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.chip-media i.icon { + font-size: calc(var(--f7-chip-height) - 8px); + height: calc(var(--f7-chip-height) - 8px); +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-media + .chip-label { + margin-right: 4px; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + flex-shrink: 0; + background-repeat: no-repeat; + width: 24px; + height: 24px; + color: var(--f7-chip-delete-button-color); + opacity: 0.54; + position: relative; +} +.chip-delete:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + content: 'delete_round_ios'; + line-height: 24px; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.chip-outline, +.ios .chip-outline-ios, +.md .chip-outline-md { + border: 1px solid var(--f7-chip-outline-border-color); + background: none; +} +.chip[class*="color-"] { + --f7-chip-bg-color: var(--f7-theme-color); + --f7-chip-text-color: #fff; +} +.chip-outline[class*="color-"], +.ios .chip-outline-ios[class*="color-"], +.md .chip-outline-md[class*="color-"] { + --f7-chip-outline-border-color: var(--f7-theme-color); + --f7-chip-text-color: var(--f7-theme-color); +} +.ios .chip-delete { + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.ios .chip-delete:after { + font-size: 10px; +} +.md .chip-label + .chip-delete { + margin-right: 4px; +} +.md .chip-delete { + margin-left: calc(-1 * var(--f7-chip-padding-horizontal) + 4px); +} +.md .chip-delete:after { + font-size: 12px; +} +/* === Form === */ +/* === Input === */ +:root { + --f7-label-font-size: 12px; + --f7-label-font-weight: 400; + --f7-label-line-height: 1.2; + --f7-input-error-text-color: #ff3b30; + --f7-input-error-font-size: 12px; + --f7-input-error-line-height: 1.4; + --f7-input-error-font-weight: 400; + --f7-input-info-font-size: 12px; + --f7-input-info-line-height: 1.4; +} +.ios { + --f7-input-height: 44px; + --f7-input-text-color: #000000; + --f7-input-font-size: 17px; + --f7-input-placeholder-color: #a9a9a9; + /* + --f7-input-focused-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-text-color: var(--f7-input-error-text-color); + */ + --f7-label-text-color: inherit; + /* + --f7-label-focused-text-color: var(--f7-label-text-color); + --f7-label-invalid-text-color: var(--f7-label-text-color); + */ + --f7-floating-label-scale: calc(17 / 12); + --f7-inline-label-font-size: 17px; + --f7-inline-label-line-height: 1.4; + --f7-input-info-text-color: #8e8e93; + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #8e8e93; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-input-text-color: #fff; +} +.md { + --f7-input-height: 36px; + --f7-input-text-color: #212121; + --f7-input-font-size: 16px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + /* + --f7-input-focused-border-color: var(--f7-theme-color); + --f7-input-invalid-border-color: var(--f7-input-error-text-color); + --f7-input-invalid-text-color: var(--f7-input-text-color); + */ + --f7-label-text-color: rgba(0, 0, 0, 0.65); + /* + --f7-label-focused-text-color: var(--f7-theme-color); + --f7-label-invalid-text-color: var(--f7-input-error-text-color ); + */ + --f7-floating-label-scale: calc(16 / 12); + --f7-inline-label-font-size: 16px; + --f7-inline-label-line-height: 1.5; + --f7-input-info-text-color: rgba(0, 0, 0, 0.45); + --f7-input-clear-button-size: 24px; + --f7-input-clear-button-color: #aaa; +} +.md .theme-dark, +.md.theme-dark { + --f7-input-text-color: rgba(255, 255, 255, 0.87); + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-label-text-color: rgba(255, 255, 255, 0.54); + --f7-input-info-text-color: rgba(255, 255, 255, 0.35); +} +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select { + width: 100%; + height: var(--f7-input-height); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); +} +.list input[type="text"]::-webkit-input-placeholder, +.list input[type="password"]::-webkit-input-placeholder, +.list input[type="search"]::-webkit-input-placeholder, +.list input[type="email"]::-webkit-input-placeholder, +.list input[type="tel"]::-webkit-input-placeholder, +.list input[type="url"]::-webkit-input-placeholder, +.list input[type="date"]::-webkit-input-placeholder, +.list input[type="datetime-local"]::-webkit-input-placeholder, +.list input[type="time"]::-webkit-input-placeholder, +.list input[type="number"]::-webkit-input-placeholder, +.list select::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-moz-placeholder, +.list input[type="password"]::-moz-placeholder, +.list input[type="search"]::-moz-placeholder, +.list input[type="email"]::-moz-placeholder, +.list input[type="tel"]::-moz-placeholder, +.list input[type="url"]::-moz-placeholder, +.list input[type="date"]::-moz-placeholder, +.list input[type="datetime-local"]::-moz-placeholder, +.list input[type="time"]::-moz-placeholder, +.list input[type="number"]::-moz-placeholder, +.list select::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-ms-input-placeholder, +.list input[type="password"]::-ms-input-placeholder, +.list input[type="search"]::-ms-input-placeholder, +.list input[type="email"]::-ms-input-placeholder, +.list input[type="tel"]::-ms-input-placeholder, +.list input[type="url"]::-ms-input-placeholder, +.list input[type="date"]::-ms-input-placeholder, +.list input[type="datetime-local"]::-ms-input-placeholder, +.list input[type="time"]::-ms-input-placeholder, +.list input[type="number"]::-ms-input-placeholder, +.list select::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::placeholder, +.list input[type="password"]::placeholder, +.list input[type="search"]::placeholder, +.list input[type="email"]::placeholder, +.list input[type="tel"]::placeholder, +.list input[type="url"]::placeholder, +.list input[type="date"]::placeholder, +.list input[type="datetime-local"]::placeholder, +.list input[type="time"]::placeholder, +.list input[type="number"]::placeholder, +.list select::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea { + width: 100%; + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + resize: none; + line-height: 1.4; + height: 100px; +} +.list textarea::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea.resizable { + height: var(--f7-input-height); +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: var(--f7-input-height); +} +.list input[type="date"], +.list input[type="datetime-local"] { + text-align: right; + flex-direction: row-reverse; + width: auto; +} +.list .item-label, +.list .item-floating-label { + width: 100%; + vertical-align: top; + flex-shrink: 0; + font-size: var(--f7-label-font-size); + font-weight: var(--f7-label-font-weight); + line-height: var(--f7-label-line-height); + color: var(--f7-label-text-color); + transition-duration: 200ms; + transition-property: transform, color; +} +.list .item-floating-label { + transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + color: var(--f7-input-placeholder-color); + width: auto; + max-width: calc(100% / var(--f7-floating-label-scale)); + pointer-events: none; + transform-origin: right bottom; +} +.list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-moz-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-input-with-value .item-floating-label { + color: var(--f7-label-text-color); +} +.list .item-input-with-value .item-floating-label, +.list .item-input-focused .item-floating-label { + transform: scale(1) translateY(0); +} +.list .item-input-wrap { + width: 100%; + flex-shrink: 1; + position: relative; +} +.item-input .item-inner { + display: block; +} +.item-input-error-message, +.input-error-message { + font-size: var(--f7-input-error-font-size); + line-height: var(--f7-input-error-line-height); + color: var(--f7-input-error-text-color); + font-weight: var(--f7-input-error-font-weight); + display: none; +} +.item-input-info, +.input-info { + font-size: var(--f7-input-info-font-size); + line-height: var(--f7-input-info-line-height); + color: var(--f7-input-info-text-color); +} +.item-input-invalid .item-input-error-message, +.input-invalid .item-input-error-message, +.item-input-invalid .input-error-message, +.input-invalid .input-error-message { + display: block; +} +.item-input-invalid .item-input-info, +.input-invalid .item-input-info, +.item-input-invalid .input-info, +.input-invalid .input-info { + display: none; +} +.inline-labels .item-inner, +.inline-label .item-inner { + display: flex; +} +.inline-labels .item-label, +.inline-label .item-label, +.inline-labels .item-floating-label, +.inline-label .item-floating-label { + align-self: flex-start; + width: 35%; + font-size: var(--f7-inline-label-font-size); + line-height: var(--f7-inline-label-line-height); +} +.inline-labels .item-label + .item-input-wrap, +.inline-label .item-label + .item-input-wrap, +.inline-labels .item-floating-label + .item-input-wrap, +.inline-label .item-floating-label + .item-input-wrap { + margin-right: 8px; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + transition-duration: 100ms; + position: absolute; + top: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + width: var(--f7-input-clear-button-size); + height: var(--f7-input-clear-button-size); + margin-top: calc(-1 * var(--f7-input-clear-button-size) / 2); + color: var(--f7-input-clear-button-color); + left: 0; +} +.input-clear-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.item-input-wrap .input-clear-button { + top: calc(var(--f7-input-height) / 2); +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #727272; + left: 6px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 20px; +} +.ios .list textarea { + padding-top: 11px; + padding-bottom: 11px; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.ios .item-input .item-media { + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); + margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-focused .item-label, +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.ios .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid .item-label, +.ios .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.ios .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid input, +.ios .input-invalid input, +.ios .item-input-invalid select, +.ios .input-invalid select, +.ios .item-input-invalid textarea, +.ios .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.ios .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .list textarea { + padding-top: 7px; + padding-bottom: 7px; +} +.md .item-input-wrap:after, +.md .input:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.md .item-input-wrap:after, +.md .input:after { + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: var(--f7-input-height); +} +.md .item-input .item-media { + align-self: flex-end; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + padding-top: 7px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md .input-with-error-message, +.md .input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + right: 0; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-theme-color)); +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: var(--f7-input-focused-border-color, var(--f7-theme-color)); +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after, +.md .input-invalid:after, +.md .input-focused:after { + transform: scaleY(2) !important; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid .item-label, +.md .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid input, +.md .input-invalid input, +.md .item-input-invalid select, +.md .input-invalid select, +.md .item-input-invalid textarea, +.md .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-text-color)); +} +.md .input-clear-button:after { + font-size: calc(var(--f7-input-clear-button-size) / (24 / 20)); + content: 'delete_round_md'; + line-height: 1.2; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +/* === Checkbox === */ +:root { + /* --f7-checkbox-active-color: var(--f7-theme-color); */ + --f7-checkbox-icon-color: #fff; +} +.ios { + --f7-checkbox-size: 22px; + --f7-checkbox-border-radius: 50%; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #c7c7cc; + --f7-checkbox-extra-margin: 0px; +} +.md { + --f7-checkbox-size: 18px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 2px; + --f7-checkbox-inactive-color: #6d6d6d; + --f7-checkbox-extra-margin: 22px; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + background-color: transparent; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-checkbox, +.checkbox i { + flex-shrink: 0; + border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color); + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + border-radius: var(--f7-checkbox-border-radius); + box-sizing: border-box; + position: relative; + display: block; +} +.icon-checkbox:after, +.checkbox i:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + line-height: var(--f7-checkbox-size); + left: calc(0px - var(--f7-checkbox-border-width)); + top: calc(0px - var(--f7-checkbox-border-width)); + opacity: 0; + color: var(--f7-checkbox-icon-color); + position: relative; +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:checked ~ i { + border-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); + background-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox { + transition-duration: 300ms; +} +label.item-checkbox .item-content .item-media, +label.item-checkbox.item-content .item-media { + align-self: center; +} +label.item-checkbox > .icon-checkbox { + margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +label.item-checkbox.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + content: 'checkbox_ios'; + font-size: 21px; +} +.ios label.item-checkbox.active-state { + transition-duration: 0ms; +} +.md .icon-checkbox, +.md .checkbox i { + transition-duration: 200ms; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + content: 'checkbox_md'; + transition-duration: 200ms; + font-size: 15px; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +/* === Radio === */ +:root { + /* + --f7-radio-active-color: var(--f7-theme-color); + */ + --f7-radio-border-radius: 50%; +} +.ios { + --f7-radio-size: 22px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #c7c7cc; + --f7-radio-extra-margin: 0px; +} +.md { + --f7-radio-size: 20px; + --f7-radio-border-width: 2px; + --f7-radio-inactive-color: #6d6d6d; + --f7-radio-extra-margin: 22px; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-radio { + width: var(--f7-radio-size); + height: var(--f7-radio-size); + border-radius: var(--f7-radio-border-radius); + position: relative; + box-sizing: border-box; + display: block; + flex-shrink: 0; +} +.radio .icon-radio, +.md .icon-radio { + border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio { + transition-duration: 300ms; +} +label.item-radio .item-content .item-media, +label.item-radio.item-content .item-media { + align-self: center; +} +label.item-radio.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px); + font-size: 20px; + content: 'radio_ios'; + color: var(--f7-radio-active-color, var(--f7-theme-color)); + opacity: 0; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.ios .radio input[type="radio"]:checked ~ .icon-radio:after { + opacity: 1; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + left: calc(var(--f7-safe-area-left) + 10px); +} +.ios label.item-radio .item-inner { + padding-left: calc(var(--f7-safe-area-left) + 35px); +} +.ios label.item-radio.active-state { + transition-duration: 0ms; +} +.md .icon-radio { + transition-duration: 200ms; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + border-radius: 50%; + transform: scale(0); + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); +} +/* === Toggle === */ +.ios { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 52px; + --f7-toggle-height: 32px; + --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-inactive-color: #fff; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-toggle-border-color-ios: #555; + --f7-toggle-inactive-color: #222; +} +.md { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 36px; + --f7-toggle-height: 14px; + --f7-toggle-inactive-color: #b0afaf; +} +.md .theme-dark, +.md.theme-dark { + --f7-toggle-inactive-color: #555; +} +.toggle, +.toggle-icon { + width: var(--f7-toggle-width); + height: var(--f7-toggle-height); + border-radius: var(--f7-toggle-height); +} +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + box-sizing: border-box; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + transition: 300ms; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; + will-change: transform; +} +.toggle-icon:after { + background: var(--f7-toggle-handle-color); + position: absolute; + z-index: 2; + transform: translateX(0px); + transition-duration: 300ms; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height)))); +} +.ios .toggle-icon { + background: var(--f7-toggle-border-color-ios); +} +.ios .toggle-icon:before { + position: absolute; + right: 2px; + top: 2px; + width: calc(var(--f7-toggle-width) - 4px); + height: calc(var(--f7-toggle-height) - 4px); + border-radius: var(--f7-toggle-height); + box-sizing: border-box; + background: var(--f7-toggle-inactive-color); + z-index: 1; + transition-duration: 300ms; + transform: scale(1); +} +.ios .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + right: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: calc(var(--f7-toggle-height) - 4px); +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: calc(var(--f7-toggle-height) + 4px); +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, rgba(var(--f7-theme-color-rgb), 0.5)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px))); + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.md .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.md .toggle-icon:after { + height: calc(var(--f7-toggle-height) + 6px); + width: calc(var(--f7-toggle-height) + 6px); + top: -3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: var(--f7-toggle-height); + right: 0; +} +/* === Range Slider === */ +.ios { + --f7-range-size: 28px; + --f7-range-bar-bg-color: #b7b8b7; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 1px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 28px; + --f7-range-knob-color: #fff; + --f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + --f7-range-label-size: 20px; + --f7-range-label-text-color: #000; + --f7-range-label-bg-color: #fff; + --f7-range-label-font-size: 12px; + --f7-range-label-border-radius: 5px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 1px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.md { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #b9b9b9; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 0px; + --f7-range-knob-size: 12px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 26px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-border-radius: 50%; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.range-slider { + display: block; + position: relative; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-slider.range-slider-horizontal { + width: 100%; + height: var(--f7-range-size); +} +.range-slider.range-slider-vertical { + height: 100%; + width: var(--f7-range-size); +} +.range-bar { + position: absolute; + overflow: hidden; + background: var(--f7-range-bar-bg-color); + border-radius: var(--f7-range-bar-border-radius); +} +.range-slider-vertical .range-bar { + left: 50%; + top: 0; + height: 100%; + width: var(--f7-range-bar-size); + margin-left: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-slider-horizontal .range-bar { + left: 0; + top: 50%; + width: 100%; + height: var(--f7-range-bar-size); + margin-top: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-bar-active { + position: absolute; + background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color)); +} +.range-slider-horizontal .range-bar-active { + right: 0; + top: 0; + height: 100%; +} +.range-slider-vertical .range-bar-active { + left: 0; + bottom: 0; + width: 100%; +} +.range-slider-vertical-reversed .range-bar-active { + top: 0; + bottom: auto; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + height: var(--f7-range-knob-size); + width: var(--f7-range-knob-size); +} +.range-slider-horizontal .range-knob-wrap { + top: 50%; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); + margin-right: calc(-1 * var(--f7-range-knob-size) / 2); + right: 0; +} +.range-slider-vertical .range-knob-wrap { + left: 50%; + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + bottom: 0; + margin-bottom: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-slider-vertical-reversed .range-knob-wrap { + bottom: auto; + top: 0; + margin-bottom: 0; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-knob { + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color))); + box-shadow: var(--f7-range-knob-box-shadow); +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + transition-duration: 120ms; + transition-property: transform; + transform: translateY(100%) scale(0); + height: var(--f7-range-label-size); + line-height: var(--f7-range-label-size); + min-width: var(--f7-range-label-size); + color: var(--f7-range-label-text-color); + background-color: var(--f7-range-label-bg-color, var(--f7-theme-color)); + font-size: var(--f7-range-label-font-size); + border-radius: var(--f7-range-label-border-radius); +} +.range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.range-scale { + position: absolute; +} +.range-slider-horizontal .range-scale { + top: 50%; + left: 0; + width: 100%; + margin-top: calc(var(--f7-range-bar-size) / 2); +} +.range-slider-vertical .range-scale { + right: 50%; + top: 0; + height: 100%; + margin-right: calc(var(--f7-range-bar-size) / 2); +} +.range-scale-step { + position: absolute; + box-sizing: border-box; + display: flex; + font-size: var(--f7-range-scale-font-size); + font-weight: var(--f7-range-scale-font-weight); + color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color)); + line-height: 1; +} +.range-scale-step:before { + content: ''; + position: absolute; + background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color)); +} +.range-slider-horizontal .range-scale-step { + justify-content: center; + align-items: flex-start; + width: var(--f7-range-scale-step-width); + height: var(--f7-range-scale-step-height); + padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + top: 0; + margin-right: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-horizontal .range-scale-step:before { + left: 0; + top: 0; + width: 100%; + height: var(--f7-range-scale-step-height); +} +.range-slider-horizontal .range-scale-step:first-child { + margin-right: 0; +} +.range-slider-horizontal .range-scale-step:last-child { + margin-right: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step { + line-height: 1; + justify-content: flex-end; + align-items: center; + height: var(--f7-range-scale-step-width); + width: var(--f7-range-scale-step-height); + padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + right: 0; + margin-bottom: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-vertical .range-scale-step:first-child { + margin-bottom: 0; +} +.range-slider-vertical .range-scale-step:last-child { + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step:before { + right: 0; + top: 0; + height: 100%; + width: var(--f7-range-scale-step-height); +} +.range-scale-substep { + --f7-range-scale-step-bg-color: var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color)); + --f7-range-scale-step-width: var(--f7-range-scale-substep-width); + --f7-range-scale-step-height: var(--f7-range-scale-substep-height); +} +.ios .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} +.md .range-knob { + transition-duration: 200ms; + transition-property: transform, background-color; +} +.md .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid var(--f7-range-bar-bg-color); +} +.md .range-knob-label { + width: var(--f7-range-label-size); + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + margin-bottom: 8px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + position: absolute; + z-index: -1; + width: var(--f7-range-label-size); + height: var(--f7-range-label-size); + background: var(--f7-range-label-bg-color, var(--f7-theme-color)); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + transform: scale(0); +} +/* === Stepper === */ +:root { + /* + --f7-stepper-button-text-color: var(--f7-theme-color); + --f7-stepper-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + */ + --f7-stepper-fill-button-text-color: #fff; + /* + --f7-stepper-fill-button-bg-color: var(--f7-theme-color); + */ + --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); +} +.ios { + --f7-stepper-height: 29px; + --f7-stepper-border-radius: 5px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-border-width: 1px; + --f7-stepper-large-height: 44px; + --f7-stepper-small-height: 26px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-value-font-size: 17px; + --f7-stepper-value-font-weight: 400; +} +.md { + --f7-stepper-height: 36px; + --f7-stepper-border-radius: 4px; + --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 48px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-small-height: 28px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} +.md .theme-dark, +.md.theme-dark { + --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +.stepper { + display: inline-flex; + align-items: stretch; + height: var(--f7-stepper-height); + border-radius: var(--f7-stepper-border-radius); +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + background-color: var(--f7-stepper-button-bg-color); + width: 40px; + border-radius: var(--f7-stepper-border-radius); + border: var(--f7-stepper-border-width) solid var(--f7-theme-color); + color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px)); + text-align: center; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button.active-state, +.stepper-button-minus.active-state, +.stepper-button-plus.active-state { + background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color))); +} +.stepper-button:first-child, +.stepper-button-minus:first-child, +.stepper-button-plus:first-child { + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0; +} +.stepper-button:last-child, +.stepper-button-minus:last-child, +.stepper-button-plus:last-child { + border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius); +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-button + .stepper-button, +.stepper-button-minus + .stepper-button, +.stepper-button-plus + .stepper-button, +.stepper-button + .stepper-button-minus, +.stepper-button-minus + .stepper-button-minus, +.stepper-button-plus + .stepper-button-minus, +.stepper-button + .stepper-button-plus, +.stepper-button-minus + .stepper-button-plus, +.stepper-button-plus + .stepper-button-plus { + border-right: none; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper-value { + display: flex; + align-content: center; + align-items: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + flex-shrink: 1; + text-align: center; + border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color); + border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color); +} +.stepper-input-wrap input, +.stepper-value { + width: 45px; + color: var(--f7-theme-color); + font-size: var(--f7-stepper-value-font-size); + font-weight: var(--f7-stepper-value-font-weight); + text-align: center; +} +.stepper-input-wrap input { + height: 100%; +} +.stepper-round, +.ios .stepper-round-ios, +.md .stepper-round-md { + --f7-stepper-border-radius: var(--f7-stepper-height); +} +.stepper-fill, +.ios .stepper-fill-ios, +.md .stepper-fill-md { + --f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color)); + --f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.stepper-raised .stepper-button + .stepper-button, +.ios .stepper-raised-ios .stepper-button + .stepper-button, +.md .stepper-raised-md .stepper-button + .stepper-button, +.stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus, +.stepper-raised .stepper-button-minus + .stepper-button-plus, +.ios .stepper-raised-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-fill .stepper-button + .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button + .stepper-button.active-state, +.md .stepper-fill-md .stepper-button + .stepper-button.active-state, +.stepper-fill .stepper-button-minus + .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state { + border-right-color: var(--f7-stepper-button-pressed-bg-color); +} +.stepper-raised:not(.stepper-fill) .stepper-input-wrap, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap, +.stepper-raised:not(.stepper-fill) .stepper-value, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-large, +.ios .stepper-large-ios, +.md .stepper-large-md { + --f7-stepper-height: var(--f7-stepper-large-height); +} +.stepper-small, +.ios .stepper-small-ios, +.md .stepper-small-md { + --f7-stepper-border-width: var(--f7-stepper-small-border-width); + --f7-stepper-height: var(--f7-stepper-small-height); +} +.ios .stepper-fill.stepper-small-ios, +.ios .stepper-fill.stepper-small { + --f7-stepper-button-pressed-bg-color: transparent; + --f7-stepper-button-pressed-text-color: var(--f7-theme-color); +} +.stepper-raised, +.ios .stepper-raised-ios, +.md .stepper-raised-md { + --f7-stepper-border-width: 0; + box-shadow: var(--f7-stepper-raised-box-shadow); +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-fill, +.ios .stepper-fill-ios { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .stepper-small.stepper-raised, +.ios .stepper-small-ios.stepper-raised, +.ios .stepper-small.stepper-raised-ios, +.ios .stepper-small-ios.stepper-raised-ios { + --f7-stepper-border-width: 0px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + transition-duration: 200ms; +} +.ios .stepper-small .stepper-button.active-state:after, +.ios .stepper-small-ios .stepper-button.active-state:after, +.ios .stepper-small .stepper-button-minus.active-state:after, +.ios .stepper-small-ios .stepper-button-minus.active-state:after, +.ios .stepper-small .stepper-button-plus.active-state:after, +.ios .stepper-small-ios .stepper-button-plus.active-state:after, +.ios .stepper-small .stepper-button.active-state:before, +.ios .stepper-small-ios .stepper-button.active-state:before, +.ios .stepper-small .stepper-button-minus.active-state:before, +.ios .stepper-small-ios .stepper-button-minus.active-state:before, +.ios .stepper-small .stepper-button-plus.active-state:before, +.ios .stepper-small-ios .stepper-button-plus.active-state:before { + transition-duration: 200ms; + background-color: var(--f7-theme-color); +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-fill, +.md .stepper-fill-md { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Smart Select === */ +.smart-select :root { + /* + --f7-smart-select-sheet-bg: var(--f7-list-bg-color); + --f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color); + */ +} +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.smart-select-sheet .page, +.smart-select-sheet .sheet-modal-inner, +.smart-select-sheet .list ul { + background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color)); +} +.smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.smart-select-sheet .toolbar:after { + display: block; +} +.smart-select-sheet .list { + margin: 0; +} +.smart-select-sheet .list ul:before { + display: none !important; +} +.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +/* === Grid === */ +.ios { + --f7-grid-gap: 15px; +} +.md { + --f7-grid-gap: 16px; +} +.row { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: flex-start; + --f7-cols-per-row: 1; +} +.row > [class*="col-"], +.row > .col { + box-sizing: border-box; + width: calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row)); +} +.row.no-gap { + --f7-grid-gap: 0px; +} +.row .col-5 { + --f7-cols-per-row: 20; +} +.row .col-10 { + --f7-cols-per-row: 10; +} +.row .col-15 { + --f7-cols-per-row: 6.66666667; +} +.row .col-20 { + --f7-cols-per-row: 5; +} +.row .col-25 { + --f7-cols-per-row: 4; +} +.row .col-30 { + --f7-cols-per-row: 3.33333333; +} +.row .col-33 { + --f7-cols-per-row: 3; +} +.row .col-35 { + --f7-cols-per-row: 2.85714286; +} +.row .col-40 { + --f7-cols-per-row: 2.5; +} +.row .col-45 { + --f7-cols-per-row: 2.22222222; +} +.row .col-50 { + --f7-cols-per-row: 2; +} +.row .col-55 { + --f7-cols-per-row: 1.81818182; +} +.row .col-60 { + --f7-cols-per-row: 1.66666667; +} +.row .col-65 { + --f7-cols-per-row: 1.53846154; +} +.row .col-66 { + --f7-cols-per-row: 1.5; +} +.row .col-70 { + --f7-cols-per-row: 1.42857143; +} +.row .col-75 { + --f7-cols-per-row: 1.33333333; +} +.row .col-80 { + --f7-cols-per-row: 1.25; +} +.row .col-85 { + --f7-cols-per-row: 1.17647059; +} +.row .col-90 { + --f7-cols-per-row: 1.11111111; +} +.row .col-95 { + --f7-cols-per-row: 1.05263158; +} +.row .col-100 { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(1), +.row .col:nth-last-child(1) ~ .col { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(2), +.row .col:nth-last-child(2) ~ .col { + --f7-cols-per-row: 2; +} +.row .col:nth-last-child(3), +.row .col:nth-last-child(3) ~ .col { + --f7-cols-per-row: 3; +} +.row .col:nth-last-child(4), +.row .col:nth-last-child(4) ~ .col { + --f7-cols-per-row: 4; +} +.row .col:nth-last-child(5), +.row .col:nth-last-child(5) ~ .col { + --f7-cols-per-row: 5; +} +.row .col:nth-last-child(6), +.row .col:nth-last-child(6) ~ .col { + --f7-cols-per-row: 6; +} +.row .col:nth-last-child(7), +.row .col:nth-last-child(7) ~ .col { + --f7-cols-per-row: 7; +} +.row .col:nth-last-child(8), +.row .col:nth-last-child(8) ~ .col { + --f7-cols-per-row: 8; +} +.row .col:nth-last-child(9), +.row .col:nth-last-child(9) ~ .col { + --f7-cols-per-row: 9; +} +.row .col:nth-last-child(10), +.row .col:nth-last-child(10) ~ .col { + --f7-cols-per-row: 10; +} +.row .col:nth-last-child(11), +.row .col:nth-last-child(11) ~ .col { + --f7-cols-per-row: 11; +} +.row .col:nth-last-child(12), +.row .col:nth-last-child(12) ~ .col { + --f7-cols-per-row: 12; +} +.row .col:nth-last-child(13), +.row .col:nth-last-child(13) ~ .col { + --f7-cols-per-row: 13; +} +.row .col:nth-last-child(14), +.row .col:nth-last-child(14) ~ .col { + --f7-cols-per-row: 14; +} +.row .col:nth-last-child(15), +.row .col:nth-last-child(15) ~ .col { + --f7-cols-per-row: 15; +} +.row .col:nth-last-child(16), +.row .col:nth-last-child(16) ~ .col { + --f7-cols-per-row: 16; +} +.row .col:nth-last-child(17), +.row .col:nth-last-child(17) ~ .col { + --f7-cols-per-row: 17; +} +.row .col:nth-last-child(18), +.row .col:nth-last-child(18) ~ .col { + --f7-cols-per-row: 18; +} +.row .col:nth-last-child(19), +.row .col:nth-last-child(19) ~ .col { + --f7-cols-per-row: 19; +} +.row .col:nth-last-child(20), +.row .col:nth-last-child(20) ~ .col { + --f7-cols-per-row: 20; +} +.row .col:nth-last-child(21), +.row .col:nth-last-child(21) ~ .col { + --f7-cols-per-row: 21; +} +.row .col:nth-last-child(22), +.row .col:nth-last-child(22) ~ .col { + --f7-cols-per-row: 22; +} +@media (min-width: 768px) { + .row .tablet-5 { + --f7-cols-per-row: 20; + } + .row .tablet-10 { + --f7-cols-per-row: 10; + } + .row .tablet-15 { + --f7-cols-per-row: 6.66666667; + } + .row .tablet-20 { + --f7-cols-per-row: 5; + } + .row .tablet-25 { + --f7-cols-per-row: 4; + } + .row .tablet-30 { + --f7-cols-per-row: 3.33333333; + } + .row .tablet-33 { + --f7-cols-per-row: 3; + } + .row .tablet-35 { + --f7-cols-per-row: 2.85714286; + } + .row .tablet-40 { + --f7-cols-per-row: 2.5; + } + .row .tablet-45 { + --f7-cols-per-row: 2.22222222; + } + .row .tablet-50 { + --f7-cols-per-row: 2; + } + .row .tablet-55 { + --f7-cols-per-row: 1.81818182; + } + .row .tablet-60 { + --f7-cols-per-row: 1.66666667; + } + .row .tablet-65 { + --f7-cols-per-row: 1.53846154; + } + .row .tablet-66 { + --f7-cols-per-row: 1.5; + } + .row .tablet-70 { + --f7-cols-per-row: 1.42857143; + } + .row .tablet-75 { + --f7-cols-per-row: 1.33333333; + } + .row .tablet-80 { + --f7-cols-per-row: 1.25; + } + .row .tablet-85 { + --f7-cols-per-row: 1.17647059; + } + .row .tablet-90 { + --f7-cols-per-row: 1.11111111; + } + .row .tablet-95 { + --f7-cols-per-row: 1.05263158; + } + .row .tablet-100 { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(1), + .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(2), + .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + --f7-cols-per-row: 2; + } + .row .tablet-auto:nth-last-child(3), + .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + --f7-cols-per-row: 3; + } + .row .tablet-auto:nth-last-child(4), + .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + --f7-cols-per-row: 4; + } + .row .tablet-auto:nth-last-child(5), + .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + --f7-cols-per-row: 5; + } + .row .tablet-auto:nth-last-child(6), + .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + --f7-cols-per-row: 6; + } + .row .tablet-auto:nth-last-child(7), + .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + --f7-cols-per-row: 7; + } + .row .tablet-auto:nth-last-child(8), + .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + --f7-cols-per-row: 8; + } + .row .tablet-auto:nth-last-child(9), + .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + --f7-cols-per-row: 9; + } + .row .tablet-auto:nth-last-child(10), + .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + --f7-cols-per-row: 10; + } + .row .tablet-auto:nth-last-child(11), + .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + --f7-cols-per-row: 11; + } + .row .tablet-auto:nth-last-child(12), + .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + --f7-cols-per-row: 12; + } + .row .tablet-auto:nth-last-child(13), + .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + --f7-cols-per-row: 13; + } + .row .tablet-auto:nth-last-child(14), + .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + --f7-cols-per-row: 14; + } + .row .tablet-auto:nth-last-child(15), + .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + --f7-cols-per-row: 15; + } + .row .tablet-auto:nth-last-child(16), + .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + --f7-cols-per-row: 16; + } + .row .tablet-auto:nth-last-child(17), + .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + --f7-cols-per-row: 17; + } + .row .tablet-auto:nth-last-child(18), + .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + --f7-cols-per-row: 18; + } + .row .tablet-auto:nth-last-child(19), + .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + --f7-cols-per-row: 19; + } + .row .tablet-auto:nth-last-child(20), + .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + --f7-cols-per-row: 20; + } + .row .tablet-auto:nth-last-child(21), + .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + --f7-cols-per-row: 21; + } + .row .tablet-auto:nth-last-child(22), + .row .tablet-auto:nth-last-child(22) ~ .tablet-auto { + --f7-cols-per-row: 22; + } +} +@media (min-width: 1025px) { + .row .desktop-5 { + --f7-cols-per-row: 20; + } + .row .desktop-10 { + --f7-cols-per-row: 10; + } + .row .desktop-15 { + --f7-cols-per-row: 6.66666667; + } + .row .desktop-20 { + --f7-cols-per-row: 5; + } + .row .desktop-25 { + --f7-cols-per-row: 4; + } + .row .desktop-30 { + --f7-cols-per-row: 3.33333333; + } + .row .desktop-33 { + --f7-cols-per-row: 3; + } + .row .desktop-35 { + --f7-cols-per-row: 2.85714286; + } + .row .desktop-40 { + --f7-cols-per-row: 2.5; + } + .row .desktop-45 { + --f7-cols-per-row: 2.22222222; + } + .row .desktop-50 { + --f7-cols-per-row: 2; + } + .row .desktop-55 { + --f7-cols-per-row: 1.81818182; + } + .row .desktop-60 { + --f7-cols-per-row: 1.66666667; + } + .row .desktop-65 { + --f7-cols-per-row: 1.53846154; + } + .row .desktop-66 { + --f7-cols-per-row: 1.5; + } + .row .desktop-70 { + --f7-cols-per-row: 1.42857143; + } + .row .desktop-75 { + --f7-cols-per-row: 1.33333333; + } + .row .desktop-80 { + --f7-cols-per-row: 1.25; + } + .row .desktop-85 { + --f7-cols-per-row: 1.17647059; + } + .row .desktop-90 { + --f7-cols-per-row: 1.11111111; + } + .row .desktop-95 { + --f7-cols-per-row: 1.05263158; + } + .row .desktop-100 { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(1), + .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(2), + .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + --f7-cols-per-row: 2; + } + .row .desktop-auto:nth-last-child(3), + .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + --f7-cols-per-row: 3; + } + .row .desktop-auto:nth-last-child(4), + .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + --f7-cols-per-row: 4; + } + .row .desktop-auto:nth-last-child(5), + .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + --f7-cols-per-row: 5; + } + .row .desktop-auto:nth-last-child(6), + .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + --f7-cols-per-row: 6; + } + .row .desktop-auto:nth-last-child(7), + .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + --f7-cols-per-row: 7; + } + .row .desktop-auto:nth-last-child(8), + .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + --f7-cols-per-row: 8; + } + .row .desktop-auto:nth-last-child(9), + .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + --f7-cols-per-row: 9; + } + .row .desktop-auto:nth-last-child(10), + .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + --f7-cols-per-row: 10; + } + .row .desktop-auto:nth-last-child(11), + .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + --f7-cols-per-row: 11; + } + .row .desktop-auto:nth-last-child(12), + .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + --f7-cols-per-row: 12; + } + .row .desktop-auto:nth-last-child(13), + .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + --f7-cols-per-row: 13; + } + .row .desktop-auto:nth-last-child(14), + .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + --f7-cols-per-row: 14; + } + .row .desktop-auto:nth-last-child(15), + .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + --f7-cols-per-row: 15; + } + .row .desktop-auto:nth-last-child(16), + .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + --f7-cols-per-row: 16; + } + .row .desktop-auto:nth-last-child(17), + .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + --f7-cols-per-row: 17; + } + .row .desktop-auto:nth-last-child(18), + .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + --f7-cols-per-row: 18; + } + .row .desktop-auto:nth-last-child(19), + .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + --f7-cols-per-row: 19; + } + .row .desktop-auto:nth-last-child(20), + .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + --f7-cols-per-row: 20; + } + .row .desktop-auto:nth-last-child(21), + .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + --f7-cols-per-row: 21; + } + .row .desktop-auto:nth-last-child(22), + .row .desktop-auto:nth-last-child(22) ~ .desktop-auto { + --f7-cols-per-row: 22; + } +} +/* === Calendar/Datepicker === */ +:root { + --f7-calendar-height: 320px; + --f7-calendar-sheet-landscape-height: 220px; + --f7-calendar-sheet-bg-color: #fff; + --f7-calendar-popover-width: 320px; + --f7-calendar-popover-height: 320px; + --f7-calendar-modal-height: 420px; + --f7-calendar-modal-max-width: 380px; + --f7-calendar-modal-border-radius: 4px; + --f7-calendar-modal-bg-color: #fff; + /* + --f7-calendar-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-header-link-color: var(--f7-bars-link-color); + --f7-calendar-header-text-color: var(--f7-bars-text-color); + --f7-calendar-footer-bg-color: var(--f7-bars-bg-color); + --f7-calendar-footer-border-color: var(--f7-bars-border-color); + --f7-calendar-footer-link-color: var(--f7-bars-link-color); + --f7-calendar-footer-text-color: var(--f7-bars-text-color); + --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-week-header-text-color: var(--f7-bars-text-color); + */ + --f7-calendar-prev-next-text-color: #b8b8b8; + --f7-calendar-disabled-text-color: #d4d4d4; + --f7-calendar-event-dot-size: 4px; + /* + --f7-calendar-event-bg-color: var(--f7-theme-color); + */ +} +.ios { + --f7-calendar-sheet-border-color: #929499; + --f7-calendar-header-height: 44px; + --f7-calendar-header-font-size: 17px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 44px; + --f7-calendar-footer-font-size: 17px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: #c4c4c4; + --f7-calendar-day-font-size: 15px; + --f7-calendar-day-text-color: #000; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 30px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} +.md { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 56px; + --f7-calendar-header-font-size: 20px; + --f7-calendar-header-font-weight: 400; + --f7-calendar-header-padding: 0 24px; + --f7-calendar-footer-height: 48px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 24px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: transparent; + --f7-calendar-day-font-size: 14px; + --f7-calendar-day-text-color: #000; + /* + --f7-calendar-today-text-color: var(--f7-theme-color); + */ + --f7-calendar-today-bg-color: none; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 32px; +} +.md .theme-dark, +.md.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: rgba(255, 255, 255, 0.87); +} +.calendar { + overflow: hidden; + height: var(--f7-calendar-height); + width: 100%; + display: flex; + flex-direction: column; +} +.calendar.modal-in { + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: var(--f7-calendar-sheet-landscape-height); + } + .calendar.calendar-modal { + height: calc(100vh - var(--f7-navbar-height)); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-sheet { + --f7-sheet-border-color: var(--f7-calendar-sheet-border-color); + background: var(--f7-calendar-sheet-bg-color); +} +.calendar-sheet:before { + z-index: 600; +} +.calendar-sheet .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.calendar-sheet .toolbar:before, +.calendar-modal .toolbar:before, +.calendar-popover .toolbar:before { + display: none; +} +.calendar-popover { + width: var(--f7-calendar-popover-width); +} +.calendar-popover .calendar { + height: var(--f7-calendar-popover-height); + border-radius: var(--f7-popover-border-radius); +} +.calendar-header { + width: 100%; + position: relative; + overflow: hidden; + flex-shrink: 0; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding: var(--f7-calendar-header-padding); + background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-header-height); + line-height: var(--f7-calendar-header-height); + font-size: var(--f7-calendar-header-font-size); + font-weight: var(--f7-calendar-header-font-weight); +} +.calendar-header a { + color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer { + width: 100%; + flex-shrink: 0; + padding: var(--f7-calendar-footer-padding); + background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-footer-height); + font-size: var(--f7-calendar-header-font-size); + display: flex; + justify-content: flex-end; + box-sizing: border-box; + align-items: center; + position: relative; +} +.calendar-footer a { + color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal { + position: absolute; + height: var(--f7-calendar-modal-height); + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: var(--f7-calendar-modal-max-width); + transform: translate3d(-50%, 100%, 0); + transition-property: transform; + display: flex; + z-index: 12000; + background: var(--f7-calendar-modal-bg-color); + width: 90%; + border-radius: var(--f7-calendar-modal-border-radius); + box-shadow: var(--f7-elevation-24); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + transition-duration: 400ms; +} +.calendar-modal.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + transform: translate3d(-50%, 100%, 0); +} +.calendar-week-header { + display: flex; + box-sizing: border-box; + position: relative; + font-size: var(--f7-calendar-week-header-font-size); + background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-week-header-height); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-week-header .calendar-week-day { + flex-shrink: 1; + width: calc(100% / 7); + text-align: center; + line-height: var(--f7-calendar-week-header-height); +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + transition: 300ms; +} +.calendar-month { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: flex; + flex-shrink: 1; + width: 100%; + position: relative; + box-sizing: border-box; + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-row:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.calendar-day { + flex-shrink: 1; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: var(--f7-calendar-day-text-color); + height: 100%; + font-size: var(--f7-calendar-day-font-size); +} +.calendar-day.calendar-day-today .calendar-day-number { + color: var(--f7-calendar-today-text-color, var(--f7-theme-color)); + background-color: var(--f7-calendar-today-bg-color); +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: var(--f7-calendar-prev-next-text-color); +} +.calendar-day.calendar-day-disabled { + color: var(--f7-calendar-disabled-text-color); + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: var(--f7-calendar-selected-text-color); + background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color)); +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 50%; + position: relative; + width: var(--f7-calendar-day-size); + height: var(--f7-calendar-day-size); + line-height: var(--f7-calendar-day-size); +} +.calendar-day .calendar-day-events { + position: absolute; + display: flex; + left: 0; + width: 100%; + top: 100%; + align-items: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: var(--f7-calendar-event-dot-size); + height: var(--f7-calendar-event-dot-size); + border-radius: calc(var(--f7-calendar-event-dot-size) / 2); + background-color: var(--f7-calendar-event-bg-color); +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + align-items: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: flex; + justify-content: space-between; + align-items: center; + width: 50%; + max-width: 200px; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.calendar-month-selector a.icon-only, +.calendar-year-selector a.icon-only { + min-width: 36px; +} +/* === Picker === */ +:root { + --f7-picker-height: 260px; + --f7-picker-inline-height: 200px; + --f7-picker-popover-height: 200px; + --f7-picker-popover-width: 280px; + --f7-picker-landscape-height: 200px; + --f7-picker-item-height: 36px; +} +.ios { + --f7-picker-column-font-size: 24px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-text-color: #707274; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: #a8abb0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: #282829; +} +.md { + --f7-picker-column-font-size: 20px; + --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87); + --f7-picker-item-text-color: inherit; + --f7-picker-item-selected-text-color: inherit; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15); +} +.md .theme-dark, +.md.theme-dark { + --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); +} +.picker { + width: 100%; + height: var(--f7-picker-height); +} +.picker.picker-inline { + height: var(--f7-picker-inline-height); +} +.popover .picker { + height: var(--f7-picker-popover-height); +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: var(--f7-picker-landscape-height); + } +} +.picker-popover { + width: var(--f7-picker-popover-width); +} +.picker-popover .toolbar { + background: none; + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.picker-popover .toolbar:before { + display: none !important; +} +.picker-popover .toolbar + .picker-columns { + height: calc(100% - var(--f7-toolbar-height)); +} +.picker-columns { + display: flex; + overflow: hidden; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); + font-size: var(--f7-picker-column-font-size); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + left: 100%; +} +.picker-column.picker-column-last:after { + right: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: flex; + align-items: center; + color: var(--f7-picker-divider-text-color); +} +.picker-items { + transition: 300ms; + transition-timing-function: ease-out; +} +.picker-item { + height: var(--f7-picker-item-height); + line-height: var(--f7-picker-item-height); + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + transition: 300ms; + color: var(--f7-picker-item-text-color); +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + color: var(--f7-picker-item-selected-text-color); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: var(--f7-picker-item-height); + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: calc(-1 * var(--f7-picker-item-height) / 2); + pointer-events: none; +} +.picker-center-highlight:before { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-center-highlight:after { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-3d .picker-columns { + overflow: hidden; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-timing-function: ease-out; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ios { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 44px; +} +.md { + --f7-ptr-preloader-size: 22px; + --f7-ptr-size: 40px; +} +.ptr-preloader { + position: relative; + top: var(--f7-ptr-top, 0); + height: var(--f7-ptr-size); +} +.ptr-preloader .preloader { + position: absolute; + left: 50%; + width: var(--f7-ptr-preloader-size); + height: var(--f7-ptr-preloader-size); + margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2); + top: 50%; + visibility: hidden; +} +.ptr-bottom .ptr-preloader { + top: auto; + bottom: 0; + position: fixed; +} +.ios .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: 300ms; + transition-property: transform; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color); +} +.ios .ptr-arrow:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 10px; + content: 'ptr_arrow_ios'; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.ios .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.ios .ptr-bottom.ptr-transitioning > *, +.ios .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-bottom.ptr-refreshing { + transform: none; +} +.ios .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.ios .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} +.md { + --f7-ptr-top: -4px; +} +.md .ptr-preloader { + left: 50%; + width: var(--f7-ptr-size); + border-radius: 50%; + background: #fff; + margin-left: calc(-1 * var(--f7-ptr-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-size)); + z-index: 100; + box-shadow: var(--f7-elevation-1); +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + box-sizing: border-box; + border: 3px solid var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + transition: 400ms; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + transition-duration: 300ms; + transition-property: transform; +} +.md .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px); +} +.md .ptr-bottom.ptr-refreshing .ptr-preloader { + transform: translate3d(0, -66px, 0); +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + animation: lazyFadeIn 600ms; +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +:root { + --f7-table-head-font-size: 12px; + --f7-table-body-font-size: 14px; + --f7-table-footer-font-size: 12px; + --f7-table-input-height: 24px; + --f7-table-input-font-size: 14px; + --f7-table-collapsible-cell-padding: 15px; +} +.ios { + --f7-table-head-font-weight: 600; + --f7-table-head-text-color: #8e8e93; + --f7-table-head-cell-height: 44px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 44px; + --f7-table-cell-border-color: #c8c7cc; + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 15px; + --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-checkbox-cell-width: 22px; + /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ + --f7-table-selected-row-bg-color: #f7f7f8; + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 17px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 44px; + --f7-table-footer-text-color: #8e8e93; + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #000; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: #363636; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; +} +.md { + --f7-table-head-font-weight: 500; + --f7-table-head-text-color: rgba(0, 0, 0, 0.54); + --f7-table-head-cell-height: 56px; + --f7-table-head-icon-size: 16px; + --f7-table-body-cell-height: 48px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 28px; + --f7-table-edge-cell-padding-horizontal: 24px; + --f7-table-label-cell-padding-horizontal: 24px; + --f7-table-checkbox-cell-width: 18px; + --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54); + --f7-table-selected-row-bg-color: #f5f5f5; + --f7-table-actions-link-color: rgba(0, 0, 0, 0.54); + --f7-table-title-font-size: 20px; + --f7-table-title-font-weight: 400; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 56px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.54); + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #212121; +} +.md .theme-dark, +.md.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05); + --f7-table-sortable-icon-color: #fff; + --f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54); + --f7-table-actions-link-color: rgba(255, 255, 255, 0.54); + --f7-table-input-text-color: #fff; +} +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: right; +} +.data-table thead th, +.data-table thead td { + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; + height: var(--f7-table-head-cell-height); +} +.data-table thead th:not(.sortable-cell-active), +.data-table thead td:not(.sortable-cell-active) { + color: var(--f7-table-head-text-color); +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; + font-size: var(--f7-table-head-icon-size); + width: var(--f7-table-head-icon-size); + height: var(--f7-table-head-icon-size); +} +.data-table tbody { + font-size: var(--f7-table-body-font-size); +} +.data-table tbody th, +.data-table tbody td { + height: var(--f7-table-body-cell-height); +} +.data-table tbody tr.data-table-row-selected, +.device-desktop .data-table tbody tr:hover { + background: var(--f7-table-selected-row-bg-color); +} +.data-table tbody td:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table th, +.data-table td { + --f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal); + padding-top: var(--f7-table-cell-padding-vertical); + padding-bottom: var(--f7-table-cell-padding-vertical); + padding-left: var(--f7-table-cell-padding-left); + padding-right: var(--f7-table-cell-padding-right); + position: relative; + box-sizing: border-box; +} +.data-table th:first-child, +.data-table td:first-child { + --f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th:last-child, +.data-table td:last-child { + --f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th.label-cell, +.data-table td.label-cell { + --f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-label-cell-padding-horizontal); +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: left; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; + width: var(--f7-table-checkbox-cell-width); +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-right: 8px; +} +.data-table th.checkbox-cell:first-child, +.data-table td.checkbox-cell:first-child { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.checkbox-cell:first-child + td, +.data-table td.checkbox-cell:first-child + td, +.data-table th.checkbox-cell:first-child + th, +.data-table td.checkbox-cell:first-child + th { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.checkbox-cell:last-child, +.data-table td.checkbox-cell:last-child { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: left; + white-space: nowrap; +} +.data-table th.actions-cell a.link, +.data-table td.actions-cell a.link { + color: var(--f7-table-actions-cell-link-color, var(--f7-theme-color)); +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 20px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: 'arrow_bottom_md'; + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + color: var(--f7-table-sortable-icon-color); + font-size: 13px; + line-height: 16px; + transition-duration: 300ms; + transform: rotate(0); + opacity: 0; +} +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header, +.data-table.card .card-footer, +.card .data-table .card-footer { + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table.card .card-header, +.card .data-table .card-header { + height: var(--f7-table-card-header-height); +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table.card .card-footer, +.card .data-table .card-footer { + height: var(--f7-table-footer-height); +} +.data-table .data-table-title { + font-size: var(--f7-table-title-font-size); + font-weight: var(--f7-table-title-font-weight); +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: flex; +} +.data-table .data-table-links .button { + min-width: 64px; +} +.data-table .data-table-actions { + margin-right: auto; + align-items: center; +} +.data-table .data-table-actions a.link { + color: var(--f7-table-actions-link-color, var(--f7-theme-color)); + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.data-table .card-header > .data-table-header, +.data-table .card-header > .data-table-header-selected { + padding-top: var(--f7-card-header-padding-vertical); + padding-bottom: var(--f7-card-header-padding-vertical); + height: 100%; + padding-right: var(--f7-table-edge-cell-padding-horizontal); + padding-left: var(--f7-table-edge-cell-padding-horizontal); + margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); + margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); +} +.data-table .data-table-header-selected { + background: rgba(var(--f7-theme-color-rgb), 0.1); + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; + color: var(--f7-theme-color); +} +.data-table .data-table-footer { + display: flex; + align-items: center; + box-sizing: border-box; + position: relative; + font-size: var(--f7-table-footer-font-size); + overflow: hidden; + height: var(--f7-table-footer-height); + color: var(--f7-table-footer-text-color); + justify-content: flex-start; +} +.data-table .data-table-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: flex; + align-items: center; +} +.data-table .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.data-table .input-cell .table-head-label + .input { + margin-top: 4px; +} +.data-table .input-cell .input { + height: var(--f7-table-input-height); +} +.data-table .input-cell .input input, +.data-table .input-cell .input textarea, +.data-table .input-cell .input select { + height: var(--f7-table-input-height); + color: var(--f7-table-input-text-color); + font-size: var(--f7-table-input-font-size); +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + --f7-table-cell-padding-left: var(--f7-table-collapsible-cell-padding); + --f7-table-cell-padding-right: var(--f7-table-collapsible-cell-padding); + display: flex; + align-content: center; + align-items: center; + justify-content: flex-start; + text-align: right; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + transform: none !important; + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + color: var(--f7-table-head-text-color); + margin-left: 16px; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + right: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-right: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-right: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-right: 15px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-right: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-left: 5px; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link, +.ios .data-table-links .button + .button, +.ios .data-table-actions .button + .button { + margin-right: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-right: 30px; +} +.ios .data-table-rows-select .input { + margin-right: 20px; +} +.ios .data-table-pagination-label { + margin-left: 15px; +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-right: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-right: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-left: 8px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link, +.md .data-table-links .button + .button, +.md .data-table-actions .button + .button { + margin-right: 24px; +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-right: 32px; +} +.md .data-table-rows-select .input { + margin-right: 24px; +} +.md .data-table-pagination-label { + margin-left: 20px; +} +.md .input-cell .input-clear-button { + transform: scale(0.8); +} +/* === FAB === */ +:root { + --f7-fab-text-color: #fff; + --f7-fab-extended-text-font-size: 14px; + --f7-fab-extended-text-padding: 0 20px; + --f7-fab-label-bg-color: #fff; + --f7-fab-label-text-color: #333; + --f7-fab-label-border-radius: 4px; + --f7-fab-label-padding: 4px 12px; + --f7-fab-button-size: 40px; +} +.ios { + --f7-fab-size: 50px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 50px; + --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.md { + --f7-fab-size: 56px; + --f7-fab-box-shadow: var(--f7-elevation-6); + --f7-fab-margin: 16px; + --f7-fab-extended-size: 48px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0.03em; + --f7-fab-label-box-shadow: var(--f7-elevation-3); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.fab { + position: absolute; + z-index: 1500; +} +.fab a { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.fab[class*="fab-left"] { + left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left)); +} +.fab[class*="fab-right"] { + right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right)); +} +.fab[class*="-top"] { + top: var(--f7-fab-margin); +} +.fab[class*="-bottom"] { + bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom)); +} +.fab[class*="fab-center"] { + left: 50%; + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} +.fab > a, +.fab-buttons a { + background-color: var(--f7-fab-bg-color, var(--f7-theme-color)); + width: var(--f7-fab-size); + height: var(--f7-fab-size); + box-shadow: var(--f7-fab-box-shadow); + border-radius: calc(var(--f7-fab-size) / 2); + position: relative; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 1; + color: var(--f7-fab-text-color); +} +.fab > a.active-state, +.fab-buttons a.active-state { + background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade)); +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transition: 300ms; +} +.fab > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab-buttons a { + border-radius: calc(var(--f7-fab-button-size) / 2); + width: var(--f7-fab-button-size); + height: var(--f7-fab-button-size); +} +.fab-buttons { + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: var(--f7-fab-button-size); + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + flex-direction: column-reverse; +} +.fab-buttons-top a { + transform: translate3d(0, 8px, 0) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + flex-direction: column; +} +.fab-buttons-bottom a { + transform: translate3d(0, -8px, 0) scale(0.3); + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: var(--f7-fab-button-size); + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; +} +.fab-buttons-left a { + transform: translate3d(8px, 0px, 0) scale(0.3); + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; + flex-direction: row-reverse; +} +.fab-buttons-right a { + transform: translate3d(-8px, 0, 0) scale(0.3); + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + bottom: 100%; + margin-bottom: 16px; + transform: translateY(-8px) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-left: 16px; + transform: translateX(-8px) scale(0.3); + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + top: 100%; + margin-top: 16px; + transform: translateY(8px) scale(0.3); + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-right: 16px; + transform: translateX(8px) scale(0.3); + transform-origin: right center; +} +.fab-morph { + border-radius: calc(var(--f7-fab-size) / 2); + background: var(--f7-fab-bg-color, var(--f7-theme-color)); + box-shadow: var(--f7-fab-box-shadow); +} +.fab-morph > a { + box-shadow: none; + background: none !important; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; + min-width: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100%; + height: var(--f7-fab-extended-size); +} +.fab-extended > a i { + left: calc(var(--f7-fab-extended-size) / 2); +} +.fab-extended i ~ .fab-text { + padding-left: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + box-sizing: border-box; + font-size: var(--f7-fab-extended-text-font-size); + padding: var(--f7-fab-extended-text-padding); + font-weight: var(--f7-fab-extended-text-font-weight); + letter-spacing: var(--f7-fab-extended-text-letter-spacing); + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: var(--f7-fab-label-padding); + border-radius: var(--f7-fab-label-border-radius); + background: var(--f7-fab-label-bg-color); + color: var(--f7-fab-label-text-color); + box-shadow: var(--f7-fab-label-box-shadow); + white-space: nowrap; + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.navbar ~ * .fab[class*="-top"], +.navbar ~ .fab[class*="-top"] { + margin-top: var(--f7-navbar-height); +} +.toolbar-top ~ * .fab[class*="-top"], +.toolbar-top ~ .fab[class*="-top"], +.ios .toolbar-top-ios ~ * .fab[class*="-top"], +.ios .toolbar-top-ios ~ .fab[class*="-top"], +.md .toolbar-top-md ~ * .fab[class*="-top"], +.md .toolbar-top-md ~ .fab[class*="-top"] { + margin-top: var(--f7-toolbar-height); +} +.toolbar-bottom ~ * .fab[class*="-bottom"], +.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-toolbar-height); +} +.tabbar-labels.toolbar-bottom ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-tabbar-labels-height); +} +.tabbar-labels.toolbar-top ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-top ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ .fab[class*="-bottom"] { + margin-top: var(--f7-tabbar-labels-height); +} +.messagebar ~ * .fab[class*="-bottom"], +.messagebar ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-messagebar-height); +} +.navbar + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbar + .toolbar-top ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height)); +} +.navbar + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbar + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height)); +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + transition-duration: 0ms; +} +/* === Searchbar === */ +:root { + /* + --f7-searchbar-link-color: var(--f7-bars-link-color); + */ +} +.ios { + /* + --f7-searchbar-bg-image: var(--f7-bars-bg-image); + --f7-searchbar-bg-color: var(--f7-bars-bg-color); + --f7-searchbar-border-color: var(--f7-bars-border-color); + */ + --f7-searchbar-height: 44px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 17px; + --f7-searchbar-input-bg-color: #e8e8ea; + --f7-searchbar-input-border-radius: 8px; + --f7-searchbar-input-height: 32px; + --f7-searchbar-input-padding-horizontal: 28px; + /* + --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); + */ + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-searchbar-bg-color: #303030; + --f7-searchbar-input-bg-color: #171717; + --f7-searchbar-input-text-color: #fff; +} +.md { + --f7-searchbar-bg-color: #fff; + --f7-searchbar-border-color: transparent; + --f7-searchbar-height: 48px; + --f7-searchbar-link-color: #737373; + --f7-searchbar-search-icon-color: #737373; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 20px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 0px; + --f7-searchbar-input-height: 100%; + --f7-searchbar-input-padding-horizontal: 48px; + --f7-searchbar-input-clear-button-color: #737373; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25); + --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-searchbar-in-page-content-margin: 8px; + --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1); + --f7-searchbar-in-page-content-border-radius: 4px; +} +.searchbar { + width: 100%; + position: relative; + z-index: 200; + height: var(--f7-searchbar-height); + background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.searchbar.no-hairline:after, +.searchbar.no-border:after { + display: none !important; +} +.searchbar.no-shadow:before { + display: none !important; +} +.searchbar:after { + content: ''; + position: absolute; + background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.page > .searchbar { + z-index: 510; +} +.page > .searchbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.searchbar input[type="text"], +.searchbar input[type="search"] { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-weight: normal; + color: var(--f7-searchbar-input-text-color); + font-size: var(--f7-searchbar-input-font-size); + background-color: var(--f7-searchbar-input-bg-color); + border-radius: var(--f7-searchbar-input-border-radius); + position: relative; + padding: 0; + padding-left: var(--f7-searchbar-input-padding-right); + padding-right: var(--f7-searchbar-input-padding-left); +} +.searchbar input[type="text"]::-webkit-input-placeholder, +.searchbar input[type="search"]::-webkit-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-moz-placeholder, +.searchbar input[type="search"]::-moz-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-ms-input-placeholder, +.searchbar input[type="search"]::-ms-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::placeholder, +.searchbar input[type="search"]::placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.searchbar .searchbar-input-wrap { + flex-shrink: 1; + width: 100%; + height: var(--f7-searchbar-input-height); + position: relative; +} +.searchbar a { + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.page-content .searchbar { + border-radius: var(--f7-searchbar-in-page-content-border-radius); + margin: var(--f7-searchbar-in-page-content-margin); + width: auto; + box-shadow: var(--f7-searchbar-in-page-content-box-shadow); +} +.page-content .searchbar .searchbar-inner, +.page-content .searchbar input[type="text"], +.page-content .searchbar input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-border-radius); +} +.searchbar .input-clear-button { + color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); +} +.searchbar-expandable { + position: absolute; + transition-duration: 300ms; + pointer-events: none; +} +.navbar-inner-large .searchbar-expandable:after { + display: none !important; +} +.navbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-navbar-height); +} +.toolbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-toolbar-height); +} +.subnavbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-subnavbar-height); +} +.tabbar-labels .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-tabbar-labels-height); +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-icon:after { + color: var(--f7-searchbar-search-icon-color); + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-searchbar-backdrop-bg-color); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.navbar.with-searchbar-expandable-enabled, +.navbar-inner.with-searchbar-expandable-enabled { + --f7-navbar-large-collapse-progress: 1; +} +.navbar.with-searchbar-expandable-enabled .title-large, +.navbar-inner.with-searchbar-expandable-enabled .title-large, +.navbar.with-searchbar-expandable-enabled .title-large-text, +.navbar-inner.with-searchbar-expandable-enabled .title-large-text, +.navbar.with-searchbar-expandable-enabled .title-large-inner, +.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { + transition-duration: 300ms; +} +.page-content.with-searchbar-expandable-enabled { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + transition-duration: 300ms; + transition-property: transform; +} +.navbar ~ .page:not(.no-navbar) > .searchbar, +.page > .navbar ~ .searchbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar, +.page-with-navbar-large .navbar ~ .searchbar, +.page-with-navbar-large .navbar ~ * .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page > .searchbar ~ * .page-content, +.page > .searchbar ~ .page-content { + padding-top: var(--f7-searchbar-height); +} +.page > .navbar ~ .searchbar ~ * .page-content, +.page > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-searchbar-height)); +} +.page-with-navbar-large > .navbar ~ .searchbar ~ * .page-content, +.page-with-navbar-large > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.page > .toolbar-top ~ .searchbar, +.ios .page > .toolbar-top-ios ~ .searchbar, +.md .page > .toolbar-top-md ~ .searchbar { + top: var(--f7-toolbar-height); +} +.page > .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar { + top: var(--f7-tabbar-labels-height); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.ios { + --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + z-index: 30; +} +.ios .searchbar .input-clear-button { + z-index: 40; + left: 7px; +} +.ios .searchbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + right: 8px; +} +.ios .searchbar-icon:after { + content: 'search_ios'; + line-height: 13px; +} +.ios .searchbar-disable-button { + font-size: 17px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: 300ms; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none; +} +.ios .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-right: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + right: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-right: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.ios .navbar-inner.with-searchbar-expandable-enabled .left, +.ios .navbar-inner.with-searchbar-expandable-enabled .title, +.ios .navbar-inner.with-searchbar-expandable-enabled .right { + transform: translateY(calc(-1 * var(--f7-navbar-height))); + transition: 300ms; + opacity: 0; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: var(--f7-searchbar-expandable-size); + pointer-events: auto; +} +.md { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.md .searchbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + right: calc(-4px + var(--f7-safe-area-right)); + top: 50%; + transition-duration: 300ms; +} +.md .searchbar-icon { + width: 24px; + height: 24px; + margin-left: 12px; + margin-top: -12px; +} +.md .searchbar-icon:after { + content: 'search_md'; + line-height: 1.2; +} +.md .searchbar-disable-button { + width: 48px; + height: 48px; + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + margin-top: -24px; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar-disable-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + line-height: 48px; + content: "arrow_right_md"; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + left: 0; + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + line-height: 48px; + content: 'delete_md'; + opacity: 1; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page > .searchbar, +.md .subnavbar .searchbar, +.md .searchbar-expandable { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + right: calc(-4px + 8px + var(--f7-safe-area-right)); +} +.md .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + height: 100%; + opacity: 0; + top: 50%; + border-radius: calc(var(--f7-searchbar-expandable-size)); + width: calc(var(--f7-searchbar-expandable-size)); + margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2); + transform: translate3d(0px, 0px, 0px); + right: 100%; + margin-right: calc(var(--f7-searchbar-expandable-size) * -1); +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + right: 0; + margin-right: 0; +} +/* === Messages === */ +:root { + --f7-messages-content-bg-color: #fff; + --f7-message-text-header-text-color: inherit; + --f7-message-text-header-opacity: 0.65; + --f7-message-text-header-font-size: 12px; + --f7-message-text-footer-text-color: inherit; + --f7-message-text-footer-opacity: 0.65; + --f7-message-text-footer-font-size: 12px; + --f7-message-bubble-line-height: 1.2; + --f7-message-header-font-size: 12px; + --f7-message-footer-font-size: 11px; + --f7-message-name-font-size: 12px; + --f7-message-typing-indicator-bg-color: #000; + /* + --f7-message-sent-bg-color: var(--f7-theme-color); + */ + --f7-message-sent-text-color: #fff; + --f7-message-received-bg-color: #e5e5ea; + --f7-message-received-text-color: #000; +} +.ios { + --f7-messages-title-text-color: #8e8e93; + --f7-messages-title-font-size: 11px; + --f7-message-header-text-color: #8e8e93; + --f7-message-footer-text-color: #8e8e93; + --f7-message-name-text-color: #8e8e93; + --f7-message-avatar-size: 29px; + --f7-message-margin: 10px; + --f7-message-bubble-font-size: 17px; + --f7-message-bubble-border-radius: 16px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 16px; + --f7-message-typing-indicator-opacity: 0.35; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.md { + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-messages-title-font-size: 12px; + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51); + --f7-message-avatar-size: 32px; + --f7-message-margin: 16px; + --f7-message-bubble-font-size: 16px; + --f7-message-bubble-border-radius: 4px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 8px; + --f7-message-typing-indicator-opacity: 0.6; +} +.md .theme-dark, +.md.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.messages-content, +.messages { + background: var(--f7-messages-content-bg-color); +} +.messages { + display: flex; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title, +.message { + margin-top: var(--f7-message-margin); +} +.messages-title:last-child, +.message:last-child { + margin-bottom: var(--f7-message-margin); +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; + color: var(--f7-messages-title-text-color); + font-size: var(--f7-messages-title-font-size); +} +.message { + max-width: 70%; + box-sizing: border-box; + display: flex; + align-items: flex-end; + position: relative; + z-index: 1; + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + align-self: flex-end; + flex-shrink: 0; + width: var(--f7-message-avatar-size); + height: var(--f7-message-avatar-size); +} +.message-content { + position: relative; + display: flex; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; +} +.message-header { + color: var(--f7-message-header-text-color); + font-size: var(--f7-message-header-font-size); +} +.message-footer { + color: var(--f7-message-footer-text-color); + font-size: var(--f7-message-footer-font-size); + margin-bottom: -1em; +} +.message-name { + color: var(--f7-message-name-text-color); + font-size: var(--f7-message-name-font-size); +} +.message-bubble { + box-sizing: border-box; + word-break: break-word; + display: flex; + flex-direction: column; + position: relative; + line-height: var(--f7-message-bubble-line-height); + font-size: var(--f7-message-bubble-font-size); + border-radius: var(--f7-message-bubble-border-radius); + padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); + min-height: 32px; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + line-height: 1; +} +.message-text-header { + color: var(--f7-message-text-header-text-color); + opacity: var(--f7-message-text-header-opacity); + font-size: var(--f7-message-text-header-font-size); +} +.message-text-footer { + color: var(--f7-message-text-footer-text-color); + opacity: var(--f7-message-text-footer-opacity); + font-size: var(--f7-message-text-footer-font-size); +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + flex-direction: row; + align-self: flex-start; +} +.message-sent .message-bubble { + color: var(--f7-message-sent-text-color); + background: var(--f7-message-sent-bg-color, var(--f7-theme-color)); +} +.message-sent .message-content { + align-items: flex-start; +} +.message-sent.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius); +} +.message-received { + flex-direction: row-reverse; + align-self: flex-end; +} +.message-received .message-bubble { + color: var(--f7-message-received-text-color); + background: var(--f7-message-received-bg-color); +} +.message-received .message-content { + align-items: flex-end; +} +.message-received.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: var(--f7-message-typing-indicator-bg-color); + opacity: var(--f7-message-typing-indicator-opacity); + vertical-align: middle; + border-radius: 50%; +} +@keyframes message-appear-from-bottom { + from { + transform: translate3d(0, 100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + transform: translate3d(0, -100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +.ios .messages-title b, +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + min-width: 48px; +} +.ios .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal)); +} +.ios .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: calc(10px + var(--f7-safe-area-left)); +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-received .message-bubble { + padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: calc(10px + var(--f7-safe-area-right)); +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-sent .message-bubble { + padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-sent.message-tail .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: var(--f7-message-received-bg-color); + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; +} +.ios .message-typing-indicator > div + div { + margin-right: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +.md .messages-title b, +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received.message-tail .message-bubble:before, +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.md .message-received { + margin-left: calc(8px + var(--f7-safe-area-left)); +} +.md .message-received .message-avatar + .message-content { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.md .message-received.message-tail .message-bubble:before { + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid var(--f7-message-received-bg-color); + right: 100%; +} +.md .message-sent { + margin-right: calc(8px + var(--f7-safe-area-right)); +} +.md .message-sent .message-avatar + .message-content { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.md .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100%; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.md .message-typing-indicator > div + div { + margin-right: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + animation: md-message-typing-indicator 900ms 300ms infinite; +} +@keyframes md-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(-5px); + } + 50% { + transform: translateY(0%); + } +} +/* === Messagebar === */ +:root { + --f7-messagebar-bg-color: #fff; + --f7-messagebar-textarea-bg-color: transparent; + --f7-messagebar-attachments-height: 155px; + --f7-messagebar-attachment-height: 155px; + --f7-messagebar-attachment-landscape-height: 120px; + --f7-messagebar-sheet-height: 252px; + --f7-messagebar-sheet-landscape-height: 192px; +} +.ios { + --f7-messagebar-height: 44px; + --f7-messagebar-font-size: 17px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 17px; + --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-height: 34px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 17px; + --f7-messagebar-textarea-line-height: 20px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #d1d5da; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color); +} +.md { + --f7-messagebar-height: 48px; + --f7-messagebar-font-size: 16px; + --f7-messagebar-link-color: #333; + --f7-messagebar-border-color: #d1d1d1; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 0px; + --f7-messagebar-textarea-padding: 5px 8px; + --f7-messagebar-textarea-height: 32px; + --f7-messagebar-textarea-text-color: #333; + --f7-messagebar-textarea-font-size: 16px; + --f7-messagebar-textarea-line-height: 22px; + --f7-messagebar-textarea-border: 1px solid transparent; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #ddd; + --f7-messagebar-attachment-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-border-color: #282829; + --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); +} +.messagebar { + transform: translate3d(0, 0, 0); + background: var(--f7-messagebar-bg-color); + height: auto; + min-height: var(--f7-messagebar-height); + font-size: var(--f7-messagebar-font-size); + padding-bottom: var(--f7-safe-area-bottom); + bottom: 0; +} +.messagebar:before { + content: ''; + position: absolute; + background-color: var(--f7-messagebar-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-messagebar-shadow-image); +} +.messagebar.no-hairline:before, +.messagebar.no-border:before { + display: none !important; +} +.messagebar.no-shadow:after, +.messagebar.toolbar-hidden:after { + display: none !important; +} +.messagebar .toolbar-inner { + top: auto; + position: relative; + height: auto; + bottom: auto; + flex-direction: row-reverse; +} +.messagebar.messagebar-sheet-visible > .toolbar-inner { + bottom: 0; +} +.messagebar .messagebar-area { + width: 100%; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.messagebar textarea { + width: 100%; + flex-shrink: 1; + background-color: var(--f7-messagebar-textarea-bg-color); + border-radius: var(--f7-messagebar-textarea-border-radius); + padding: var(--f7-messagebar-textarea-padding); + height: var(--f7-messagebar-textarea-height); + color: var(--f7-messagebar-textarea-text-color); + font-size: var(--f7-messagebar-textarea-font-size); + line-height: var(--f7-messagebar-textarea-line-height); + border: var(--f7-messagebar-textarea-border); +} +.messagebar a.link { + align-self: flex-end; + flex-shrink: 0; + color: var(--f7-messagebar-link-color, var(--f7-theme-color)); +} +.messagebar-attachments { + width: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: var(--f7-messagebar-attachment-height); + position: relative; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +@media (orientation: landscape) { + .messagebar-attachment { + height: var(--f7-messagebar-attachment-landscape-height); + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +.messagebar-attachment + .messagebar-attachment { + margin-right: 8px; +} +.messagebar-sheet { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-content: flex-start; + height: var(--f7-messagebar-sheet-height); + background-color: var(--f7-messagebar-sheet-bg-color); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +@media (orientation: landscape) { + .messagebar-sheet { + height: var(--f7-messagebar-sheet-landscape-height); + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + box-sizing: border-box; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + width: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + margin-right: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + box-sizing: border-box; + cursor: pointer; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.messagebar ~ .page-content, +.messagebar ~ * .page-content { + padding-bottom: calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom)); +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.ios .messagebar-attachment { + font-size: 14px; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid var(--f7-messagebar-attachments-border-color); +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background-color: var(--f7-theme-color); + border-radius: 4px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +/* 3D Effects */ +.swiper-container-3d { + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + line-height: 44px; + text-align: center; + margin-top: -22px; + z-index: 10; + cursor: pointer; + color: var(--f7-theme-color); +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + font-size: 44px; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content: 'swiper_prev'; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content: 'swiper_next'; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: var(--f7-theme-color); +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--f7-theme-color); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.preloader.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +/* === Photo Browser === */ +:root { + --f7-photobrowser-bg-color: #fff; + --f7-photobrowser-bars-bg-image: none; + /* + --f7-photobrowser-bars-bg-color: rgba(var(--f7-bars-bg-color-rgb), 0.95); + --f7-photobrowser-bars-text-color: var(--f7-bars-text-color); + --f7-photobrowser-bars-link-color: var(--f7-bars-link-color); + */ + --f7-photobrowser-caption-font-size: 14px; + --f7-photobrowser-caption-light-text-color: #000; + --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8); + --f7-photobrowser-caption-dark-text-color: #fff; + --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8); + --f7-photobrowser-exposed-bg-color: #000; + --f7-photobrowser-dark-bg-color: #000; + --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8); + --f7-photobrowser-dark-bars-text-color: #fff; + --f7-photobrowser-dark-bars-link-color: #fff; +} +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + transition-duration: 0ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + transition-duration: 0ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + transform: translate3d(0, -100vh, 0); +} +.photo-browser-page { + background: none; +} +.photo-browser-page .toolbar { + transform: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: var(--f7-safe-area-bottom); + z-index: 10; + opacity: 1; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.toolbar ~ .photo-browser-captions { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); + transform: translate3d(0, 0px, 0); +} +.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + transform: translate3d(0, 0px, 0); +} +.photo-browser-caption { + box-sizing: border-box; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + font-size: var(--f7-photobrowser-caption-font-size); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + color: var(--f7-photobrowser-caption-light-text-color); + background: var(--f7-photobrowser-caption-light-bg-color); +} +.photo-browser-captions-dark .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: var(--f7-photobrowser-bg-color); + transition: 400ms; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; + pointer-events: none; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + transition: 400ms; + transition-property: transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-page .navbar, +.view.with-photo-browser-page .navbar, +.photo-browser-page .toolbar, +.view.with-photo-browser-page .toolbar { + background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); + background-image: var(--f7-photobrowser-bars-bg-image); + transition: 400ms; + color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color)); +} +.photo-browser-page .navbar a, +.view.with-photo-browser-page .navbar a, +.photo-browser-page .toolbar a, +.view.with-photo-browser-page .toolbar a { + color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .toolbar ~ .photo-browser-captions { + transform: translate3d(0, var(--f7-toolbar-height), 0); +} +.photo-browser-exposed .photo-browser-swiper-container { + background: var(--f7-photobrowser-exposed-bg-color); +} +.photo-browser-exposed .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container, +.view.with-photo-browser-page-dark .photo-browser-swiper-container { + background: var(--f7-photobrowser-dark-bg-color); +} +.photo-browser-dark .navbar, +.photo-browser-page-dark .navbar, +.view.with-photo-browser-page-dark .navbar, +.photo-browser-dark .toolbar, +.photo-browser-page-dark .toolbar, +.view.with-photo-browser-page-dark .toolbar { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + --f7-link-highlight-color: var(--f7-link-highlight-white); + background: var(--f7-photobrowser-dark-bars-bg-color); + color: var(--f7-photobrowser-dark-bars-text-color); +} +.photo-browser-dark .navbar:before, +.photo-browser-page-dark .navbar:before, +.view.with-photo-browser-page-dark .navbar:before, +.photo-browser-dark .toolbar:before, +.photo-browser-page-dark .toolbar:before, +.view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.photo-browser-dark .navbar:after, +.photo-browser-page-dark .navbar:after, +.view.with-photo-browser-page-dark .navbar:after, +.photo-browser-dark .toolbar:after, +.photo-browser-page-dark .toolbar:after, +.view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.photo-browser-dark .navbar a, +.photo-browser-page-dark .navbar a, +.view.with-photo-browser-page-dark .navbar a, +.photo-browser-dark .toolbar a, +.photo-browser-page-dark .toolbar a, +.view.with-photo-browser-page-dark .toolbar a { + color: var(--f7-photobrowser-dark-bars-link-color); +} +@keyframes photo-browser-in { + 0% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-out { + 0% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +/* === Notifications === */ +:root { + --f7-notification-max-width: 568px; +} +.ios { + --f7-notification-margin: 8px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 12px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: rgba(250, 250, 250, 0.95); + --f7-notification-translucent-bg-color-ios: rgba(255, 255, 255, 0.65); + --f7-notification-icon-size: 20px; + --f7-notification-title-color: #000; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 400; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 15px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 15px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.2; + --f7-notification-text-font-weight: 400; +} +.md { + --f7-notification-margin: 0px; + --f7-notification-padding: 16px; + --f7-notification-border-radius: 0px; + --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 16px; + --f7-notification-title-color: var(--f7-theme-color); + --f7-notification-title-font-size: 12px; + --f7-notification-title-text-transform: none; + --f7-notification-title-line-height: 1; + --f7-notification-title-font-weight: 400; + --f7-notification-title-right-color: #757575; + --f7-notification-title-right-font-size: 12px; + --f7-notification-subtitle-color: #212121; + --f7-notification-subtitle-font-size: 14px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 400; + --f7-notification-text-color: #757575; + --f7-notification-text-font-size: 14px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.35; + --f7-notification-text-font-weight: 400; +} +.notification { + position: absolute; + left: var(--f7-notification-margin); + top: var(--f7-notification-margin); + width: calc(100% - var(--f7-notification-margin) * 2); + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + box-sizing: border-box; + transition-property: transform; + direction: ltr; + max-width: var(--f7-notification-max-width); + padding: var(--f7-notification-padding); + border-radius: var(--f7-notification-border-radius); + box-shadow: var(--f7-notification-box-shadow); + background: var(--f7-notification-bg-color); + margin-top: var(--f7-statusbar-height); + --f7-link-highlight-color: var(--f7-link-highlight-black); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +@media (min-width: 568px) { + .notification { + left: 50%; + width: var(--f7-notification-max-width); + margin-left: calc(-1 * var(--f7-notification-max-width) / 2); + } +} +.notification-title { + color: var(--f7-notification-title-color, var(--f7-theme-color)); + font-size: var(--f7-notification-title-font-size); + text-transform: var(--f7-notification-title-text-transform); + line-height: var(--f7-notification-title-line-height); + font-weight: var(--f7-notification-title-font-weight); + letter-spacing: var(--f7-notification-title-letter-spacing); +} +.notification-subtitle { + color: var(--f7-notification-subtitle-color); + font-size: var(--f7-notification-subtitle-font-size); + text-transform: var(--f7-notification-subtitle-text-transform); + line-height: var(--f7-notification-subtitle-line-height); + font-weight: var(--f7-notification-subtitle-font-weight); +} +.notification-text { + color: var(--f7-notification-text-color); + font-size: var(--f7-notification-text-font-size); + text-transform: var(--f7-notification-text-text-transform); + line-height: var(--f7-notification-text-line-height); + font-weight: var(--f7-notification-text-font-weight); +} +.notification-title-right-text { + color: var(--f7-notification-title-right-color); + font-size: var(--f7-notification-title-right-font-size); +} +.notification-icon { + font-size: 0; + line-height: var(--f7-notification-icon-size); +} +.notification-icon i, +.notification-icon { + width: var(--f7-notification-icon-size) !important; + height: var(--f7-notification-icon-size) !important; +} +.notification-icon i { + font-size: var(--f7-notification-icon-size); +} +.notification-header { + display: flex; + justify-content: flex-start; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; + position: relative; +} +.notification-close-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + left: 50%; + top: 50%; + text-align: center; +} +.ios .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: var(--f7-notification-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + margin-right: 8px; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + font-size: 14px; + width: 20px; + height: 20px; + opacity: 0.3; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.65em; + line-height: 44px; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .notification { + transform: translate3d(0, -150%, 0); +} +.md .notification.modal-in { + transition-duration: 0ms; + animation: notification-md-in 400ms ease-out; + transform: translate3d(0, 0%, 0); +} +.md .notification.modal-in.notification-transitioning { + transition-duration: 200ms; +} +.md .notification.modal-out { + animation: none; + transition-duration: 200ms; + transition-timing-function: ease-in; + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + margin-right: 8px; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: var(--f7-notification-title-right-color); +} +.md .notification-close-button { + width: 16px; + height: 16px; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .notification-close-button:before, +.md .notification-close-button:after { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + color: #737373; + content: 'delete_md'; + line-height: 48px; + font-size: 14px; +} +@keyframes notification-md-in { + 0% { + transform: translate3d(0, -150%, 0); + } + 50% { + transform: translate3d(0, 10%, 0); + } + 100% { + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +:root { + --f7-autocomplete-dropdown-bg-color: #fff; + --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; + --f7-autocomplete-dropdown-preloader-size: 20px; +} +.ios { + --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000; + --f7-autocomplete-dropdown-text-matching-font-weight: 600; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} +.md { + --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54); + --f7-autocomplete-dropdown-text-matching-color: #212121; + --f7-autocomplete-dropdown-text-matching-font-weight: 400; +} +.md .theme-dark, +.md.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); + --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); +} +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + animation: none; +} +.autocomplete-dropdown { + background: var(--f7-autocomplete-dropdown-bg-color); + box-shadow: var(--f7-autocomplete-dropdown-box-shadow); + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + right: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: var(--f7-autocomplete-dropdown-preloader-size); + height: var(--f7-autocomplete-dropdown-preloader-size); +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-autocomplete-dropdown-placeholder-color); +} +.autocomplete-dropdown .list { + margin: 0; + color: var(--f7-autocomplete-dropdown-text-color); +} +.autocomplete-dropdown .list b { + color: var(--f7-autocomplete-dropdown-text-matching-color); + font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight); +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.searchbar-input-wrap .autocomplete-dropdown { + background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color)); + border-radius: var(--f7-searchbar-input-border-radius); +} +.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-searchbar-placeholder-color); +} +.searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius); + position: relative; + overflow: hidden; +} +.searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-right: var(--f7-searchbar-input-padding-left); +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-right: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown .autocomplete-preloader { + left: 15px; + margin-bottom: 12px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-left: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader { + left: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +/* === Tooltip === */ +:root { + --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); + --f7-tooltip-text-color: #fff; + --f7-tooltip-border-radius: 4px; + --f7-tooltip-padding: 8px 16px; + --f7-tooltip-font-size: 14px; + --f7-tooltip-font-weight: 500; + --f7-tooltip-desktop-padding: 6px 8px; + --f7-tooltip-desktop-font-size: 12px; +} +.tooltip { + position: absolute; + z-index: 20000; + background: var(--f7-tooltip-bg-color); + border-radius: var(--f7-tooltip-border-radius); + padding: var(--f7-tooltip-padding); + color: var(--f7-tooltip-text-color); + font-size: var(--f7-tooltip-font-size); + font-weight: var(--f7-tooltip-font-weight); + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + transform: scale(0.9); + transition-duration: 150ms; + transition-property: opacity, transform; + z-index: 99000; +} +.tooltip.tooltip-in { + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + transform: scale(1); +} +.device-desktop .tooltip { + font-size: var(--f7-tooltip-desktop-font-size); + padding: var(--f7-tooltip-desktop-padding); +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + transition-duration: 400ms; +} +/* === Skeleton === */ +:root { + --f7-skeleton-color: #ccc; +} +.theme-dark { + --f7-skeleton-color: #515151; +} +.skeleton-text { + font-family: 'framework7-skeleton' !important; +} +.skeleton-text, +.skeleton-text * { + color: var(--f7-skeleton-color) !important; + font-weight: normal !important; + font-style: normal !important; + letter-spacing: -0.015em !important; +} +.skeleton-block { + height: 1em; + background: var(--f7-skeleton-color) !important; + width: 100%; +} +.skeleton-effect-fade { + animation: skeleton-effect-fade 1s infinite; +} +.skeleton-effect-blink { + -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: 50% top; + mask-position: 50% top; + animation: skeleton-effect-blink 1s infinite; +} +.skeleton-effect-pulse { + animation: skeleton-effect-pulse 1s infinite; +} +@keyframes skeleton-effect-fade { + 0% { + opacity: 1; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@keyframes skeleton-effect-blink { + 0% { + -webkit-mask-position: 50% top; + mask-position: 50% top; + } + 100% { + -webkit-mask-position: -150% top; + mask-position: -150% top; + } +} +@keyframes skeleton-effect-pulse { + 0% { + transform: scale(1); + } + 40% { + transform: scale(1); + } + 50% { + transform: scale(0.975); + } + 100% { + transform: scale(1); + } +} +/* === Menu === */ +:root { + --f7-menu-text-color: #fff; + --f7-menu-font-size: 16px; + --f7-menu-font-weight: 500; + --f7-menu-line-height: 1.2; + --f7-menu-bg-color: rgba(0, 0, 0, 0.9); + --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9); + --f7-menu-item-padding-horizontal: 12px; + --f7-menu-item-spacing: 6px; + --f7-menu-item-height: 40px; + --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4); + --f7-menu-item-border-radius: 8px; + /* + --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color); + */ + --f7-menu-dropdown-item-height: 28px; + --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2); + --f7-menu-dropdown-padding-vertical: 6px; + /* + --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); + */ +} +.menu { + z-index: 1000; + position: relative; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.menu-inner { + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding-left: var(--f7-menu-item-spacing); + padding-right: var(--f7-menu-item-spacing); +} +.menu-inner:after { + content: ''; + width: var(--f7-menu-item-spacing); + height: 100%; + flex-shrink: 0; +} +.menu-item { + height: var(--f7-menu-item-height); + min-width: var(--f7-menu-item-height); + flex-shrink: 0; + background: var(--f7-menu-bg-color); + color: var(--f7-menu-text-color); + border-radius: var(--f7-menu-item-border-radius); + position: relative; + box-sizing: border-box; + font-size: var(--f7-menu-font-size); + font-weight: var(--f7-menu-font-weight); + cursor: pointer; + margin-right: var(--f7-menu-item-spacing); +} +.menu-item:first-child { + margin-right: 0; +} +.menu-item.active-state:not(.menu-item-dropdown-opened) { + background-color: rgba(0, 0, 0, 0.7); +} +.menu-item.icon-only { + padding-left: 0; + padding-right: 0; +} +.menu-item-content { + display: flex; + justify-content: center; + align-items: center; + padding: 0 var(--f7-menu-item-padding-horizontal); + height: 100%; + box-sizing: border-box; + width: 100%; + overflow: hidden; + border-radius: var(--f7-menu-item-border-radius); + position: relative; +} +.menu-item-content.icon-only, +.icon-only .menu-item-content { + padding-left: 0; + padding-right: 0; +} +.menu-item-dropdown .menu-item-content:after { + content: ''; + position: absolute; + width: 20px; + height: 2px; + left: 50%; + transform: translateX(-50%); + bottom: 4px; + background: var(--f7-menu-item-dropdown-icon-color); + border-radius: 4px; +} +.menu-dropdown { + opacity: 0; + visibility: hidden; + pointer-events: none; + cursor: auto; + height: 10px; + background: var(--f7-menu-bg-color); + position: relative; +} +.menu-dropdown-content { + position: absolute; + top: 100%; + border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius)); + padding-top: var(--f7-menu-dropdown-padding-vertical); + padding-bottom: var(--f7-menu-dropdown-padding-vertical); + box-sizing: border-box; + background: var(--f7-menu-bg-color); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + min-width: calc(100% + 24px); +} +.menu-dropdown-link, +.menu-dropdown-item { + display: flex; + justify-content: space-between; + align-items: center; + padding-left: var(--f7-menu-item-padding-horizontal); + padding-right: var(--f7-menu-item-padding-horizontal); + min-height: var(--f7-menu-dropdown-item-height); + line-height: var(--f7-menu-line-height); + font-size: var(--f7-menu-font-size); + color: var(--f7-menu-text-color); + font-weight: var(--f7-menu-font-weight); + white-space: nowrap; + min-width: 100px; +} +.menu-dropdown-link i, +.menu-dropdown-item i, +.menu-dropdown-link i.icon, +.menu-dropdown-item i.icon, +.menu-dropdown-link i.f7-icons, +.menu-dropdown-item i.f7-icons, +.menu-dropdown-link i.material-icons, +.menu-dropdown-item i.material-icons { + font-size: 20px; +} +.menu-dropdown-link.active-state { + background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color)); + color: var(--f7-menu-text-color); +} +.menu-dropdown-divider { + height: 1px; + margin-top: 2px; + margin-bottom: 2px; + background: var(--f7-menu-dropdown-divider-color); +} +.menu-item-dropdown-opened { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} +.menu-item-dropdown-opened .menu-item-content:after { + opacity: 0; +} +.menu-item-dropdown-opened .menu-dropdown { + opacity: 1; + visibility: visible; + pointer-events: auto; +} +.menu-item-dropdown-left .menu-dropdown:after, +.menu-item-dropdown-center .menu-dropdown:after, +.menu-dropdown-left:after .menu-dropdown-center:after { + content: ''; + position: absolute; + left: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-right .menu-dropdown:before, +.menu-item-dropdown-center .menu-dropdown:before, +.menu-dropdown-right:before, +.menu-dropdown-center:before { + content: ''; + position: absolute; + right: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-left .menu-dropdown-content, +.menu-dropdown-left .menu-dropdown-content { + left: 0; + border-top-left-radius: 0px; +} +.menu-item-dropdown-right .menu-dropdown-content, +.menu-dropdown-right .menu-dropdown-content { + right: 0; + border-top-right-radius: 0px; +} +.menu-item-dropdown-center .menu-dropdown-content, +.menu-dropdown-center .menu-dropdown-content { + left: 50%; + min-width: calc(100% + 24px + 24px); + transform: translateX(-50%); +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + transform: translate(-50%, -50%); +} +/* === Elevation === */ +:root { + --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0); + --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), + 0px 1px 1px 0px rgba(0, 0, 0, 0.14), + 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), + 0px 3px 4px 0px rgba(0, 0, 0, 0.14), + 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), + 0px 4px 5px 0px rgba(0, 0, 0, 0.14), + 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 5px 8px 0px rgba(0, 0, 0, 0.14), + 0px 1px 14px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 6px 10px 0px rgba(0, 0, 0, 0.14), + 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), + 0px 7px 10px 1px rgba(0, 0, 0, 0.14), + 0px 2px 16px 1px rgba(0, 0, 0, 0.12); + --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), + 0px 8px 10px 1px rgba(0, 0, 0, 0.14), + 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), + 0px 9px 12px 1px rgba(0, 0, 0, 0.14), + 0px 3px 16px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), + 0px 10px 14px 1px rgba(0, 0, 0, 0.14), + 0px 4px 18px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), + 0px 11px 15px 1px rgba(0, 0, 0, 0.14), + 0px 4px 20px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 12px 17px 2px rgba(0, 0, 0, 0.14), + 0px 5px 22px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 13px 19px 2px rgba(0, 0, 0, 0.14), + 0px 5px 24px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), + 0px 14px 21px 2px rgba(0, 0, 0, 0.14), + 0px 5px 26px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), + 0px 15px 22px 2px rgba(0, 0, 0, 0.14), + 0px 6px 28px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), + 0px 16px 24px 2px rgba(0, 0, 0, 0.14), + 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), + 0px 17px 26px 2px rgba(0, 0, 0, 0.14), + 0px 6px 32px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), + 0px 18px 28px 2px rgba(0, 0, 0, 0.14), + 0px 7px 34px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), + 0px 19px 29px 2px rgba(0, 0, 0, 0.14), + 0px 7px 36px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 20px 31px 3px rgba(0, 0, 0, 0.14), + 0px 8px 38px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 21px 33px 3px rgba(0, 0, 0, 0.14), + 0px 8px 40px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), + 0px 22px 35px 3px rgba(0, 0, 0, 0.14), + 0px 8px 42px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), + 0px 23px 36px 3px rgba(0, 0, 0, 0.14), + 0px 9px 44px 8px rgba(0, 0, 0, 0.12); + --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.elevation-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.elevation-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.elevation-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.elevation-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.elevation-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.elevation-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.elevation-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.elevation-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.elevation-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.elevation-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.elevation-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.elevation-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.elevation-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.elevation-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.elevation-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.elevation-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.elevation-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.elevation-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.elevation-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.elevation-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.elevation-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.elevation-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.elevation-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.elevation-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.elevation-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.device-desktop .elevation-hover-0:hover { + box-shadow: var(--f7-elevation-0) !important; +} +.device-desktop .elevation-hover-1:hover { + box-shadow: var(--f7-elevation-1) !important; +} +.device-desktop .elevation-hover-2:hover { + box-shadow: var(--f7-elevation-2) !important; +} +.device-desktop .elevation-hover-3:hover { + box-shadow: var(--f7-elevation-3) !important; +} +.device-desktop .elevation-hover-4:hover { + box-shadow: var(--f7-elevation-4) !important; +} +.device-desktop .elevation-hover-5:hover { + box-shadow: var(--f7-elevation-5) !important; +} +.device-desktop .elevation-hover-6:hover { + box-shadow: var(--f7-elevation-6) !important; +} +.device-desktop .elevation-hover-7:hover { + box-shadow: var(--f7-elevation-7) !important; +} +.device-desktop .elevation-hover-8:hover { + box-shadow: var(--f7-elevation-8) !important; +} +.device-desktop .elevation-hover-9:hover { + box-shadow: var(--f7-elevation-9) !important; +} +.device-desktop .elevation-hover-10:hover { + box-shadow: var(--f7-elevation-10) !important; +} +.device-desktop .elevation-hover-11:hover { + box-shadow: var(--f7-elevation-11) !important; +} +.device-desktop .elevation-hover-12:hover { + box-shadow: var(--f7-elevation-12) !important; +} +.device-desktop .elevation-hover-13:hover { + box-shadow: var(--f7-elevation-13) !important; +} +.device-desktop .elevation-hover-14:hover { + box-shadow: var(--f7-elevation-14) !important; +} +.device-desktop .elevation-hover-15:hover { + box-shadow: var(--f7-elevation-15) !important; +} +.device-desktop .elevation-hover-16:hover { + box-shadow: var(--f7-elevation-16) !important; +} +.device-desktop .elevation-hover-17:hover { + box-shadow: var(--f7-elevation-17) !important; +} +.device-desktop .elevation-hover-18:hover { + box-shadow: var(--f7-elevation-18) !important; +} +.device-desktop .elevation-hover-19:hover { + box-shadow: var(--f7-elevation-19) !important; +} +.device-desktop .elevation-hover-20:hover { + box-shadow: var(--f7-elevation-20) !important; +} +.device-desktop .elevation-hover-21:hover { + box-shadow: var(--f7-elevation-21) !important; +} +.device-desktop .elevation-hover-22:hover { + box-shadow: var(--f7-elevation-22) !important; +} +.device-desktop .elevation-hover-23:hover { + box-shadow: var(--f7-elevation-23) !important; +} +.device-desktop .elevation-hover-24:hover { + box-shadow: var(--f7-elevation-24) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.elevation-transition-100 { + transition-duration: 100ms; + transition-property: box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + transition-duration: 200ms; + transition-property: box-shadow; +} +.elevation-transition-300 { + transition-duration: 300ms; + transition-property: box-shadow; +} +.elevation-transition-400 { + transition-duration: 400ms; + transition-property: box-shadow; +} +.elevation-transition-500 { + transition-duration: 500ms; + transition-property: box-shadow; +} +/* === Typography === */ +.ios { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} +.md { + --f7-typography-padding: 16px; + --f7-typography-margin: 16px; +} +.display-flex { + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.flex-shrink-2 { + flex-shrink: 2 !important; +} +.flex-shrink-3 { + flex-shrink: 3 !important; +} +.flex-shrink-4 { + flex-shrink: 4 !important; +} +.flex-shrink-5 { + flex-shrink: 5 !important; +} +.flex-shrink-6 { + flex-shrink: 6 !important; +} +.flex-shrink-7 { + flex-shrink: 7 !important; +} +.flex-shrink-8 { + flex-shrink: 8 !important; +} +.flex-shrink-9 { + flex-shrink: 9 !important; +} +.flex-shrink-10 { + flex-shrink: 10 !important; +} +.justify-content-flex-start { + justify-content: flex-start !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-flex-end { + justify-content: flex-end !important; +} +.justify-content-space-between { + justify-content: space-between !important; +} +.justify-content-space-around { + justify-content: space-around !important; +} +.justify-content-space-evenly { + justify-content: space-evenly !important; +} +.justify-content-stretch { + justify-content: stretch !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-end { + justify-content: end !important; +} +.justify-content-left { + justify-content: left !important; +} +.justify-content-right { + justify-content: right !important; +} +.align-content-flex-start { + align-content: flex-start !important; +} +.align-content-flex-end { + align-content: flex-end !important; +} +.align-content-center { + align-content: center !important; +} +.align-content-space-between { + align-content: space-between !important; +} +.align-content-space-around { + align-content: space-around !important; +} +.align-content-stretch { + align-content: stretch !important; +} +.align-items-flex-start { + align-items: flex-start !important; +} +.align-items-flex-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +.align-items-stretch { + align-items: stretch !important; +} +.align-self-flex-start { + align-self: flex-start !important; +} +.align-self-flex-end { + align-self: flex-end !important; +} +.align-self-center { + align-self: center !important; +} +.align-self-stretch { + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-padding-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-horizontal { + margin-left: 0 !important; + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.no-margin-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.padding { + padding: var(--f7-typography-padding) !important; +} +.padding-top { + padding-top: var(--f7-typography-padding) !important; +} +.padding-bottom { + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-left { + padding-left: var(--f7-typography-padding) !important; +} +.padding-right { + padding-right: var(--f7-typography-padding) !important; +} +.padding-vertical { + padding-top: var(--f7-typography-padding) !important; + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-horizontal { + padding-left: var(--f7-typography-padding) !important; + padding-right: var(--f7-typography-padding) !important; +} +.margin { + margin: var(--f7-typography-margin) !important; +} +.margin-top { + margin-top: var(--f7-typography-margin) !important; +} +.margin-bottom { + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-left { + margin-left: var(--f7-typography-margin) !important; +} +.margin-right { + margin-right: var(--f7-typography-margin) !important; +} +.margin-vertical { + margin-top: var(--f7-typography-margin) !important; + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-horizontal { + margin-left: var(--f7-typography-margin) !important; + margin-right: var(--f7-typography-margin) !important; +} +[class*="text-color-"] { + color: var(--f7-theme-color-text-color) !important; +} +[class*="bg-color-"] { + background-color: var(--f7-theme-color-bg-color) !important; +} +[class*="border-color-"] { + border-color: var(--f7-theme-color-border-color) !important; +} diff --git a/framework7/css/framework7.bundle.rtl.min.css b/framework7/css/framework7.bundle.rtl.min.css new file mode 100644 index 0000000..80233cd --- /dev/null +++ b/framework7/css/framework7.bundle.rtl.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(-200%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(-200%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size)}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0;background:var(--f7-dialog-bg-color)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;background:var(--f7-dialog-bg-color)}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog{background:var(--f7-dialog-bg-color)}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:.4s}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){.popup-backdrop{z-index:9500}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0}:root .theme-dark,:root.theme-dark{--f7-login-screen-bg-color:#171717;--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px;--f7-login-screen-title-font-size:30px;--f7-login-screen-title-font-weight:normal}.md{--f7-login-screen-blocks-margin-vertical:24px;--f7-login-screen-title-font-size:34px;--f7-login-screen-title-font-weight:normal}.login-screen{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen-content{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:#8a8a8a}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-bottom{transform-origin:center top}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-text-color:var(--f7-theme-color);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color);font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}:root{--f7-sheet-height:260px}.ios{--f7-sheet-bg-color:#cfd5da;--f7-sheet-border-color:#929499}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#171717;--f7-sheet-border-color:var(--f7-bars-border-color)}.md{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-sheet-bg-color:#202020;--f7-sheet-border-color:transparent}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal:before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal:before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:.3s}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar~* .page-content{padding-top:0;padding-bottom:0}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0;padding-top:0}.sheet-modal .sheet-modal-inner>.page-content,.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}.ios{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-translucent-bg-color-ios:rgba(0, 0, 0, 0.75);--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.md{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.toast{transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-statusbar-height)}.ios .toast{transition-duration:.3s;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:var(--f7-toast-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-right:15px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.ios{--f7-progressbar-bg-color:#b6b6b6;--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-statusbar-height)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}:root{--f7-sortable-handler-color:#c7c7cc;--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-text-color:var(--f7-theme-color);--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md .theme-dark,.md.theme-dark{--f7-contacts-list-title-text-color:#fff}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color);font-weight:var(--f7-contacts-list-title-font-weight);font-size:var(--f7-contacts-list-title-font-size);color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height);height:var(--f7-contacts-list-title-height)}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-month-height:24px;--f7-timeline-item-inner-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:#6d6d72;--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:#8E8E93}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color);text-align:right}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color)}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-year-title{font-size:16px}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.1) 30%,rgba(0, 0, 0, 0.05) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.panel-backdrop{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));opacity:0;z-index:5999;display:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-duration:var(--f7-panel-transition-duration);will-change:transform,opacity}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;display:none;box-sizing:border-box;position:absolute;top:var(--f7-statusbar-height);height:calc(100% - var(--f7-statusbar-height));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%}.panel,.panel:after{transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(var(--f7-panel-width),0,0)}.panel-right{right:0}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(calc(-1 * (var(--f7-panel-width))),0,0)}.panel-visible-by-breakpoint{display:block;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint:after{display:none}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views,html.with-panel-transitioning .framework7-root>.view,html.with-panel-transitioning .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-width),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-width)),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:#e1e1e1;--f7-card-footer-border-color:#e1e1e1;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-outline-border-color:#282829;--f7-card-header-border-color:#282829;--f7-card-footer-border-color:#282829;--f7-card-footer-text-color:#8E8E93}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:#6d6d72;--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:#333}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-right:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}:root{--f7-label-font-size:12px;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-input-info-text-color:#8e8e93;--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#8e8e93}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:24px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:100px}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{transform:scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height)/ 2));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;transform-origin:right bottom}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:block}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:20px}.ios .list textarea{padding-top:11px;padding-bottom:11px}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .list textarea{padding-top:7px;padding-bottom:7px}.md .input:after,.md .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:after,.md .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{padding-top:7px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:after,.md .input-invalid:after,.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}:root{--f7-checkbox-icon-color:#fff}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative}.checkbox input[type=checkbox]:checked~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:calc(var(--f7-safe-area-left) + 10px)}.ios label.item-radio .item-inner{padding-left:calc(var(--f7-safe-area-left) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.ios{--f7-toggle-handle-color:#fff;--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color-ios:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color-ios:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-handle-color:#fff;--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.ios .toggle-icon{background:var(--f7-toggle-border-color-ios)}.ios .toggle-icon:before{position:absolute;right:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);right:0}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-border-radius:5px;--f7-range-scale-step-width:1px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-scale-step-width:2px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{right:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-right:calc(-1 * var(--f7-range-knob-size)/ 2);right:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);border-radius:var(--f7-range-label-border-radius)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-right:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-right:0}.range-slider-horizontal .range-scale-step:last-child{margin-right:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-right:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-theme-color);font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper-input-wrap input{height:100%}.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-right-color:var(--f7-stepper-button-pressed-bg-color)}.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:18px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:24px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-day-text-color:#000;--f7-calendar-today-bg-color:none;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:24px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:#282829}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color)}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{left:50%;width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-left:calc(-1 * var(--f7-ptr-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:#8e8e93;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:#c8c7cc;--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:#f7f7f8;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:#8e8e93;--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:#363636;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-sortable-icon-color:#fff;--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54);--f7-table-input-text-color:#fff}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:20px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:var(--f7-navbar-height)}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}.ios{--f7-searchbar-height:44px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e8e8ea;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717;--f7-searchbar-input-text-color:#fff}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar{z-index:510}.page>.searchbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:var(--f7-searchbar-input-padding-right);padding-right:var(--f7-searchbar-input-padding-left)}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar{position:absolute;left:0;top:0}.page-content .searchbar{border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar .searchbar-inner,.page-content .searchbar input[type=search],.page-content .searchbar input[type=text]{border-radius:var(--f7-searchbar-in-page-content-border-radius)}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner-large .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page>.searchbar~* .page-content,.page>.searchbar~.page-content{padding-top:var(--f7-searchbar-height)}.navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page:not(.no-navbar)>.searchbar~.page-content,.page>.navbar~.searchbar~* .page-content,.page>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-searchbar-height))}.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~.page-content,.page-with-navbar-large>.navbar~.searchbar~* .page-content,.page-with-navbar-large>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.toolbar-top-ios~.searchbar~.page-content,.md .page>.toolbar-top-md~.searchbar~* .page-content,.md .page>.toolbar-top-md~.searchbar~.page-content,.page>.toolbar-top~.searchbar~* .page-content,.page>.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.toolbar-top~.searchbar~* .page-content,.page>.navbar~.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios{--f7-searchbar-input-padding-left:var(--f7-searchbar-input-padding-horizontal);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));transition:.3s;opacity:0}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.md .searchbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0;--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);height:100%;opacity:0;top:50%;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;right:0;margin-right:0}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-typing-indicator-bg-color:#000;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}.ios{--f7-messages-title-text-color:#8e8e93;--f7-messages-title-font-size:11px;--f7-message-header-text-color:#8e8e93;--f7-message-footer-text-color:#8e8e93;--f7-message-name-text-color:#8e8e93;--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.ios .theme-dark,.ios.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-content-bg-color:transparent;--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54);--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:32px}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-border-color:#282829;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~* .page-content,.messagebar~.page-content{padding-bottom:calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom))}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page .navbar,.photo-browser-page .toolbar,.view.with-photo-browser-page .navbar,.view.with-photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image);transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a,.view.with-photo-browser-page .navbar a,.view.with-photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container,.view.with-photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-page-dark .navbar,.photo-browser-page-dark .toolbar,.view.with-photo-browser-page-dark .navbar,.view.with-photo-browser-page-dark .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);background:var(--f7-photobrowser-dark-bars-bg-color);color:var(--f7-photobrowser-dark-bars-text-color)}.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before,.photo-browser-page-dark .navbar:before,.photo-browser-page-dark .toolbar:before,.view.with-photo-browser-page-dark .navbar:before,.view.with-photo-browser-page-dark .toolbar:before{display:none!important}.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after,.photo-browser-page-dark .navbar:after,.photo-browser-page-dark .toolbar:after,.view.with-photo-browser-page-dark .navbar:after,.view.with-photo-browser-page-dark .toolbar:after{display:none!important}.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-page-dark .navbar a,.photo-browser-page-dark .toolbar a,.view.with-photo-browser-page-dark .navbar a,.view.with-photo-browser-page-dark .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-translucent-bg-color-ios:rgba(255, 255, 255, 0.65);--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.2;--f7-notification-text-font-weight:400}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.35;--f7-notification-text-font-weight:400}.notification{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-statusbar-height);--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:var(--f7-notification-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-left)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-left:after .menu-dropdown-center:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/framework7/css/framework7.css b/framework7/css/framework7.css new file mode 100644 index 0000000..e8640f6 --- /dev/null +++ b/framework7/css/framework7.css @@ -0,0 +1,4426 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-with-navbar-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(-20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + left: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-left: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-left: var(--f7-navbar-title-margin-left); + margin-right: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: calc(8px + var(--f7-safe-area-right)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-left: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(0%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(-100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: var(--f7-safe-area-right); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-left: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + left: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-left: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +.md .subnavbar-inner > a.link:last-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-left: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-left: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-left: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-left: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-left: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-left: 0; +} +.list .ripple-wave + .item-cell { + margin-left: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + width: auto; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.links-list a:after { + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-right: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-right: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + right: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li.swipeout:first-child, +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li.swipeout:last-child, +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li.swipeout:first-child:last-child, +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-left: 4px; +} +.subnavbar .button, +.navbar .button, +.toolbar .button, +.searchbar .button { + color: var(--f7-button-text-color, var(--f7-theme-color)); +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button:not(.button-outline):first-child { + border-left: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.segmented .button:last-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button-round:first-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button-round:last-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-left: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_left_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_right_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_left_md'; +} +.md .icon-forward:after { + content: 'arrow_right_md'; +} +.md .icon-next:after { + content: 'chevron_right_md'; +} +.md .icon-prev:after { + content: 'chevron_left_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/framework7/css/framework7.ios.css b/framework7/css/framework7.ios.css new file mode 100644 index 0000000..f93d3ed --- /dev/null +++ b/framework7/css/framework7.ios.css @@ -0,0 +1,17432 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios body { + font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #000; + line-height: 1.4; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +.ios a { + color: #007aff; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.ios .theme-dark { + color: #fff; +} +.ios .color-theme-red a { + color: #ff3b30; +} +.ios .color-theme-green a { + color: #4cd964; +} +.ios .color-theme-blue a { + color: #007aff; +} +.ios .color-theme-pink a { + color: #ff2d55; +} +.ios .color-theme-yellow a { + color: #ffcc00; +} +.ios .color-theme-orange a { + color: #ff9500; +} +.ios .color-theme-gray a { + color: #8e8e93; +} +.ios .color-theme-white a { + color: #ffffff; +} +.ios .color-theme-black a { + color: #000000; +} +.ios a.color-red { + color: #ff3b30; +} +.ios a.color-green { + color: #4cd964; +} +.ios a.color-blue { + color: #007aff; +} +.ios a.color-pink { + color: #ff2d55; +} +.ios a.color-yellow { + color: #ffcc00; +} +.ios a.color-orange { + color: #ff9500; +} +.ios a.color-gray { + color: #8e8e93; +} +.ios a.color-white { + color: #ffffff; +} +.ios a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .statusbar { + background: #f7f7f8; +} +.ios .theme-dark .statusbar { + background-color: #1b1b1b; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.ios .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.ios .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: 44px; +} +.ios .page { + background: #efeff4; +} +.ios .page-previous { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .page-transitioning, +.ios .page-transitioning .page-shadow-effect, +.ios .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-backward .page-next, +.ios .router-transition-forward .page-current, +.ios .router-transition-backward .page-current, +.ios .router-transition-forward .page-previous:not(.stacked), +.ios .router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.ios .router-transition-css-forward .page-next { + -webkit-animation: ios-page-next-to-current 400ms forwards; + animation: ios-page-next-to-current 400ms forwards; +} +.ios .router-transition-css-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; + animation: ios-page-next-to-current-shadow 400ms forwards; +} +.ios .router-transition-css-forward .page-current { + -webkit-animation: ios-page-current-to-previous 400ms forwards; + animation: ios-page-current-to-previous 400ms forwards; +} +.ios .router-transition-css-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; + animation: ios-page-current-to-previous-opacity 400ms forwards; +} +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { + top: 44px; +} +.ios .router-transition-css-backward .page-previous, +.ios .router-transition-css-backward .page-current { + pointer-events: none; +} +.ios .router-transition-css-backward .page-previous { + -webkit-animation: ios-page-previous-to-current 400ms forwards; + animation: ios-page-previous-to-current 400ms forwards; +} +.ios .router-transition-css-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; + animation: ios-page-previous-to-current-opacity 400ms forwards; +} +.ios .router-transition-css-backward .page-current { + -webkit-animation: ios-page-current-to-next 400ms forwards; + animation: ios-page-current-to-next 400ms forwards; +} +.ios .router-transition-css-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; + animation: ios-page-current-to-next-shadow 400ms forwards; +} +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { + top: 44px; +} +.ios .theme-dark .page, +.page.ios .theme-dark { + background: #171717; +} +@-webkit-keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.ios .link { + -webkit-transition: opacity 300ms; + transition: opacity 300ms; +} +.ios .link i + span, +.ios .link i + i, +.ios .link span + i, +.ios .link span + span { + margin-left: 7px; +} +.ios .link.active-state { + opacity: 0.3; + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .navbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; +} +.ios .navbar.no-hairline:after { + display: none !important; +} +.ios .navbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .navbar a.link { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 44px; + height: 44px; +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .navbar .title { + font-size: 17px; + margin: 0; + line-height: 1.2; +} +.ios .navbar .subtitle { + color: #6d6d72; + line-height: 1; + font-size: 10px; + text-align: center; + font-weight: normal; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b, +.ios .navbar .title { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: 8px; +} +.ios .navbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .navbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .navbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .navbar-inner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 8px; +} +.ios .navbar ~ *:not(.no-navbar) .page-content, +.ios .navbar ~ .page-content { + padding-top: 44px; +} +.ios .navbar-previous { + pointer-events: none; +} +.ios .navbar-previous .left, +.ios .navbar-previous .right, +.ios .navbar-previous > .title, +.ios .navbar-previous .subnavbar, +.ios .navbar-previous .fading { + opacity: 0; +} +.ios .navbar-previous .sliding { + opacity: 0; +} +.ios .navbar-previous .subnavbar.sliding, +.ios .navbar-previous.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .router-transition-css-forward .navbar-current .left, +.ios .router-transition-css-backward .navbar-current .left, +.ios .router-transition-css-forward .navbar-current > .title, +.ios .router-transition-css-backward .navbar-current > .title, +.ios .router-transition-css-forward .navbar-current .right, +.ios .router-transition-css-backward .navbar-current .right, +.ios .router-transition-css-forward .navbar-current .subnavbar, +.ios .router-transition-css-backward .navbar-current .subnavbar { + -webkit-animation: ios-navbar-element-fade-out 400ms forwards; + animation: ios-navbar-element-fade-out 400ms forwards; +} +.ios .router-transition-css-forward .navbar-current .sliding, +.ios .router-transition-css-backward .navbar-current .sliding, +.ios .router-transition-css-forward .navbar-current .left.sliding .icon, +.ios .router-transition-css-backward .navbar-current .left.sliding .icon, +.ios .router-transition-css-forward .navbar-current.sliding .left, +.ios .router-transition-css-backward .navbar-current.sliding .left, +.ios .router-transition-css-forward .navbar-current.sliding .left .icon, +.ios .router-transition-css-backward .navbar-current.sliding .left .icon, +.ios .router-transition-css-forward .navbar-current.sliding > .title, +.ios .router-transition-css-backward .navbar-current.sliding > .title, +.ios .router-transition-css-forward .navbar-current.sliding .right, +.ios .router-transition-css-backward .navbar-current.sliding .right { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + opacity: 0 !important; + -webkit-animation: none; + animation: none; +} +.ios .router-transition-css-forward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-forward .navbar-current .sliding.subnavbar, +.ios .router-transition-css-backward .navbar-current .sliding.subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + opacity: 1; +} +.ios .router-transition-css-forward .navbar-next .left, +.ios .router-transition-css-backward .navbar-previous .left, +.ios .router-transition-css-forward .navbar-next > .title, +.ios .router-transition-css-backward .navbar-previous > .title, +.ios .router-transition-css-forward .navbar-next .right, +.ios .router-transition-css-backward .navbar-previous .right, +.ios .router-transition-css-forward .navbar-next .subnavbar, +.ios .router-transition-css-backward .navbar-previous .subnavbar { + -webkit-animation: ios-navbar-element-fade-in 400ms forwards; + animation: ios-navbar-element-fade-in 400ms forwards; +} +.ios .router-transition-css-forward .navbar-next .sliding, +.ios .router-transition-css-backward .navbar-previous .sliding, +.ios .router-transition-css-forward .navbar-next .left.sliding .icon, +.ios .router-transition-css-backward .navbar-previous .left.sliding .icon, +.ios .router-transition-css-forward .navbar-next.sliding .left, +.ios .router-transition-css-backward .navbar-previous.sliding .left, +.ios .router-transition-css-forward .navbar-next.sliding .left .icon, +.ios .router-transition-css-backward .navbar-previous.sliding .left .icon, +.ios .router-transition-css-forward .navbar-next.sliding > .title, +.ios .router-transition-css-backward .navbar-previous.sliding > .title, +.ios .router-transition-css-forward .navbar-next.sliding .right, +.ios .router-transition-css-backward .navbar-previous.sliding .right, +.ios .router-transition-css-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .theme-dark .navbar, +.navbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .navbar:after, +.navbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .navbar .subtitle, +.navbar.ios .theme-dark .subtitle { + color: #8e8e93; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-left .navbar-inner { + padding-left: calc(8px + constant(safe-area-inset-right)); + padding-left: calc(8px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-right .navbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.ios .toolbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; + bottom: 0; +} +.ios .toolbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .toolbar a.link { + line-height: 44px; + height: 44px; +} +.ios .toolbar a.link i + span, +.ios .toolbar a.link i + i, +.ios .toolbar a.link span + i, +.ios .toolbar a.link span + span { + margin-left: 7px; +} +.ios .toolbar a.icon-only { + min-height: 44px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar b { + font-weight: 600; +} +.ios .toolbar.no-hairline:before { + display: none !important; +} +.ios .toolbar:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .toolbar-inner { + padding: 0 8px; +} +.ios .tabbar, +.ios .tabbar-labels { + color: #929292; +} +.ios .tabbar a, +.ios .tabbar-labels a { + color: #929292; +} +.ios .tabbar a.tab-link-active, +.ios .tabbar-labels a.tab-link-active { + color: #007aff; +} +.ios .tabbar i.icon, +.ios .tabbar-labels i.icon { + height: 30px; +} +.ios .tabbar-labels { + height: 50px; +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +.ios .tabbar-labels .tabbar-label { + letter-spacing: 0.01em; + font-size: 10px; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } + .ios .tabbar-labels { + height: 56px; + } + .ios .tabbar-labels .tabbar-label { + font-size: 14px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.ios .toolbar ~ * .page-content, +.ios .toolbar ~ .page-content { + padding-bottom: 44px; +} +.ios .tabbar-labels ~ * .page-content, +.ios .tabbar-labels ~ .page-content { + padding-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .page-content, + .ios .tabbar-labels ~ .page-content { + padding-bottom: 56px; + } +} +.ios .toolbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .toolbar-hidden { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .theme-dark .toolbar, +.toolbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .toolbar:before, +.toolbar.ios .theme-dark:before { + background-color: #282829; +} +.ios .color-theme-red .tabbar a.tab-link-active, +.ios .color-theme-red .tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar a.tab-link-active { + color: #ff3b30; +} +.ios .color-theme-green .tabbar a.tab-link-active, +.ios .color-theme-green .tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar a.tab-link-active { + color: #4cd964; +} +.ios .color-theme-blue .tabbar a.tab-link-active, +.ios .color-theme-blue .tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar a.tab-link-active { + color: #007aff; +} +.ios .color-theme-pink .tabbar a.tab-link-active, +.ios .color-theme-pink .tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar a.tab-link-active { + color: #ff2d55; +} +.ios .color-theme-yellow .tabbar a.tab-link-active, +.ios .color-theme-yellow .tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar a.tab-link-active { + color: #ffcc00; +} +.ios .color-theme-orange .tabbar a.tab-link-active, +.ios .color-theme-orange .tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar a.tab-link-active { + color: #ff9500; +} +.ios .color-theme-gray .tabbar a.tab-link-active, +.ios .color-theme-gray .tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar a.tab-link-active { + color: #8e8e93; +} +.ios .color-theme-white .tabbar a.tab-link-active, +.ios .color-theme-white .tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar a.tab-link-active { + color: #ffffff; +} +.ios .color-theme-black .tabbar a.tab-link-active, +.ios .color-theme-black .tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar a.tab-link-active { + color: #000000; +} +.ios .tabbar-labels.color-red a.tab-link-active, +.ios .tabbar.color-red a.tab-link-active { + color: #ff3b30; +} +.ios .tabbar-labels.color-green a.tab-link-active, +.ios .tabbar.color-green a.tab-link-active { + color: #4cd964; +} +.ios .tabbar-labels.color-blue a.tab-link-active, +.ios .tabbar.color-blue a.tab-link-active { + color: #007aff; +} +.ios .tabbar-labels.color-pink a.tab-link-active, +.ios .tabbar.color-pink a.tab-link-active { + color: #ff2d55; +} +.ios .tabbar-labels.color-yellow a.tab-link-active, +.ios .tabbar.color-yellow a.tab-link-active { + color: #ffcc00; +} +.ios .tabbar-labels.color-orange a.tab-link-active, +.ios .tabbar.color-orange a.tab-link-active { + color: #ff9500; +} +.ios .tabbar-labels.color-gray a.tab-link-active, +.ios .tabbar.color-gray a.tab-link-active { + color: #8e8e93; +} +.ios .tabbar-labels.color-white a.tab-link-active, +.ios .tabbar.color-white a.tab-link-active { + color: #ffffff; +} +.ios .tabbar-labels.color-black a.tab-link-active, +.ios .tabbar.color-black a.tab-link-active { + color: #000000; +} +.ios.device-iphone-x .views > .toolbar, +.ios.device-iphone-x .view > .toolbar, +.ios.device-iphone-x .page > .toolbar, +.ios.device-iphone-x .popup > .toolbar, +.ios.device-iphone-x .panel > .toolbar, +.ios.device-iphone-x .login-screen > .toolbar { + height: calc(44px + constant(safe-area-inset-bottom)); + height: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .views > .toolbar .toolbar-inner, +.ios.device-iphone-x .view > .toolbar .toolbar-inner, +.ios.device-iphone-x .page > .toolbar .toolbar-inner, +.ios.device-iphone-x .popup > .toolbar .toolbar-inner, +.ios.device-iphone-x .panel > .toolbar .toolbar-inner, +.ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { + height: auto; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .views > .tabbar-labels, +.ios.device-iphone-x .view > .tabbar-labels, +.ios.device-iphone-x .page > .tabbar-labels, +.ios.device-iphone-x .popup > .tabbar-labels, +.ios.device-iphone-x .panel > .tabbar-labels, +.ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(50px + constant(safe-area-inset-bottom)); + height: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .views > .tabbar-labels, + .ios.device-iphone-x .view > .tabbar-labels, + .ios.device-iphone-x .page > .tabbar-labels, + .ios.device-iphone-x .popup > .tabbar-labels, + .ios.device-iphone-x .panel > .tabbar-labels, + .ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios.device-iphone-x .toolbar ~ * .page-content, +.ios.device-iphone-x .toolbar ~ .page-content { + padding-bottom: calc(44px + constant(safe-area-inset-bottom)); + padding-bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ * .page-content, +.ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(50px + constant(safe-area-inset-bottom)); + padding-bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ * .page-content, + .ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-left .toolbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-right .toolbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .subnavbar { + height: 45px; + margin-top: -1px; + padding-top: 1px; + background: #f7f7f8; +} +.ios .subnavbar.no-hairline:after { + display: none !important; +} +.ios .subnavbar .title { + font-weight: 700; + line-height: 1; + overflow: visible; + font-size: 34px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + letter-spacing: -0.03em; +} +.ios .subnavbar .title { + margin-left: 7px; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + line-height: 44px; + height: 44px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + min-width: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; +} +.ios .subnavbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .subnavbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .subnavbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .subnavbar-inner { + padding: 0 8px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.ios .navbar ~ .subnavbar { + top: 44px; +} +.ios .page-with-subnavbar .page-content, +.ios .subnavbar ~ .page-content, +.ios .subnavbar ~ * .page-content { + padding-top: 44px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.ios .page-with-subnavbar .navbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .subnavbar, +.subnavbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .subnavbar:after, +.subnavbar.ios .theme-dark:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === Content Block === */ +.ios .block { + margin: 35px 0; + padding: 0 15px; + color: #6d6d72; +} +.ios .block-title { + text-transform: uppercase; + color: #6d6d72; + margin: 35px 15px 10px; + line-height: 17px; +} +.ios .block-title + .list, +.ios .block-title + .block, +.ios .block-title + .card, +.ios .block-title + .timeline, +.ios .block-title + .block-header { + margin-top: 10px; +} +.ios .block-strong { + color: #000; + background: #fff; + padding: 15px 15px; +} +.ios .block-strong:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block-strong:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block.inset { + margin-left: 15px; + margin-right: 15px; +} +.ios .block-strong-inset { + border-radius: 7px; +} +.ios .block-header, +.ios .block-footer { + padding: 0 15px; + color: #8f8f94; +} +.ios .block .block-header, +.ios .block .block-footer { + padding: 0 !important; +} +.ios .block-header { + margin-top: 35px; +} +.ios .block-header + .list, +.ios .block-header + .block, +.ios .block-header + .card, +.ios .block-header + .timeline { + margin-top: 10px; +} +.ios .block-footer { + margin-bottom: 35px; +} +.ios .list .block-header, +.ios .block .block-header, +.ios .card .block-header, +.ios .timeline .block-header { + margin-top: 0; +} +.ios .list .block-footer, +.ios .block .block-footer, +.ios .card .block-footer, +.ios .timeline .block-footer { + margin-bottom: 0; +} +.ios .list + .block-footer, +.ios .block + .block-footer, +.ios .card + .block-footer, +.ios .timeline + .block-footer { + margin-top: -25px; +} +.ios .block + .block-footer { + margin-top: -25px; + margin-bottom: 35px; +} +@media (min-width: 768px) { + .ios .block.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .block-strong.tablet-inset { + border-radius: 7px; + } +} +.ios .theme-dark .block-title, +.ios .theme-dark .block-header, +.ios .theme-dark .block-footer { + color: #8E8E93; +} +.ios .theme-dark .block { + color: #8E8E93; +} +.ios .theme-dark .block-strong, +.ios .theme-dark.block-strong { + background-color: #1c1c1d; + color: #fff; +} +.ios .theme-dark .block-strong:before, +.ios .theme-dark.block-strong:before { + background-color: #282829; +} +.ios .theme-dark .block-strong:after, +.ios .theme-dark.block-strong:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-left .block-header, + .ios.device-iphone-x .ios-left-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-left .block-footer { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-right .block-header, + .ios.device-iphone-x .ios-right-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-right .block-footer { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 95% center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: right center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.ios .list { + margin: 35px 0; + font-size: 17px; +} +.ios .list .item-cell { + width: 100%; + min-width: 0; + margin-left: 15px; +} +.ios .list .item-cell:first-child { + margin-left: 0; +} +.ios .list ul { + background: #fff; +} +.ios .list ul ul { + padding-left: 45px; +} +.ios .list .item-media { + padding-top: 7px; +} +.ios .list .item-media i + i, +.ios .list .item-media i + img { + margin-left: 5px; +} +.ios .list .item-media + .item-inner { + margin-left: 15px; +} +.ios .list .item-inner { + min-height: 44px; + padding-right: 15px; +} +.ios .list .item-after { + color: #8e8e93; + padding-left: 5px; +} +.ios .list .item-link, +.ios .list .list-button { + color: inherit; +} +.ios .list .item-link .item-inner, +.ios .list .list-button .item-inner { + padding-right: 35px; +} +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .list .item-link.active-state .item-inner:after, +.ios .list .list-button.active-state .item-inner:after { + background-color: transparent; +} +.ios .list .list-button { + padding: 0 15px; + text-align: center; + color: #007aff; + line-height: 44px; +} +.ios .list .item-content { + min-height: 44px; + padding-left: 15px; +} +.ios .list .item-subtitle { + font-size: 15px; +} +.ios .list .item-text { + font-size: 15px; + color: #8e8e93; + line-height: 21px; + max-height: 42px; +} +.ios .list .item-header, +.ios .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.ios .list .item-footer { + color: #8e8e93; +} +.ios .list .item-link.no-chevron .item-inner, +.ios .list.no-chevron .item-link .item-inner, +.ios .list .no-chevron .item-link .item-inner, +.ios .no-chevron .list .item-link .item-inner { + padding-right: 15px; +} +.ios .simple-list li:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .simple-list li { + padding-left: 15px; + padding-right: 15px; + line-height: 44px; + height: 44px; +} +.ios .simple-list li:after { + width: auto; + left: 15px; + right: 0; +} +.ios .links-list a:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .links-list a { + height: 44px; + color: inherit; +} +.ios .links-list a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .links-list a:after { + width: auto; +} +.ios .links-list a { + padding-left: 15px; + padding-right: 35px; +} +.ios .links-list a:after { + left: 15px; + right: 0; +} +.ios .links-list.no-chevron a, +.ios .no-chevron .links-list a, +.ios .links-list a.no-chevron, +.ios .links-list .no-chevron a { + padding-right: 15px; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.ios .media-list .item-inner, +.ios li.media-item .item-inner { + padding-top: 10px; + padding-bottom: 9px; +} +.ios .media-list .item-media, +.ios li.media-item .item-media { + padding-top: 9px; + padding-bottom: 10px; +} +.ios .media-list .item-link .item-inner, +.ios li.media-item .item-link .item-inner { + padding-right: 15px; +} +.ios .media-list .item-link .item-title-row, +.ios li.media-item .item-link .item-title-row { + padding-right: 20px; +} +.ios .media-list.chevron-center .item-link .item-inner, +.ios .media-list .chevron-center .item-link .item-inner, +.ios .media-list .item-link.chevron-center .item-inner, +.ios li.media-item.chevron-center .item-link .item-inner, +.ios li.media-item .item-link.chevron-center .item-inner, +.ios li.media-item .chevron-center .item-link .item-inner { + padding-right: 35px; +} +.ios .media-list.no-chevron .item-link .item-title-row, +.ios .no-chevron .media-list .item-link .item-title-row, +.ios .media-list .no-chevron .item-link .item-title-row, +.ios li.media-item.no-chevron .item-link .item-title-row, +.ios .no-chevron li.media-item .item-link .item-title-row, +.ios .media-list.chevron-center .item-title-row, +.ios .media-list .chevron-center .item-title-row, +.ios li.media-item.chevron-center .item-title-row, +.ios li.media-item .chevron-center .item-title-row { + padding-right: 0 !important; +} +.ios .list .item-link .item-inner, +.ios .links-list a { + background-position: calc(100% - 15px) center; +} +.ios .item-divider, +.ios .list-group-title { + margin-top: -1px; + padding: 4px 15px; + background: #f7f7f7; + color: #8e8e93; +} +.ios .item-divider:after, +.ios .list-group-title:after { + display: none !important; +} +.ios .list-group-title { + margin-top: 0; +} +.ios .item-divider:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .item-divider:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .item-divider:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list-group-title:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list-group-title:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list-group-title:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .list-button:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .list-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .list-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list.inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; +} +.ios .list.inset ul { + border-radius: 7px; +} +.ios .list.inset li:first-child > a { + border-radius: 7px 7px 0 0; +} +.ios .list.inset li:last-child > a { + border-radius: 0 0 7px 7px; +} +.ios .list.inset li:first-child:last-child > a { + border-radius: 7px; +} +@media (min-width: 768px) { + .ios .list.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .list.tablet-inset ul { + border-radius: 7px; + } + .ios .list.tablet-inset li:first-child > a { + border-radius: 7px 7px 0 0; + } + .ios .list.tablet-inset li:last-child > a { + border-radius: 0 0 7px 7px; + } + .ios .list.tablet-inset li:first-child:last-child > a { + border-radius: 7px; + } +} +.ios li li:last-child .item-inner:after, +.ios li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + background-position: calc(100% - 15px - constant(safe-area-inset-right)) center; + background-position: calc(100% - 15px - env(safe-area-inset-right)) center; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { + padding-right: 0; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .list ul, +.list.ios .theme-dark ul { + background: #1c1c1d; +} +.ios .theme-dark .list ul:before, +.list.ios .theme-dark ul:before { + background-color: #282829; +} +.ios .theme-dark .list ul:after, +.list.ios .theme-dark ul:after { + background-color: #282829; +} +.ios .theme-dark .list li li:last-child .item-inner:after, +.list.ios .theme-dark li li:last-child .item-inner:after, +.ios .theme-dark .list li:last-child li .item-inner:after, +.list.ios .theme-dark li:last-child li .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider:before { + background-color: #282829; +} +.ios .theme-dark .list-group-title:before { + background-color: #282829; +} +.ios .theme-dark .list-button:after { + background-color: #282829; +} +.ios .theme-dark .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider, +.ios .theme-dark .list-group-title { + background-color: #111; +} +.ios .theme-dark .links-list a:after, +.ios .theme-dark .simple-list li:after, +.ios .theme-dark .links-list a:after, +.links-list.ios .theme-dark a .simple-list li:after, +.simple-list.ios .theme-dark li:after { + background-color: #282829; +} +.ios .theme-dark .list .item-link.active-state, +.list.ios .theme-dark .item-link.active-state, +.ios .theme-dark .list .list-button.active-state, +.list.ios .theme-dark .list-button.active-state, +.ios .theme-dark .links-list a.active-state, +.links-list.ios .theme-dark a.active-state { + background-color: #363636; +} +.ios .color-theme-red .list-button { + color: #ff3b30; +} +.ios .color-theme-green .list-button { + color: #4cd964; +} +.ios .color-theme-blue .list-button { + color: #007aff; +} +.ios .color-theme-pink .list-button { + color: #ff2d55; +} +.ios .color-theme-yellow .list-button { + color: #ffcc00; +} +.ios .color-theme-orange .list-button { + color: #ff9500; +} +.ios .color-theme-gray .list-button { + color: #8e8e93; +} +.ios .color-theme-white .list-button { + color: #ffffff; +} +.ios .color-theme-black .list-button { + color: #000000; +} +.ios .list .list-button.color-red, +.ios .list li.color-red .list-button, +.ios .links-list li.color-red a, +.ios .simple-list li.color-red, +.ios .links-list a.color-red, +.ios .list .item-link.color-red, +.ios .list li.color-red .item-link { + color: #ff3b30; +} +.ios .list .list-button.color-green, +.ios .list li.color-green .list-button, +.ios .links-list li.color-green a, +.ios .simple-list li.color-green, +.ios .links-list a.color-green, +.ios .list .item-link.color-green, +.ios .list li.color-green .item-link { + color: #4cd964; +} +.ios .list .list-button.color-blue, +.ios .list li.color-blue .list-button, +.ios .links-list li.color-blue a, +.ios .simple-list li.color-blue, +.ios .links-list a.color-blue, +.ios .list .item-link.color-blue, +.ios .list li.color-blue .item-link { + color: #007aff; +} +.ios .list .list-button.color-pink, +.ios .list li.color-pink .list-button, +.ios .links-list li.color-pink a, +.ios .simple-list li.color-pink, +.ios .links-list a.color-pink, +.ios .list .item-link.color-pink, +.ios .list li.color-pink .item-link { + color: #ff2d55; +} +.ios .list .list-button.color-yellow, +.ios .list li.color-yellow .list-button, +.ios .links-list li.color-yellow a, +.ios .simple-list li.color-yellow, +.ios .links-list a.color-yellow, +.ios .list .item-link.color-yellow, +.ios .list li.color-yellow .item-link { + color: #ffcc00; +} +.ios .list .list-button.color-orange, +.ios .list li.color-orange .list-button, +.ios .links-list li.color-orange a, +.ios .simple-list li.color-orange, +.ios .links-list a.color-orange, +.ios .list .item-link.color-orange, +.ios .list li.color-orange .item-link { + color: #ff9500; +} +.ios .list .list-button.color-gray, +.ios .list li.color-gray .list-button, +.ios .links-list li.color-gray a, +.ios .simple-list li.color-gray, +.ios .links-list a.color-gray, +.ios .list .item-link.color-gray, +.ios .list li.color-gray .item-link { + color: #8e8e93; +} +.ios .list .list-button.color-white, +.ios .list li.color-white .list-button, +.ios .links-list li.color-white a, +.ios .simple-list li.color-white, +.ios .links-list a.color-white, +.ios .list .item-link.color-white, +.ios .list li.color-white .item-link { + color: #ffffff; +} +.ios .list .list-button.color-black, +.ios .list li.color-black .list-button, +.ios .links-list li.color-black a, +.ios .simple-list li.color-black, +.ios .links-list a.color-black, +.ios .list .item-link.color-black, +.ios .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.ios .badge { + font-size: 13px; + border-radius: 20px; + padding: 0 6px; + height: 20px; + line-height: 20px; +} +.ios .icon .badge, +.ios .f7-icons .badge, +.ios .framework7-icons .badge, +.ios .material-icons .badge { + line-height: 16px; + height: 16px; + border-radius: 16px; + padding: 0 4px; + min-width: 16px; + font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.ios .badge.color-red { + background-color: #ff3b30; +} +.ios .badge.color-green { + background-color: #4cd964; +} +.ios .badge.color-blue { + background-color: #007aff; +} +.ios .badge.color-pink { + background-color: #ff2d55; +} +.ios .badge.color-yellow { + background-color: #ffcc00; +} +.ios .badge.color-orange { + background-color: #ff9500; +} +.ios .badge.color-gray { + background-color: #8e8e93; +} +.ios .badge.color-white { + background-color: #ffffff; +} +.ios .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; +} +.ios .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.button-round, +.ios .button.button-round-ios { + border-radius: 29px; +} +.ios .button.button-active, +.ios .button.tab-link-active { + background: #007aff; + color: #fff; +} +.ios .button.button-big, +.ios .button.button-big-ios { + font-size: 17px; + height: 44px; + line-height: 42px; +} +.ios .button.button-small, +.ios .button.button-small-ios { + height: 26px; + line-height: 22px; + border-width: 2px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.ios .button.button-small.button-fill.active-state, +.ios .button.button-small-ios.button-fill.active-state, +.ios .button.button-small.button-fill-ios.active-state, +.ios .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; + opacity: 1; +} +.ios .button.button-fill, +.ios .button.button-fill-ios { + color: #fff; + background: #007aff; + border-color: transparent; +} +.ios .button.button-fill.active-state, +.ios .button.button-fill-ios.active-state { + opacity: 0.8; +} +.ios .button i.icon:first-child { + margin-right: 10px; +} +.ios .button i.icon:last-child { + margin-left: 10px; +} +.ios .button i.icon:first-child:last-child { + margin-left: 0; + margin-right: 0; +} +.ios .segmented .button { + border-radius: 0; + border-left-width: 0; +} +.ios .segmented .button:first-child { + border-radius: 5px 0 0 5px; + border-left-width: 1px; + border-left-style: solid; +} +.ios .segmented .button:first-child.button-small { + border-left-width: 2px; +} +.ios .segmented .button:last-child { + border-radius: 0 5px 5px 0; +} +.ios .segmented .button:first-child:last-child { + border-radius: 5px; +} +.ios .segmented .button.button-round:first-child, +.ios .segmented .button.button-round-ios:first-child { + border-radius: 29px 0 0 29px; +} +.ios .segmented .button.button-round:last-child, +.ios .segmented .button.button-round-ios:last-child { + border-radius: 0 29px 29px 0; +} +.ios .color-theme-red .button { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .button.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active, +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active { + background: #ff3b30; +} +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .color-theme-red .button.button-small.button-fill.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill.active-state, +.ios .color-theme-red .button.button-small.button-fill-ios.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .color-theme-green .button { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .button.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active, +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active { + background: #4cd964; +} +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .color-theme-green .button.button-small.button-fill.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill.active-state, +.ios .color-theme-green .button.button-small.button-fill-ios.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .color-theme-blue .button { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active, +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active { + background: #007aff; +} +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .color-theme-blue .button.button-small.button-fill.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill.active-state, +.ios .color-theme-blue .button.button-small.button-fill-ios.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .color-theme-pink .button { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .button.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active, +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active { + background: #ff2d55; +} +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .color-theme-pink .button.button-small.button-fill.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill.active-state, +.ios .color-theme-pink .button.button-small.button-fill-ios.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .color-theme-yellow .button { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .button.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active, +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active { + background: #ffcc00; +} +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .color-theme-yellow .button.button-small.button-fill.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, +.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .color-theme-orange .button { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .button.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active, +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active { + background: #ff9500; +} +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .color-theme-orange .button.button-small.button-fill.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill.active-state, +.ios .color-theme-orange .button.button-small.button-fill-ios.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .color-theme-gray .button { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .button.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active, +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active { + background: #8e8e93; +} +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .color-theme-gray .button.button-small.button-fill.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill.active-state, +.ios .color-theme-gray .button.button-small.button-fill-ios.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .color-theme-white .button { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .button.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active, +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active { + background: #ffffff; +} +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .color-theme-white .button.button-small.button-fill.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill.active-state, +.ios .color-theme-white .button.button-small.button-fill-ios.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .color-theme-black .button { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .button.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active, +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active { + background: #000000; +} +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .color-theme-black .button.button-small.button-fill.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill.active-state, +.ios .color-theme-black .button.button-small.button-fill-ios.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.ios .button.color-red { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .button.color-red.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active, +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + color: #fff; +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active { + background: #ff3b30; +} +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .button.color-red.button-small.button-fill.active-state, +.ios .button.color-red.button-small-ios.button-fill.active-state, +.ios .button.color-red.button-small.button-fill-ios.active-state, +.ios .button.color-red.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .button.color-green { + border-color: #4cd964; + color: #4cd964; +} +.ios .button.color-green.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active, +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + color: #fff; +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active { + background: #4cd964; +} +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .button.color-green.button-small.button-fill.active-state, +.ios .button.color-green.button-small-ios.button-fill.active-state, +.ios .button.color-green.button-small.button-fill-ios.active-state, +.ios .button.color-green.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .button.color-blue { + border-color: #007aff; + color: #007aff; +} +.ios .button.color-blue.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active, +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + color: #fff; +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active { + background: #007aff; +} +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .button.color-blue.button-small.button-fill.active-state, +.ios .button.color-blue.button-small-ios.button-fill.active-state, +.ios .button.color-blue.button-small.button-fill-ios.active-state, +.ios .button.color-blue.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .button.color-pink { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .button.color-pink.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active, +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + color: #fff; +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active { + background: #ff2d55; +} +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .button.color-pink.button-small.button-fill.active-state, +.ios .button.color-pink.button-small-ios.button-fill.active-state, +.ios .button.color-pink.button-small.button-fill-ios.active-state, +.ios .button.color-pink.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .button.color-yellow { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .button.color-yellow.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active, +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + color: #fff; +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active { + background: #ffcc00; +} +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .button.color-yellow.button-small.button-fill.active-state, +.ios .button.color-yellow.button-small-ios.button-fill.active-state, +.ios .button.color-yellow.button-small.button-fill-ios.active-state, +.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .button.color-orange { + border-color: #ff9500; + color: #ff9500; +} +.ios .button.color-orange.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active, +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + color: #fff; +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active { + background: #ff9500; +} +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .button.color-orange.button-small.button-fill.active-state, +.ios .button.color-orange.button-small-ios.button-fill.active-state, +.ios .button.color-orange.button-small.button-fill-ios.active-state, +.ios .button.color-orange.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .button.color-gray { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .button.color-gray.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active, +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + color: #fff; +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active { + background: #8e8e93; +} +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .button.color-gray.button-small.button-fill.active-state, +.ios .button.color-gray.button-small-ios.button-fill.active-state, +.ios .button.color-gray.button-small.button-fill-ios.active-state, +.ios .button.color-gray.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .button.color-white { + border-color: #ffffff; + color: #ffffff; +} +.ios .button.color-white.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active, +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + color: #fff; +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active { + background: #ffffff; +} +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .button.color-white.button-small.button-fill.active-state, +.ios .button.color-white.button-small-ios.button-fill.active-state, +.ios .button.color-white.button-small.button-fill-ios.active-state, +.ios .button.color-white.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .button.color-black { + border-color: #000000; + color: #000000; +} +.ios .button.color-black.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active, +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + color: #fff; +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active { + background: #000000; +} +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .button.color-black.button-small.button-fill.active-state, +.ios .button.color-black.button-small-ios.button-fill.active-state, +.ios .button.color-black.button-small.button-fill-ios.active-state, +.ios .button.color-black.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +/* === Touch Ripple === */ +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.ios .icon-back, +.ios .icon-prev { + width: 12px; + height: 20px; +} +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; +} +.ios .icon-next, +.ios .icon-prev { + width: 10px; +} +.ios .icon-back, +.ios .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon-forward, +.ios .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .navbar .f7-icons, +.ios .toolbar .f7-icons { + font-size: 22px; +} +.ios .tabbar .f7-icons, +.ios .tabbar-labels .f7-icons { + font-size: 25px; +} +.ios .item-media .f7-icons { + font-size: 25px; + width: 29px; + height: 29px; +} +.ios .button .f7-icons { + font-size: 22px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .color-theme-red .icon-back, +.ios .icon-back.color-red, +.ios a.link.color-red .icon-back, +.ios .color-theme-red .icon-prev, +.ios .icon-prev.color-red, +.ios a.link.color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-red .icon-forward, +.ios .icon-forward.color-red, +.ios a.link.color-red .icon-forward, +.ios .color-theme-red .icon-next, +.ios .icon-next.color-red, +.ios a.link.color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-back, +.ios .icon-back.color-green, +.ios a.link.color-green .icon-back, +.ios .color-theme-green .icon-prev, +.ios .icon-prev.color-green, +.ios a.link.color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-forward, +.ios .icon-forward.color-green, +.ios a.link.color-green .icon-forward, +.ios .color-theme-green .icon-next, +.ios .icon-next.color-green, +.ios a.link.color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-back, +.ios .icon-back.color-blue, +.ios a.link.color-blue .icon-back, +.ios .color-theme-blue .icon-prev, +.ios .icon-prev.color-blue, +.ios a.link.color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-forward, +.ios .icon-forward.color-blue, +.ios a.link.color-blue .icon-forward, +.ios .color-theme-blue .icon-next, +.ios .icon-next.color-blue, +.ios a.link.color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-back, +.ios .icon-back.color-pink, +.ios a.link.color-pink .icon-back, +.ios .color-theme-pink .icon-prev, +.ios .icon-prev.color-pink, +.ios a.link.color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-forward, +.ios .icon-forward.color-pink, +.ios a.link.color-pink .icon-forward, +.ios .color-theme-pink .icon-next, +.ios .icon-next.color-pink, +.ios a.link.color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-back, +.ios .icon-back.color-yellow, +.ios a.link.color-yellow .icon-back, +.ios .color-theme-yellow .icon-prev, +.ios .icon-prev.color-yellow, +.ios a.link.color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-forward, +.ios .icon-forward.color-yellow, +.ios a.link.color-yellow .icon-forward, +.ios .color-theme-yellow .icon-next, +.ios .icon-next.color-yellow, +.ios a.link.color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-back, +.ios .icon-back.color-orange, +.ios a.link.color-orange .icon-back, +.ios .color-theme-orange .icon-prev, +.ios .icon-prev.color-orange, +.ios a.link.color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-forward, +.ios .icon-forward.color-orange, +.ios a.link.color-orange .icon-forward, +.ios .color-theme-orange .icon-next, +.ios .icon-next.color-orange, +.ios a.link.color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-back, +.ios .icon-back.color-gray, +.ios a.link.color-gray .icon-back, +.ios .color-theme-gray .icon-prev, +.ios .icon-prev.color-gray, +.ios a.link.color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-forward, +.ios .icon-forward.color-gray, +.ios a.link.color-gray .icon-forward, +.ios .color-theme-gray .icon-next, +.ios .icon-next.color-gray, +.ios a.link.color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-back, +.ios .icon-back.color-white, +.ios a.link.color-white .icon-back, +.ios .color-theme-white .icon-prev, +.ios .icon-prev.color-white, +.ios a.link.color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-forward, +.ios .icon-forward.color-white, +.ios a.link.color-white .icon-forward, +.ios .color-theme-white .icon-next, +.ios .icon-next.color-white, +.ios a.link.color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-back, +.ios .icon-back.color-black, +.ios a.link.color-black .icon-back, +.ios .color-theme-black .icon-prev, +.ios .icon-prev.color-black, +.ios a.link.color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-forward, +.ios .icon-forward.color-black, +.ios a.link.color-black .icon-forward, +.ios .color-theme-black .icon-next, +.ios .icon-next.color-black, +.ios a.link.color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon.color-red { + color: #ff3b30; +} +.ios .icon.color-green { + color: #4cd964; +} +.ios .icon.color-blue { + color: #007aff; +} +.ios .icon.color-pink { + color: #ff2d55; +} +.ios .icon.color-yellow { + color: #ffcc00; +} +.ios .icon.color-orange { + color: #ff9500; +} +.ios .icon.color-gray { + color: #8e8e93; +} +.ios .icon.color-white { + color: #ffffff; +} +.ios .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +.dialog-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + -webkit-transform: translate3d(0, 0, 0) scale(1.185); + transform: translate3d(0, 0, 0) scale(1.185); + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + display: none; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + font-weight: 500; +} +.dialog-buttons { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +.dialog-input-field .item-input-wrap { + margin: 0; + padding: 0; +} +.dialog-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + -webkit-box-shadow: none; + box-shadow: none; +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog { + width: 270px; + margin-left: -135px; + text-align: center; + border-radius: 13px; + color: #000; +} +.ios .dialog.modal-out { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: 13px 13px 0 0; + background: rgba(255, 255, 255, 0.95); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .dialog-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .dialog-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .dialog-title { + font-size: 18px; + text-align: center; + font-weight: 600; +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + height: 44px; + font-size: 17px; + line-height: 44px; + text-align: center; + color: #007aff; + display: block; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + background: rgba(255, 255, 255, 0.95); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 13px; +} +.ios .dialog-button:last-child { + border-radius: 0 0 13px 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 13px 13px; +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-button.active-state { + background: rgba(230, 230, 230, 0.95); +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 13px 13px; +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .dialog-button:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .dialog-button:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: 13px; +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input-field .item-input-wrap { + margin: 0; +} +.ios .dialog-input { + height: 26px; + background: #fff; + padding: 0 5px; + border: 1px solid rgba(0, 0, 0, 0.3); + font-size: 14px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 5px; +} +.ios .dialog-preloader .preloader { + width: 34px; + height: 34px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.ios .dialog-button.color-red { + color: #ff3b30; +} +.ios .dialog-button.color-green { + color: #4cd964; +} +.ios .dialog-button.color-blue { + color: #007aff; +} +.ios .dialog-button.color-pink { + color: #ff2d55; +} +.ios .dialog-button.color-yellow { + color: #ffcc00; +} +.ios .dialog-button.color-orange { + color: #ff9500; +} +.ios .dialog-button.color-gray { + color: #8e8e93; +} +.ios .dialog-button.color-white { + color: #ffffff; +} +.ios .dialog-button.color-black { + color: #000000; +} +/* === Popup === */ +.popup-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.popup-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popup { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.popup.modal-in, +.popup.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popup.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: 630px; + height: 630px; + left: 50%; + top: 50%; + margin-left: -315px; + margin-top: -315px; + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + html.with-statusbar .popup-backdrop { + z-index: 9500; + } + html.with-statusbar.device-ios .popup, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 24px); + top: 24px; + } +} +@media (min-width: 630px), (min-height: 630px) { + html.with-statusbar.device-ios .popup-tablet-fullscreen, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup-tablet-fullscreen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup-tablet-fullscreen, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 24px); + top: 24px; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +.login-screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.login-screen.modal-in, +.login-screen.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.login-screen.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +html.with-statusbar.device-ios .login-screen, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 20px); + top: 20px; +} +html.with-statusbar.device-iphone-x .login-screen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .login-screen, +html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 24px); + top: 24px; +} +.login-screen-content { + background: #fff; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: 480px; +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: center; +} +.ios .login-screen-content .login-screen-title, +.ios .login-screen-content .list, +.ios .login-screen-content .block { + margin: 25px auto; +} +.ios .login-screen-title { + font-size: 30px; +} +.ios .theme-dark .login-screen-content, +.ios .theme-dark .login-screen-content .list ul { + background-color: transparent; +} +/* === Popover === */ +.popover-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popover-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popover { + width: 260px; + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + background: rgba(255, 255, 255, 0.95); + border-radius: 13px; + -webkit-transform: none; + transform: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.ios .popover .list:first-child ul { + border-radius: 13px 13px 0 0; +} +.ios .popover .list:first-child li:first-child, +.ios .popover .list:first-child li:first-child a, +.ios .popover .list:first-child li:first-child > label { + border-radius: 13px 13px 0 0; +} +.ios .popover .list:last-child ul { + border-radius: 0 0 13px 13px; +} +.ios .popover .list:last-child li:last-child, +.ios .popover .list:last-child li:last-child a, +.ios .popover .list:last-child li:last-child > label { + border-radius: 0 0 13px 13px; +} +.ios .popover .list:first-child:last-child li:first-child:last-child, +.ios .popover .list:first-child:last-child li:first-child:last-child a, +.ios .popover .list:first-child:last-child li:first-child:last-child > label, +.ios .popover .list:first-child:last-child ul { + border-radius: 13px; +} +.ios .popover .list + .list { + margin-top: 35px; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: rgba(255, 255, 255, 0.95); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.ios .popover-from-actions .list + .list { + margin-top: 20px; +} +.ios .popover-from-actions .list ul { + background: #fff; +} +.ios .popover-from-actions .item-link i.icon { + width: 29px; + height: 29px; + font-size: 29px; +} +.ios .popover-from-actions-label { + padding: 8px 10px; + color: #8a8a8a; + font-size: 13px; + text-align: center; +} +.ios .popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .popover, +.popover.ios .theme-dark { + background: rgba(30, 30, 30, 0.95); +} +.ios .theme-dark .popover .popover-angle:after, +.popover.ios .theme-dark .popover-angle:after { + background: rgba(30, 30, 30, 0.95); +} +.ios .theme-dark .popover .list ul, +.popover.ios .theme-dark .list ul { + background-color: transparent; +} +/* === Actions === */ +.actions-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.actions-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.actions-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-modal.modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.actions-modal.modal-out { + z-index: 13499; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +.actions-group { + position: relative; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: relative; +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 500; +} +.actions-button { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.actions-button-media { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-button-text { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.actions-label { + line-height: 1.3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-grid .actions-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; +} +.actions-grid .actions-button-media { + margin-left: auto; + margin-right: auto; +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center; +} +.ios .actions-group { + margin: 8px; + border-radius: 13px; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ios .actions-button, +.ios .actions-label { + text-align: center; + overflow: hidden; + background: rgba(255, 255, 255, 0.95); +} +.ios .actions-button b, +.ios .actions-label b, +.ios .actions-button.actions-button-bold, +.ios .actions-label.actions-button-bold { + font-weight: 600; +} +.ios .actions-button:first-child, +.ios .actions-label:first-child { + border-radius: 13px 13px 0 0; +} +.ios .actions-button:last-child, +.ios .actions-label:last-child { + border-radius: 0 0 13px 13px; +} +.ios .actions-button:last-child:after, +.ios .actions-label:last-child:after { + display: none !important; +} +.ios .actions-button:first-child:last-child, +.ios .actions-label:first-child:last-child { + border-radius: 13px; +} +.ios .actions-button { + height: 57px; + line-height: 57px; + font-size: 20px; + color: #007aff; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .actions-button.active-state { + background: rgba(230, 230, 230, 0.9); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media i.icon { + width: 29px; + height: 29px; + font-size: 29px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.ios .actions-label { + font-size: 13px; + min-height: 57px; + padding: 8px 10px; + color: #8a8a8a; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (orientation: lanscape) { + .ios .actions-label { + min-height: 44px; + } + .ios .actions-button { + height: 44px; + line-height: 44px; + } +} +.ios .actions-grid .actions-group { + margin-top: 0; + border-radius: 0; + background: rgba(255, 255, 255, 0.95); +} +.ios .actions-grid .actions-group:first-child { + border-radius: 13px 13px 0 0; +} +.ios .actions-grid .actions-group:last-child { + border-radius: 0 0 13px 13px; +} +.ios .actions-grid .actions-group:first-child:last-child { + border-radius: 13px; +} +.ios .actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.ios .actions-grid .actions-button, +.ios .actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.ios .actions-grid .actions-button-media { + width: 48px; + height: 48px; + margin-left: auto; + margin-right: auto; +} +.ios .actions-grid .actions-button-media i.icon { + width: 48px; + height: 48px; + font-size: 48px; +} +.ios .actions-grid .actions-button-media + .actions-button-text { + text-align: center; +} +.ios .actions-grid .actions-button { + padding: 16px; + line-height: 1; + height: auto; +} +.ios .actions-grid .actions-button:after { + display: none !important; +} +.ios .actions-grid .actions-button.active-state { + background: rgba(230, 230, 230, 0.9); +} +.ios .actions-grid .actions-button-text { + margin-top: 8px; + line-height: 16px; + height: 16px; + font-size: 12px; + color: #757575; +} +.ios .actions-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .actions-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .actions-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .actions-label:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .actions-button.color-red, +.ios .actions-label.color-red { + color: #ff3b30; +} +.ios .actions-button.color-green, +.ios .actions-label.color-green { + color: #4cd964; +} +.ios .actions-button.color-blue, +.ios .actions-label.color-blue { + color: #007aff; +} +.ios .actions-button.color-pink, +.ios .actions-label.color-pink { + color: #ff2d55; +} +.ios .actions-button.color-yellow, +.ios .actions-label.color-yellow { + color: #ffcc00; +} +.ios .actions-button.color-orange, +.ios .actions-label.color-orange { + color: #ff9500; +} +.ios .actions-button.color-gray, +.ios .actions-label.color-gray { + color: #8e8e93; +} +.ios .actions-button.color-white, +.ios .actions-label.color-white { + color: #ffffff; +} +.ios .actions-button.color-black, +.ios .actions-label.color-black { + color: #000000; +} +.ios.device-iphone-x .actions-modal.modal-in { + -webkit-transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0); + transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0); + -webkit-transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0); + transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0); +} +/* === Sheet Modal === */ +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 11000; +} +.sheet-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 260px; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 12500; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sheet-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.ios .sheet-modal { + background: #cfd5da; +} +.ios .sheet-modal .toolbar { + background: #f7f7f8; +} +.ios .sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - 44px); +} +.ios .sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; +} +.ios .sheet-modal .toolbar:before { + content: ''; + position: absolute; + background-color: #929499; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .sheet-modal .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .sheet-modal .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.ios.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .theme-dark .sheet-modal, +.sheet-modal.ios .theme-dark { + background-color: #171717; +} +.ios .theme-dark .sheet-modal .toolbar, +.sheet-modal.ios .theme-dark .toolbar { + background-color: #1b1b1b; +} +.ios .theme-dark .sheet-modal .toolbar:before, +.sheet-modal.ios .theme-dark .toolbar:before { + background-color: #282829; +} +/* === Toast === */ +.toast { + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + position: absolute; + max-width: 568px; + z-index: 20000; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast .toast-text { + line-height: 20px; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons { + font-size: 50px; + width: 50px; + height: 50px; +} +.toast.toast-with-icon .toast-icon .material-icons { + font-size: 48px; + width: 48px; + height: 48px; +} +.toast.toast-center { + top: 50%; + opacity: 0; +} +@media (min-width: 1024px) { + .toast { + opacity: 0; + } +} +html.with-statusbar.device-ios .toast-top, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top { + margin-top: 20px; +} +html.with-statusbar.device-iphone-x .toast-top { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .toast-top, +html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top { + margin-top: 24px; +} +.ios .toast { + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + background: rgba(0, 0, 0, 0.75); + opacity: 0; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: 8px; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + opacity: 1; +} +.ios .toast.toast-top { + top: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + opacity: 1; +} +.ios .toast.toast-bottom { + bottom: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + opacity: 1; +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + } + .ios .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 569px) { + .ios .toast { + border-radius: 8px; + } + .ios .toast.toast-bottom { + bottom: 15px; + } + .ios .toast.toast-top { + top: 15px; + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-content { + padding: 12px 15px; +} +.ios .toast-button { + color: #fff; + margin-left: 15px; +} +@media (max-width: 568px) { + .ios.device-iphone-x .toast-bottom .toast-content { + padding-bottom: calc(12px + constant(safe-area-inset-bottom)); + padding-bottom: calc(12px + env(safe-area-inset-bottom)); + } +} +@media (min-width: 569px) { + .ios.device-iphone-x .toast-bottom { + bottom: calc(15px + constant(safe-area-inset-bottom)); + bottom: calc(15px + env(safe-area-inset-bottom)); + } +} +/* === Preloader === */ +.preloader { + display: inline-block; + vertical-align: middle; +} +/* === Preloader Modal === */ +.preloader-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.preloader-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: 8px; + background: rgba(0, 0, 0, 0.8); + z-index: 14500; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.preloader-modal .preloader { + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .preloader { + width: 20px; + height: 20px; + 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"); + background-position: 50%; + background-size: 100%; + background-repeat: no-repeat; + -webkit-animation: ios-preloader-spin 1s steps(12, end) infinite; + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader-modal { + border-radius: 5px; +} +.ios .preloader-modal .preloader { + width: 34px; + height: 34px; +} +.ios .preloader.color-red, +.ios .preloader.preloader-red { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-green, +.ios .preloader.preloader-green { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-blue, +.ios .preloader.preloader-blue { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-pink, +.ios .preloader.preloader-pink { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-yellow, +.ios .preloader.preloader-yellow { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-orange, +.ios .preloader.preloader-orange { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-gray, +.ios .preloader.preloader-gray { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-white, +.ios .preloader.preloader-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-black, +.ios .preloader.preloader-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +@-webkit-keyframes ios-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes ios-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +/* === Progressbar === */ +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + -webkit-transform-origin: center top !important; + transform-origin: center top !important; +} +.with-statusbar.device-ios body > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-ios .framework7-root > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-ios body > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-ios .framework7-root > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 20px; +} +.with-statusbar.device-android body > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-android .framework7-root > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-android body > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-android .framework7-root > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 24px; +} +.with-statusbar.device-iphone-x body > .progressbar, +.with-statusbar.device-iphone-x .framework7-root > .progressbar, +.with-statusbar.device-iphone-x body > .progressbar-infinite, +.with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + display: block; +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + -webkit-animation: progressbar-in 150ms forwards; + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + -webkit-animation: progressbar-out 150ms forwards; + animation: progressbar-out 150ms forwards; +} +@-webkit-keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@-webkit-keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +.ios .progressbar, +.ios .progressbar-infinite { + height: 2px; + background: #b6b6b6; + -webkit-transform-origin: center top; + transform-origin: center top; + border-radius: 2px; +} +.ios .progressbar span { + background: #007aff; +} +.ios .progressbar-infinite:before { + content: ''; + background: #007aff; + -webkit-animation: ios-progressbar-infinite 1s linear infinite; + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), color-stop(#ff2d55), color-stop(#5856d6), color-stop(#34aadc), color-stop(#007aff), color-stop(#5ac8fa), to(#4cd964)); + background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + -webkit-animation: ios-progressbar-infinite-multicolor 3s linear infinite; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +.ios .color-theme-red .progressbar span { + background: #ff3b30; +} +.ios .color-theme-red .progressbar-infinite:before { + background: #ff3b30; +} +.ios .color-theme-green .progressbar span { + background: #4cd964; +} +.ios .color-theme-green .progressbar-infinite:before { + background: #4cd964; +} +.ios .color-theme-blue .progressbar span { + background: #007aff; +} +.ios .color-theme-blue .progressbar-infinite:before { + background: #007aff; +} +.ios .color-theme-pink .progressbar span { + background: #ff2d55; +} +.ios .color-theme-pink .progressbar-infinite:before { + background: #ff2d55; +} +.ios .color-theme-yellow .progressbar span { + background: #ffcc00; +} +.ios .color-theme-yellow .progressbar-infinite:before { + background: #ffcc00; +} +.ios .color-theme-orange .progressbar span { + background: #ff9500; +} +.ios .color-theme-orange .progressbar-infinite:before { + background: #ff9500; +} +.ios .color-theme-gray .progressbar span { + background: #8e8e93; +} +.ios .color-theme-gray .progressbar-infinite:before { + background: #8e8e93; +} +.ios .color-theme-white .progressbar span { + background: #ffffff; +} +.ios .color-theme-white .progressbar-infinite:before { + background: #ffffff; +} +.ios .color-theme-black .progressbar span { + background: #000000; +} +.ios .color-theme-black .progressbar-infinite:before { + background: #000000; +} +.ios .progressbar.color-red span { + background: #ff3b30; +} +.ios .progressbar-infinite.color-red:before { + background: #ff3b30; +} +.ios .progressbar.color-green span { + background: #4cd964; +} +.ios .progressbar-infinite.color-green:before { + background: #4cd964; +} +.ios .progressbar.color-blue span { + background: #007aff; +} +.ios .progressbar-infinite.color-blue:before { + background: #007aff; +} +.ios .progressbar.color-pink span { + background: #ff2d55; +} +.ios .progressbar-infinite.color-pink:before { + background: #ff2d55; +} +.ios .progressbar.color-yellow span { + background: #ffcc00; +} +.ios .progressbar-infinite.color-yellow:before { + background: #ffcc00; +} +.ios .progressbar.color-orange span { + background: #ff9500; +} +.ios .progressbar-infinite.color-orange:before { + background: #ff9500; +} +.ios .progressbar.color-gray span { + background: #8e8e93; +} +.ios .progressbar-infinite.color-gray:before { + background: #8e8e93; +} +.ios .progressbar.color-white span { + background: #ffffff; +} +.ios .progressbar-infinite.color-white:before { + background: #ffffff; +} +.ios .progressbar.color-black span { + background: #000000; +} +.ios .progressbar-infinite.color-black:before { + background: #000000; +} +@-webkit-keyframes ios-progressbar-infinite { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ios-progressbar-infinite-multicolor { + 0% { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + } +} +/* === Sortable === */ +.sortable .sortable-handler { + position: absolute; + top: 0; + bottom: 1px; + z-index: 10; + background-repeat: no-repeat; + background-size: 18px 12px; + opacity: 0; + pointer-events: none; + cursor: move; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + right: 0; + background-position: 100% 50%; +} +.sortable .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: rgba(255, 255, 255, 0.8); + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; + background-position: 50% 50%; +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.theme-dark .sortable li.sorting, +.sortable.theme-dark li.sorting { + background-color: rgba(50, 50, 50, 0.8); +} +.ios .sortable-handler { + width: 35px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E"); +} +.ios .sortable li.sorting { + -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.ios .sortable-enabled .item-inner, +.ios .sortable-enabled .item-link .item-inner { + padding-right: 35px; +} +.ios .list.sortable-enabled .item-link.no-chevron .item-inner, +.ios .list.sortable-enabled.no-chevron .item-link .item-inner, +.ios .list.sortable-enabled .no-chevron .item-link .item-inner, +.ios .no-chevron .list.sortable-enabled .item-link .item-inner { + padding-right: 35px; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-right-edge .sortable-handler, + .ios.device-iphone-x .ios-edges .sortable-handler, + .ios.device-iphone-x .popup .sortable-handler, + .ios.device-iphone-x .sheet-modal .sortable-handler, + .ios.device-iphone-x .panel-right .sortable-handler { + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right); + } + .ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)); + padding-right: calc(35px + env(safe-area-inset-right)); + } +} +/* === Swipeout === */ +.swipeout { + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swipeout-deleting { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: left, -webkit-transform; + transition-property: left, -webkit-transform; + transition-property: transform, left; + transition-property: transform, left, -webkit-transform; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: left; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: #fff; + background: #c7c7cc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-right { + right: 0%; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.ios .swipeout-actions-left > a, +.ios .swipeout-actions-right > a, +.ios .swipeout-actions-left > button, +.ios .swipeout-actions-right > button, +.ios .swipeout-actions-left > span, +.ios .swipeout-actions-right > span, +.ios .swipeout-actions-left > div, +.ios .swipeout-actions-right > div { + padding: 0 30px; + color: #fff; +} +.ios .swipeout-actions-left .swipeout-delete, +.ios .swipeout-actions-right .swipeout-delete { + background: #ff3b30; +} +.ios .swipeout-actions-left > a.color-red, +.ios .swipeout-actions-right > a.color-red, +.ios .swipeout-actions-left > button.color-red, +.ios .swipeout-actions-right > button.color-red, +.ios .swipeout-actions-left > span.color-red, +.ios .swipeout-actions-right > span.color-red, +.ios .swipeout-actions-left > div.color-red, +.ios .swipeout-actions-right > div.color-red { + background-color: #ff3b30; +} +.ios .swipeout-actions-left > a.color-green, +.ios .swipeout-actions-right > a.color-green, +.ios .swipeout-actions-left > button.color-green, +.ios .swipeout-actions-right > button.color-green, +.ios .swipeout-actions-left > span.color-green, +.ios .swipeout-actions-right > span.color-green, +.ios .swipeout-actions-left > div.color-green, +.ios .swipeout-actions-right > div.color-green { + background-color: #4cd964; +} +.ios .swipeout-actions-left > a.color-blue, +.ios .swipeout-actions-right > a.color-blue, +.ios .swipeout-actions-left > button.color-blue, +.ios .swipeout-actions-right > button.color-blue, +.ios .swipeout-actions-left > span.color-blue, +.ios .swipeout-actions-right > span.color-blue, +.ios .swipeout-actions-left > div.color-blue, +.ios .swipeout-actions-right > div.color-blue { + background-color: #007aff; +} +.ios .swipeout-actions-left > a.color-pink, +.ios .swipeout-actions-right > a.color-pink, +.ios .swipeout-actions-left > button.color-pink, +.ios .swipeout-actions-right > button.color-pink, +.ios .swipeout-actions-left > span.color-pink, +.ios .swipeout-actions-right > span.color-pink, +.ios .swipeout-actions-left > div.color-pink, +.ios .swipeout-actions-right > div.color-pink { + background-color: #ff2d55; +} +.ios .swipeout-actions-left > a.color-yellow, +.ios .swipeout-actions-right > a.color-yellow, +.ios .swipeout-actions-left > button.color-yellow, +.ios .swipeout-actions-right > button.color-yellow, +.ios .swipeout-actions-left > span.color-yellow, +.ios .swipeout-actions-right > span.color-yellow, +.ios .swipeout-actions-left > div.color-yellow, +.ios .swipeout-actions-right > div.color-yellow { + background-color: #ffcc00; +} +.ios .swipeout-actions-left > a.color-orange, +.ios .swipeout-actions-right > a.color-orange, +.ios .swipeout-actions-left > button.color-orange, +.ios .swipeout-actions-right > button.color-orange, +.ios .swipeout-actions-left > span.color-orange, +.ios .swipeout-actions-right > span.color-orange, +.ios .swipeout-actions-left > div.color-orange, +.ios .swipeout-actions-right > div.color-orange { + background-color: #ff9500; +} +.ios .swipeout-actions-left > a.color-gray, +.ios .swipeout-actions-right > a.color-gray, +.ios .swipeout-actions-left > button.color-gray, +.ios .swipeout-actions-right > button.color-gray, +.ios .swipeout-actions-left > span.color-gray, +.ios .swipeout-actions-right > span.color-gray, +.ios .swipeout-actions-left > div.color-gray, +.ios .swipeout-actions-right > div.color-gray { + background-color: #8e8e93; +} +.ios .swipeout-actions-left > a.color-white, +.ios .swipeout-actions-right > a.color-white, +.ios .swipeout-actions-left > button.color-white, +.ios .swipeout-actions-right > button.color-white, +.ios .swipeout-actions-left > span.color-white, +.ios .swipeout-actions-right > span.color-white, +.ios .swipeout-actions-left > div.color-white, +.ios .swipeout-actions-right > div.color-white { + background-color: #ffffff; +} +.ios .swipeout-actions-left > a.color-black, +.ios .swipeout-actions-right > a.color-black, +.ios .swipeout-actions-left > button.color-black, +.ios .swipeout-actions-right > button.color-black, +.ios .swipeout-actions-left > span.color-black, +.ios .swipeout-actions-right > span.color-black, +.ios .swipeout-actions-left > div.color-black, +.ios .swipeout-actions-right > div.color-black { + background-color: #000000; +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-left: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + -webkit-transform: none; + transform: none; +} +.ios .list .accordion-item-toggle .item-inner { + background-size: 8px 13px; + background: no-repeat calc(100% - 15px) center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); + padding-right: 35px; +} +.ios .list .accordion-item-toggle.active-state { + background-color: #d9d9d9; +} +.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.ios .media-list .accordion-item-opened > .item-link .item-title-row, +.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.ios .accordion-item-opened.media-item > .item-link .item-title-row, +.ios .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; +} +.ios .theme-dark .list .accordion-item-toggle .item-inner { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.ios .theme-dark .list .accordion-item-toggle.active-state { + background-color: #363636; +} +.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.ios .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row, +.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.ios .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row, +.ios .theme-dark .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +/* === Contacts === */ +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.ios .contacts-list { + margin: 0; +} +.ios .contacts-list .list-group-title { + padding: 0 15px; + background: #f7f7f7; + color: #000; + font-weight: 600; + line-height: 22px; + height: 22px; +} +.ios .theme-dark .contacts-list .list-group-title, +.contacts-list.ios .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +/* === Virtual List === */ +/* === Indexed List === */ +.list-index { + position: absolute; + top: 0; + bottom: 0; + right: 0; + text-align: center; + z-index: 10; + width: 16px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + font-size: 11px; + font-weight: 600; + list-style: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: 14px; + line-height: 14px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + border-radius: 50%; + color: #fff; + font-weight: 500; +} +.ios .list-index ul { + color: #007aff; +} +.ios .list-index .list-index-skip-placeholder:after { + content: ''; + width: 6px; + height: 6px; + margin-left: -3px; + margin-top: -3px; + background: #007aff; +} +.ios .list-index .list-index-label { + margin-bottom: -22px; + margin-right: 15px; + width: 44px; + height: 44px; + line-height: 44px; + border-radius: 50%; + background: #007aff; + font-size: 17px; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: -1; +} +.ios .navbar ~ .page > .list-index, +.ios .navbar ~ .list-index { + top: 44px; +} +.ios .toolbar ~ .page > .list-index, +.ios .toolbar ~ * .page > .list-index, +.ios .toolbar ~ .list-index { + bottom: 44px; +} +.ios .tabbar-labels ~ .page > .list-index, +.ios .tabbar-labels ~ * .page > .list-index, +.ios .tabbar-labels ~ .list-index { + bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ .page > .list-index, + .ios .tabbar-labels ~ * .page > .list-index, + .ios .tabbar-labels ~ .list-index { + bottom: 56px; + } +} +.ios.device-iphone-x .toolbar ~ .page > .list-index, +.ios.device-iphone-x .toolbar ~ * .page > .list-index, +.ios.device-iphone-x .toolbar ~ .list-index { + bottom: calc(44px + constant(safe-area-inset-bottom)); + bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ .page > .list-index, +.ios.device-iphone-x .tabbar-labels ~ * .page > .list-index, +.ios.device-iphone-x .tabbar-labels ~ .list-index { + bottom: calc(50px + constant(safe-area-inset-bottom)); + bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ .page > .list-index, + .ios.device-iphone-x .tabbar-labels ~ * .page > .list-index, + .ios.device-iphone-x .tabbar-labels ~ .list-index { + bottom: calc(56px + constant(safe-area-inset-bottom)); + bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios .color-theme-red .list-index ul, +.ios .list-index.color-theme-red ul { + color: #ff3b30; +} +.ios .color-theme-red .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-red .list-index-skip-placeholder:after, +.ios .color-theme-red .list-index .list-index-label, +.ios .list-index.color-theme-red .list-index-label { + background-color: #ff3b30; +} +.ios .color-theme-green .list-index ul, +.ios .list-index.color-theme-green ul { + color: #4cd964; +} +.ios .color-theme-green .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-green .list-index-skip-placeholder:after, +.ios .color-theme-green .list-index .list-index-label, +.ios .list-index.color-theme-green .list-index-label { + background-color: #4cd964; +} +.ios .color-theme-blue .list-index ul, +.ios .list-index.color-theme-blue ul { + color: #007aff; +} +.ios .color-theme-blue .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-blue .list-index-skip-placeholder:after, +.ios .color-theme-blue .list-index .list-index-label, +.ios .list-index.color-theme-blue .list-index-label { + background-color: #007aff; +} +.ios .color-theme-pink .list-index ul, +.ios .list-index.color-theme-pink ul { + color: #ff2d55; +} +.ios .color-theme-pink .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-pink .list-index-skip-placeholder:after, +.ios .color-theme-pink .list-index .list-index-label, +.ios .list-index.color-theme-pink .list-index-label { + background-color: #ff2d55; +} +.ios .color-theme-yellow .list-index ul, +.ios .list-index.color-theme-yellow ul { + color: #ffcc00; +} +.ios .color-theme-yellow .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-yellow .list-index-skip-placeholder:after, +.ios .color-theme-yellow .list-index .list-index-label, +.ios .list-index.color-theme-yellow .list-index-label { + background-color: #ffcc00; +} +.ios .color-theme-orange .list-index ul, +.ios .list-index.color-theme-orange ul { + color: #ff9500; +} +.ios .color-theme-orange .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-orange .list-index-skip-placeholder:after, +.ios .color-theme-orange .list-index .list-index-label, +.ios .list-index.color-theme-orange .list-index-label { + background-color: #ff9500; +} +.ios .color-theme-gray .list-index ul, +.ios .list-index.color-theme-gray ul { + color: #8e8e93; +} +.ios .color-theme-gray .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-gray .list-index-skip-placeholder:after, +.ios .color-theme-gray .list-index .list-index-label, +.ios .list-index.color-theme-gray .list-index-label { + background-color: #8e8e93; +} +.ios .color-theme-white .list-index ul, +.ios .list-index.color-theme-white ul { + color: #ffffff; +} +.ios .color-theme-white .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-white .list-index-skip-placeholder:after, +.ios .color-theme-white .list-index .list-index-label, +.ios .list-index.color-theme-white .list-index-label { + background-color: #ffffff; +} +.ios .color-theme-black .list-index ul, +.ios .list-index.color-theme-black ul { + color: #000000; +} +.ios .color-theme-black .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-black .list-index-skip-placeholder:after, +.ios .color-theme-black .list-index .list-index-label, +.ios .list-index.color-theme-black .list-index-label { + background-color: #000000; +} +.ios .list-index.color-red ul { + color: #ff3b30; +} +.ios .list-index.color-red .list-index-skip-placeholder:after, +.ios .list-index.color-red .list-index-label { + background-color: #ff3b30; +} +.ios .list-index.color-green ul { + color: #4cd964; +} +.ios .list-index.color-green .list-index-skip-placeholder:after, +.ios .list-index.color-green .list-index-label { + background-color: #4cd964; +} +.ios .list-index.color-blue ul { + color: #007aff; +} +.ios .list-index.color-blue .list-index-skip-placeholder:after, +.ios .list-index.color-blue .list-index-label { + background-color: #007aff; +} +.ios .list-index.color-pink ul { + color: #ff2d55; +} +.ios .list-index.color-pink .list-index-skip-placeholder:after, +.ios .list-index.color-pink .list-index-label { + background-color: #ff2d55; +} +.ios .list-index.color-yellow ul { + color: #ffcc00; +} +.ios .list-index.color-yellow .list-index-skip-placeholder:after, +.ios .list-index.color-yellow .list-index-label { + background-color: #ffcc00; +} +.ios .list-index.color-orange ul { + color: #ff9500; +} +.ios .list-index.color-orange .list-index-skip-placeholder:after, +.ios .list-index.color-orange .list-index-label { + background-color: #ff9500; +} +.ios .list-index.color-gray ul { + color: #8e8e93; +} +.ios .list-index.color-gray .list-index-skip-placeholder:after, +.ios .list-index.color-gray .list-index-label { + background-color: #8e8e93; +} +.ios .list-index.color-white ul { + color: #ffffff; +} +.ios .list-index.color-white .list-index-skip-placeholder:after, +.ios .list-index.color-white .list-index-label { + background-color: #ffffff; +} +.ios .list-index.color-black ul { + color: #000000; +} +.ios .list-index.color-black .list-index-skip-placeholder:after, +.ios .list-index.color-black .list-index-label { + background-color: #000000; +} +/* === Timeline === */ +.timeline { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.timeline-item-date { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 50px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + margin-top: 3px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: 13px; +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-horizontal { + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + height: 100%; +} +.timeline-horizontal .timeline-item-date { + width: auto; + line-height: 34px; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 34px; + text-align: left; +} +.timeline-horizontal .timeline-item-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } +} +.timeline-horizontal .timeline-year, +.timeline-horizontal .timeline-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + padding-top: 24px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; +} +.timeline-horizontal .timeline-year-title, +.timeline-horizontal .timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + line-height: 24px; + height: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-horizontal .timeline-year-title span, +.timeline-horizontal .timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; +} +.timeline-horizontal .timeline-year-title { + font-size: 16px; +} +.timeline-horizontal .timeline-month-title span { + margin-top: -2px; +} +/* === Timeline iOS === */ +.ios .timeline { + margin: 35px 0; + padding: 0 15px; +} +.ios .block-strong .timeline { + padding: 0; + margin: 0; +} +.ios .timeline-item { + padding: 2px 0px 15px; +} +.ios .timeline-item:last-child { + padding-bottom: 2px; +} +.ios .timeline-item-content .card, +.ios .timeline-item-content.card, +.ios .timeline-item-content .list, +.ios .timeline-item-content.list, +.ios .timeline-item-content .block, +.ios .timeline-item-content.block { + margin: 0; + width: 100%; +} +.ios .timeline-item-content .card + .card, +.ios .timeline-item-content .list + .card, +.ios .timeline-item-content .block + .card, +.ios .timeline-item-content .card + .list, +.ios .timeline-item-content .list + .list, +.ios .timeline-item-content .block + .list, +.ios .timeline-item-content .card + .block, +.ios .timeline-item-content .list + .block, +.ios .timeline-item-content .block + .block { + margin: 15px 0 0; +} +.ios .timeline-item-inner { + border-radius: 7px; + padding: 8px 15px; +} +.ios .timeline-item-inner + .timeline-item-inner { + margin-top: 15px; +} +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-item-divider { + margin-left: 15px; + margin-right: 15px; +} +.ios .timeline-item-time { + margin-top: 15px; + color: #6d6d72; +} +.ios .timeline-item-time:first-child, +.ios .timeline-item-time:last-child { + margin-top: 0; +} +.ios .timeline-item-title { + font-size: 17px; + font-weight: 600; +} +.ios .timeline-item-subtitle { + font-size: 15px; +} +.ios .timeline-sides .timeline-item { + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; +} +.ios .timeline-sides .timeline-item .timeline-item-date { + text-align: right; +} +.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; +} +.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; +} +.ios .timeline-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; +} +.ios .timeline-sides .timeline-item-left .timeline-item-date { + text-align: left; +} +.ios .timeline-sides .timeline-item-right { + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; +} +.ios .timeline-sides .timeline-item-right .timeline-item-date { + text-align: right; +} +@media (min-width: 768px) { + .ios .tablet-sides .timeline-item { + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; + } + .ios .tablet-sides .timeline-item .timeline-item-date { + text-align: right; + } + .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; + } + .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; + } + .ios .tablet-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; + } + .ios .tablet-sides .timeline-item-left .timeline-item-date { + text-align: left; + } + .ios .tablet-sides .timeline-item-right { + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; + } + .ios .tablet-sides .timeline-item-right .timeline-item-date { + text-align: right; + } +} +.ios .timeline-horizontal { + padding: 0; + margin: 0; +} +.ios .timeline-horizontal .timeline-item { + padding-top: 34px !important; + padding-bottom: 10px; +} +.ios .timeline-horizontal > .timeline-item:last-child:after, +.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.ios .timeline-horizontal .timeline-item-date { + background: #f7f7f8; + padding: 0px 10px; +} +.ios .timeline-horizontal .timeline-item-content { + padding: 10px; + height: calc(100% - 10px); +} +.ios .timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .timeline-horizontal .timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .timeline-horizontal .timeline-year:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .timeline-year:last-child:after { + display: none !important; +} +.ios .timeline-year-title, +.ios .timeline-month-title { + padding: 0 10px; + background: #f7f7f8; +} +.ios .timeline-year-title span, +.ios .timeline-month-title span { + left: 10px; +} +.ios .timeline-year-title span { + margin-top: 3px; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span { + left: calc(10px + constant(safe-area-inset-left)); + left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: -44px; + right: 0; + width: auto; + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(10px + constant(safe-area-inset-left)); + padding-left: calc(10px + env(safe-area-inset-left)); + left: calc(0px - constant(safe-area-inset-left)); + left: calc(0px - env(safe-area-inset-left)); + right: 0; + } + .ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + left: 0; + } + .ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .timeline-year-title, +.ios .theme-dark .timeline-month-title { + background: #1b1b1b; +} +.ios .theme-dark .timeline-item-inner { + background-color: #1c1c1d; +} +.ios .theme-dark .timeline-item-time { + color: #8E8E93; +} +.ios .theme-dark .timeline-horizontal .timeline-item-date, +.timeline-horizontal.ios .theme-dark .timeline-item-date { + background: #1b1b1b; +} +.ios .theme-dark .timeline-horizontal .timeline-item-date:after, +.timeline-horizontal.ios .theme-dark .timeline-item-date:after { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before, +.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-item:after, +.timeline-horizontal.ios .theme-dark .timeline-item:after { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-year:after, +.timeline-horizontal.ios .theme-dark .timeline-year:after { + background-color: #282829; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +.panel-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 5999; + display: none; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.panel-backdrop.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + overflow: auto; + -webkit-overflow-scrolling: touch; + top: 0; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 260px; + background-color: #fff; +} +.panel.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + -webkit-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + -webkit-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); +} +html.with-panel-left-cover .panel-left { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-statusbar.device-ios .panel, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel { + top: 20px; + height: calc(100% - 20px); +} +html.with-statusbar.device-android .panel, +html.with-statusbar.md:not(.device-ios):not(.device-android) .panel { + top: 24px; + height: calc(100% - 24px); +} +html.with-statusbar.device-iphone-x .panel { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); +} +.ios .panel-backdrop { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + background: rgba(0, 0, 0, 0); +} +.ios .panel { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios.with-panel-left-reveal .views, +.ios.with-panel-right-reveal .views, +.ios.with-panel-transitioning .views, +.ios.with-panel-left-reveal .framework7-root > .view, +.ios.with-panel-right-reveal .framework7-root > .view, +.ios.with-panel-transitioning .framework7-root > .view { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +/* === Card === */ +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.card { + background: #fff; + position: relative; + border-radius: 4px; + font-size: 14px; +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header, +.card-footer { + min-height: 44px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: 4px 4px 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .card-header:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-header:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 4px 4px; +} +.card-footer:before { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +html.device-pixel-ratio-2 .card-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-footer.no-hairline:before { + display: none !important; +} +.ios .cards-list ul, +.ios .card .list ul { + background: none; +} +.ios .card { + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + margin: 10px; +} +.ios .card-outline { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.ios .card-header a.link, +.ios .card-footer a.link { + line-height: 44px; + height: 44px; + margin-top: -10px; + margin-bottom: -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .card-header a.icon-only, +.ios .card-footer a.icon-only { + min-width: 44px; +} +.ios .card-content-padding { + padding: 15px; +} +.ios .card-content-padding > .list, +.ios .card-content-padding > .block { + margin: -15px; +} +.ios .card-header, +.ios .card-footer { + min-height: 44px; + padding: 10px 15px; +} +.ios .card-header { + font-size: 17px; +} +.ios .card-footer { + color: #6d6d72; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(10px + constant(safe-area-inset-left)); + margin-left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(10px + constant(safe-area-inset-right)); + margin-right: calc(10px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .card { + background-color: #1c1c1d; +} +.ios .theme-dark .card-outline { + border-color: #282829; +} +.ios .theme-dark .card-header:after { + background-color: #282829; +} +.ios .theme-dark .card-footer { + color: #8E8E93; +} +.ios .theme-dark .card-footer:before { + background-color: #282829; +} +/* === Chips === */ +.chip { + font-weight: normal; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 2px 0; +} +.chip-media { + border-radius: 50%; + text-align: center; + color: #fff; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background-repeat: no-repeat; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.ios .chip { + font-size: 13px; + color: #000; + background: rgba(0, 0, 0, 0.12); + height: 24px; + border-radius: 12px; + padding: 0 10px; +} +.ios .chip-outline { + background: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.ios .chip-media { + width: 24px; + height: 24px; + vertical-align: middle; + border-radius: 50%; + text-align: center; + line-height: 16px; + color: #fff; + font-size: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-left: -10px; +} +.ios .chip-media + .chip-label { + margin-left: 4px; +} +.ios .chip-media i.icon { + font-size: 16px; + height: 16px; +} +.ios .chip-delete { + width: 24px; + height: 24px; + line-height: 24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); + background-position: center; + background-size: 14px 14px; + opacity: 0.54; + margin-right: -10px; +} +.ios .theme-dark .chip { + background-color: #333; + color: #fff; +} +.ios .theme-dark .chip-outline { + background: none; + border-color: #333; +} +.ios .theme-dark .chip-delete { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); +} +.ios .chip.color-red { + background: #ff3b30; + color: #fff; +} +.ios .chip.color-red.chip-outline { + background: none; + border-color: #ff3b30; + color: #ff3b30; +} +.ios .chip.color-green { + background: #4cd964; + color: #fff; +} +.ios .chip.color-green.chip-outline { + background: none; + border-color: #4cd964; + color: #4cd964; +} +.ios .chip.color-blue { + background: #007aff; + color: #fff; +} +.ios .chip.color-blue.chip-outline { + background: none; + border-color: #007aff; + color: #007aff; +} +.ios .chip.color-pink { + background: #ff2d55; + color: #fff; +} +.ios .chip.color-pink.chip-outline { + background: none; + border-color: #ff2d55; + color: #ff2d55; +} +.ios .chip.color-yellow { + background: #ffcc00; + color: #fff; +} +.ios .chip.color-yellow.chip-outline { + background: none; + border-color: #ffcc00; + color: #ffcc00; +} +.ios .chip.color-orange { + background: #ff9500; + color: #fff; +} +.ios .chip.color-orange.chip-outline { + background: none; + border-color: #ff9500; + color: #ff9500; +} +.ios .chip.color-gray { + background: #8e8e93; + color: #fff; +} +.ios .chip.color-gray.chip-outline { + background: none; + border-color: #8e8e93; + color: #8e8e93; +} +.ios .chip.color-white { + background: #ffffff; + color: #fff; +} +.ios .chip.color-white.chip-outline { + background: none; + border-color: #ffffff; + color: #ffffff; +} +.ios .chip.color-black { + background: #000000; + color: #fff; +} +.ios .chip.color-black.chip-outline { + background: none; + border-color: #000000; + color: #000000; +} +/* === Input === */ +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select, +.list textarea { + width: 100%; +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: 44px; +} +.list textarea { + resize: none; + line-height: 1.4; + height: 100px; +} +.list .item-label, +.list .item-floating-label { + vertical-align: top; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.list .item-input-wrap { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + position: absolute; + top: 50%; + border-radius: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + right: 0; +} +.input-clear-button:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-repeat: no-repeat; + background-position: center center; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #727272; + right: 2px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 14px; +} +.ios .list input[type="text"], +.ios .list input[type="password"], +.ios .list input[type="search"], +.ios .list input[type="email"], +.ios .list input[type="tel"], +.ios .list input[type="url"], +.ios .list input[type="date"], +.ios .list input[type="datetime-local"], +.ios .list input[type="time"], +.ios .list input[type="number"], +.ios .list select { + height: 44px; + color: #000; + font-size: 17px; +} +.ios .list textarea { + color: #000; + font-size: 17px; + padding-top: 11px; + padding-bottom: 11px; +} +.ios .list textarea.resizable { + height: 44px; +} +.ios .item-label, +.ios .item-floating-label { + font-size: 12px; + width: 100%; + line-height: 1; + overflow: visible; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input .item-inner { + display: block; +} +.ios .item-input .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: -8px; + margin-bottom: -8px; +} +.ios .inline-labels .item-inner, +.ios .inline-label .item-inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + font-size: 17px; + width: 35%; + line-height: 1.4; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: -8px; + margin-left: 5px; +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: -8px; +} +.ios .item-input-with-error-message .item-input-wrap input, +.ios div.input-with-error-message input, +.ios span.input-with-error-message input, +.ios .item-input-with-error-message .item-input-wrap select, +.ios div.input-with-error-message select, +.ios span.input-with-error-message select, +.ios .item-input-with-error-message .item-input-wrap textarea, +.ios div.input-with-error-message textarea, +.ios span.input-with-error-message textarea { + color: #ff3b30; +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + font-size: 12px; + line-height: 1.4; + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-info, +.ios .input-info { + color: #8e8e93; +} +.ios .item-input-error-message, +.ios .input-error-message { + color: #ff3b30; + display: none; +} +.ios .item-input-invalid .item-input-error-message { + display: block; +} +.ios .item-input-invalid .item-input-info { + display: none; +} +.ios .input-invalid .input-error-message { + display: block; +} +.ios .input-invalid .input-info { + display: none; +} +.ios .input-clear-button { + width: 14px; + height: 14px; + margin-top: -7px; +} +.ios .input-clear-button:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); + background-size: 14px 14px; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.ios .item-input-wrap .input-clear-button { + top: 22px; +} +.ios .theme-dark .list input[type="text"], +.list.ios .theme-dark input[type="text"], +.ios .theme-dark .list input[type="password"], +.list.ios .theme-dark input[type="password"], +.ios .theme-dark .list input[type="search"], +.list.ios .theme-dark input[type="search"], +.ios .theme-dark .list input[type="email"], +.list.ios .theme-dark input[type="email"], +.ios .theme-dark .list input[type="tel"], +.list.ios .theme-dark input[type="tel"], +.ios .theme-dark .list input[type="url"], +.list.ios .theme-dark input[type="url"], +.ios .theme-dark .list input[type="date"], +.list.ios .theme-dark input[type="date"], +.ios .theme-dark .list input[type="datetime-local"], +.list.ios .theme-dark input[type="datetime-local"], +.ios .theme-dark .list input[type="time"], +.list.ios .theme-dark input[type="time"], +.ios .theme-dark .list input[type="number"], +.list.ios .theme-dark input[type="number"], +.ios .theme-dark .list select, +.list.ios .theme-dark select { + color: #fff; +} +.ios .theme-dark .list textarea, +.list.ios .theme-dark textarea { + color: #fff; +} +/* === Checkbox === */ +.icon-checkbox, +.checkbox i { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox .icon-checkbox, +.checkbox .icon-checkbox { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-checkbox .icon-checkbox:after, +.checkbox .icon-checkbox:after { + content: ''; + position: absolute; +} +label.item-checkbox { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox, +.ios .checkbox i { + width: 22px; + height: 22px; + border-radius: 50%; + border: 1px solid #c7c7cc; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + left: 50%; + top: 50%; + margin-left: -6px; + margin-top: -4px; + width: 12px; + height: 9px; +} +.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox input[type="checkbox"]:checked ~ i { + border: none; + background: #007aff; +} +.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +.ios .checkbox input[type="checkbox"]:checked ~ i:after { + background: no-repeat center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E"); + background-size: 12px 9px; +} +.ios label.item-checkbox > .icon-checkbox { + margin-right: 15px; +} +.ios label.item-checkbox .item-content .item-media, +.ios label.item-checkbox.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.ios label.item-checkbox.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .theme-dark label.item-checkbox.active-state { + background-color: #363636; +} +.ios .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-red .checkbox input[type="checkbox"]:checked ~ i { + background: #ff3b30; +} +.ios .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-green .checkbox input[type="checkbox"]:checked ~ i { + background: #4cd964; +} +.ios .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i { + background: #007aff; +} +.ios .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i { + background: #ff2d55; +} +.ios .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i { + background: #ffcc00; +} +.ios .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i { + background: #ff9500; +} +.ios .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i { + background: #8e8e93; +} +.ios .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-white .checkbox input[type="checkbox"]:checked ~ i { + background: #ffffff; +} +.ios .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-black .checkbox input[type="checkbox"]:checked ~ i { + background: #000000; +} +.ios label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-red input[type="checkbox"]:checked ~ i { + background: #ff3b30; +} +.ios label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-green input[type="checkbox"]:checked ~ i { + background: #4cd964; +} +.ios label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-blue input[type="checkbox"]:checked ~ i { + background: #007aff; +} +.ios label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-pink input[type="checkbox"]:checked ~ i { + background: #ff2d55; +} +.ios label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-yellow input[type="checkbox"]:checked ~ i { + background: #ffcc00; +} +.ios label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-orange input[type="checkbox"]:checked ~ i { + background: #ff9500; +} +.ios label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-gray input[type="checkbox"]:checked ~ i { + background: #8e8e93; +} +.ios label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-white input[type="checkbox"]:checked ~ i { + background: #ffffff; +} +.ios label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-black input[type="checkbox"]:checked ~ i { + background: #000000; +} +/* === Radio === */ +.icon-radio { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio .icon-radio, +.radio .icon-radio { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-radio .icon-radio:after, +.radio .icon-radio:after { + content: ''; + position: absolute; +} +label.item-radio { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio { + width: 22px; + height: 22px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; +} +.ios .radio .icon-radio { + border-radius: 50%; + border: 1px solid #c7c7cc; +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + right: 10px; +} +.ios label.item-radio .item-inner { + padding-right: 35px; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .radio input[type="radio"]:checked ~ .icon-radio { + background: no-repeat center; + 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"); + background-size: 13px 10px; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios label.item-radio .item-content .item-media, +.ios label.item-radio.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.ios label.item-radio.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-right-edge label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .ios-edges label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .popup label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .sheet-modal label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .panel-right label.item-radio input[type="radio"] ~ .icon-radio { + right: calc(10px + constant(safe-area-inset-right)); + right: calc(10px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner { + padding-right: calc(35px + constant(safe-area-inset-right)) !important; + padding-right: calc(35px + env(safe-area-inset-right)); + } +} +.ios .theme-dark label.item-radio.active-state { + background-color: #363636; +} +.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff3b30; +} +.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #4cd964; +} +.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff2d55; +} +.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffcc00; +} +.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9500; +} +.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #8e8e93; +} +.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.ios label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio { + border-color: #ff3b30; +} +.ios label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio { + border-color: #4cd964; +} +.ios label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + border-color: #ff2d55; +} +.ios label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + border-color: #ffcc00; +} +.ios label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9500; +} +.ios label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + border-color: #8e8e93; +} +.ios label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.ios label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +/* === Toggle === */ +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + -webkit-transition: 300ms; + transition: 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; +} +.toggle-icon:after { + background: #fff; + position: absolute; + z-index: 2; + -webkit-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.ios .toggle { + width: 52px; + border-radius: 16px; + height: 32px; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: #4cd964; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + -webkit-transform: scale(0); + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + -webkit-transform: translateX(20px); + transform: translateX(20px); +} +.ios .toggle-icon { + width: 52px; + border-radius: 16px; + height: 32px; + background: #e5e5e5; +} +.ios .toggle-icon:before { + position: absolute; + left: 2px; + top: 2px; + width: 48px; + height: 28px; + border-radius: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + z-index: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: scale(1); + transform: scale(1); +} +.ios .toggle-icon:after { + height: 28px; + width: 28px; + top: 2px; + left: 2px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: 14px; +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + -webkit-transform: scale(0); + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: 35px; +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + width: 35px; + -webkit-transform: translateX(13px); + transform: translateX(13px); +} +.ios .theme-dark .toggle-icon { + background-color: #fff; +} +.ios .theme-dark .toggle-icon:before { + background-color: #1c1c1d; +} +.ios .toggle.color-red input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff3b30; +} +.ios .toggle.color-green input[type="checkbox"]:checked + .toggle-icon { + background-color: #4cd964; +} +.ios .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon { + background-color: #007aff; +} +.ios .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff2d55; +} +.ios .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon { + background-color: #ffcc00; +} +.ios .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff9500; +} +.ios .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon { + background-color: #8e8e93; +} +.ios .toggle.color-white input[type="checkbox"]:checked + .toggle-icon { + background-color: #ffffff; +} +.ios .toggle.color-black input[type="checkbox"]:checked + .toggle-icon { + background-color: #000000; +} +/* === Range Slider === */ +.range-slider { + display: block; + width: 100%; + position: relative; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-bar { + position: absolute; + left: 0; + top: 50%; + width: 100%; + overflow: hidden; +} +.range-bar-active { + position: absolute; + left: 0; + top: 0; + height: 100%; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + top: 50%; + left: 0; +} +.range-knob { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + -webkit-transition-duration: 120ms; + transition-duration: 120ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translateY(100%) scale(0); + transform: translateY(100%) scale(0); +} +.range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.ios .range-slider { + height: 28px; +} +.ios .range-bar { + background: #b7b8b7; + border-radius: 2px; + height: 1px; +} +.ios .range-bar-active { + background: #007aff; +} +.ios .range-knob-wrap { + height: 28px; + width: 28px; + margin-top: -14px; + margin-left: -14px; +} +.ios .range-knob { + background: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); +} +.ios .range-knob-label { + min-width: 20px; + height: 20px; + line-height: 20px; + background: #fff; + border-radius: 5px; + color: #000; + font-size: 12px; + margin-bottom: 6px; + -webkit-transform: translateX(-50%) translateY(100%) scale(0); + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + -webkit-transform: translateX(-50%) translateY(0%) scale(1); + transform: translateX(-50%) translateY(0%) scale(1); +} +.ios .color-theme-red .range-slider .range-bar-active { + background-color: #ff3b30; +} +.ios .color-theme-green .range-slider .range-bar-active { + background-color: #4cd964; +} +.ios .color-theme-blue .range-slider .range-bar-active { + background-color: #007aff; +} +.ios .color-theme-pink .range-slider .range-bar-active { + background-color: #ff2d55; +} +.ios .color-theme-yellow .range-slider .range-bar-active { + background-color: #ffcc00; +} +.ios .color-theme-orange .range-slider .range-bar-active { + background-color: #ff9500; +} +.ios .color-theme-gray .range-slider .range-bar-active { + background-color: #8e8e93; +} +.ios .color-theme-white .range-slider .range-bar-active { + background-color: #ffffff; +} +.ios .color-theme-black .range-slider .range-bar-active { + background-color: #000000; +} +.ios .range-slider.color-red .range-bar-active { + background-color: #ff3b30; +} +.ios .range-slider.color-green .range-bar-active { + background-color: #4cd964; +} +.ios .range-slider.color-blue .range-bar-active { + background-color: #007aff; +} +.ios .range-slider.color-pink .range-bar-active { + background-color: #ff2d55; +} +.ios .range-slider.color-yellow .range-bar-active { + background-color: #ffcc00; +} +.ios .range-slider.color-orange .range-bar-active { + background-color: #ff9500; +} +.ios .range-slider.color-gray .range-bar-active { + background-color: #8e8e93; +} +.ios .range-slider.color-white .range-bar-active { + background-color: #ffffff; +} +.ios .range-slider.color-black .range-bar-active { + background-color: #000000; +} +/* === Stepper === */ +.stepper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-value { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: center; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper .stepper-input-wrap input, +.stepper .stepper-value { + width: 45px; +} +.ios .stepper { + height: 29px; +} +.ios .stepper-button, +.ios .stepper-button-minus, +.ios .stepper-button-plus { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; + width: 40px; +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-button:first-child, +.ios .stepper-button-minus:first-child, +.ios .stepper-button-plus:first-child { + border-radius: 5px 0 0 5px; +} +.ios .stepper-button:last-child, +.ios .stepper-button-minus:last-child, +.ios .stepper-button-plus:last-child { + border-radius: 0 5px 5px 0; +} +.ios .stepper-button.active-state, +.ios .stepper-button-minus.active-state, +.ios .stepper-button-plus.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .stepper-button + .stepper-button, +.ios .stepper-button-minus + .stepper-button, +.ios .stepper-button-plus + .stepper-button, +.ios .stepper-button + .stepper-button-minus, +.ios .stepper-button-minus + .stepper-button-minus, +.ios .stepper-button-plus + .stepper-button-minus, +.ios .stepper-button + .stepper-button-plus, +.ios .stepper-button-minus + .stepper-button-plus, +.ios .stepper-button-plus + .stepper-button-plus { + border-left: none; +} +.ios .stepper-button-plus:after, +.ios .stepper-button-minus:after, +.ios .stepper-button-plus:before, +.ios .stepper-button-minus:before { + background: #007aff; +} +.ios .stepper-input-wrap, +.ios .stepper-value { + border-top: 1px solid #007aff; + border-bottom: 1px solid #007aff; +} +.ios .stepper .stepper-value { + color: #007aff; + font-size: 17px; +} +.ios .stepper .stepper-input-wrap input { + height: 100%; + text-align: center; + color: #007aff; + font-size: 17px; +} +.ios .stepper-fill .stepper-button, +.ios .stepper-fill-ios .stepper-button, +.ios .stepper-fill .stepper-button-minus, +.ios .stepper-fill-ios .stepper-button-minus, +.ios .stepper-fill .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-plus { + color: #fff; + background: #007aff; +} +.ios .stepper-fill .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button.active-state, +.ios .stepper-fill .stepper-button-minus.active-state, +.ios .stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-fill .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-plus.active-state { + opacity: 0.8; +} +.ios .stepper-fill .stepper-button-plus:before, +.ios .stepper-fill-ios .stepper-button-plus:before, +.ios .stepper-fill .stepper-button-minus:before, +.ios .stepper-fill-ios .stepper-button-minus:before, +.ios .stepper-fill .stepper-button-plus:after, +.ios .stepper-fill-ios .stepper-button-plus:after, +.ios .stepper-fill .stepper-button-minus:after, +.ios .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.ios .stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .stepper-round .stepper-button:first-child, +.ios .stepper-round-ios .stepper-button:first-child, +.ios .stepper-round .stepper-button-minus:first-child, +.ios .stepper-round-ios .stepper-button-minus:first-child, +.ios .stepper-round .stepper-button-plus:first-child, +.ios .stepper-round-ios .stepper-button-plus:first-child { + border-radius: 29px 0 0 29px; +} +.ios .stepper-round .stepper-button:last-child, +.ios .stepper-round-ios .stepper-button:last-child, +.ios .stepper-round .stepper-button-minus:last-child, +.ios .stepper-round-ios .stepper-button-minus:last-child, +.ios .stepper-round .stepper-button-plus:last-child, +.ios .stepper-round-ios .stepper-button-plus:last-child { + border-radius: 0 29px 29px 0; +} +.ios .stepper-small, +.ios .stepper-small-ios { + height: 26px; +} +.ios .stepper-small .stepper-input-wrap, +.ios .stepper-small-ios .stepper-input-wrap, +.ios .stepper-small .stepper-value, +.ios .stepper-small-ios .stepper-value { + border-top-width: 2px; + border-bottom-width: 2px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + height: 26px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + line-height: 22px; + border-width: 2px; +} +.ios .stepper-small .stepper-button .f7-icons, +.ios .stepper-small-ios .stepper-button .f7-icons, +.ios .stepper-small .stepper-button-minus .f7-icons, +.ios .stepper-small-ios .stepper-button-minus .f7-icons, +.ios .stepper-small .stepper-button-plus .f7-icons, +.ios .stepper-small-ios .stepper-button-plus .f7-icons { + font-size: 18px; +} +.ios .stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; + opacity: 1; +} +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before, +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .stepper-big, +.ios .stepper-big-ios { + height: 44px; +} +.ios .stepper-big .stepper-button, +.ios .stepper-big-ios .stepper-button, +.ios .stepper-big .stepper-button-minus, +.ios .stepper-big-ios .stepper-button-minus, +.ios .stepper-big .stepper-button-plus, +.ios .stepper-big-ios .stepper-button-plus { + height: 44px; + line-height: 42px; +} +.ios .color-theme-red .stepper-button, +.ios .color-theme-red .stepper-button-minus, +.ios .color-theme-red .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper-button.active-state, +.ios .color-theme-red .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper-button-plus:after, +.ios .color-theme-red .stepper-button-minus:after, +.ios .color-theme-red .stepper-button-plus:before, +.ios .color-theme-red .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper-value, +.ios .color-theme-red .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper-value, +.ios .color-theme-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper-fill .stepper-button, +.ios .color-theme-red .stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper-button, +.ios .color-theme-green .stepper-button-minus, +.ios .color-theme-green .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper-button.active-state, +.ios .color-theme-green .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper-button-plus:after, +.ios .color-theme-green .stepper-button-minus:after, +.ios .color-theme-green .stepper-button-plus:before, +.ios .color-theme-green .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper-value, +.ios .color-theme-green .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper-value, +.ios .color-theme-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper-fill .stepper-button, +.ios .color-theme-green .stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper-button, +.ios .color-theme-blue .stepper-button-minus, +.ios .color-theme-blue .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper-button.active-state, +.ios .color-theme-blue .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper-button-plus:after, +.ios .color-theme-blue .stepper-button-minus:after, +.ios .color-theme-blue .stepper-button-plus:before, +.ios .color-theme-blue .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper-value, +.ios .color-theme-blue .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper-value, +.ios .color-theme-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper-fill .stepper-button, +.ios .color-theme-blue .stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper-button, +.ios .color-theme-pink .stepper-button-minus, +.ios .color-theme-pink .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper-button.active-state, +.ios .color-theme-pink .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper-button-plus:after, +.ios .color-theme-pink .stepper-button-minus:after, +.ios .color-theme-pink .stepper-button-plus:before, +.ios .color-theme-pink .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper-value, +.ios .color-theme-pink .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper-value, +.ios .color-theme-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper-fill .stepper-button, +.ios .color-theme-pink .stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper-button, +.ios .color-theme-yellow .stepper-button-minus, +.ios .color-theme-yellow .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper-button.active-state, +.ios .color-theme-yellow .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-button-minus:after, +.ios .color-theme-yellow .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-value, +.ios .color-theme-yellow .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-value, +.ios .color-theme-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper-button, +.ios .color-theme-orange .stepper-button-minus, +.ios .color-theme-orange .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper-button.active-state, +.ios .color-theme-orange .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper-button-plus:after, +.ios .color-theme-orange .stepper-button-minus:after, +.ios .color-theme-orange .stepper-button-plus:before, +.ios .color-theme-orange .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper-value, +.ios .color-theme-orange .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper-value, +.ios .color-theme-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper-fill .stepper-button, +.ios .color-theme-orange .stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper-button, +.ios .color-theme-gray .stepper-button-minus, +.ios .color-theme-gray .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper-button.active-state, +.ios .color-theme-gray .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper-button-plus:after, +.ios .color-theme-gray .stepper-button-minus:after, +.ios .color-theme-gray .stepper-button-plus:before, +.ios .color-theme-gray .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper-value, +.ios .color-theme-gray .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper-value, +.ios .color-theme-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper-fill .stepper-button, +.ios .color-theme-gray .stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper-button, +.ios .color-theme-white .stepper-button-minus, +.ios .color-theme-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper-button.active-state, +.ios .color-theme-white .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper-button-plus:after, +.ios .color-theme-white .stepper-button-minus:after, +.ios .color-theme-white .stepper-button-plus:before, +.ios .color-theme-white .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper-value, +.ios .color-theme-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper-value, +.ios .color-theme-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper-fill .stepper-button, +.ios .color-theme-white .stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper-button, +.ios .color-theme-black .stepper-button-minus, +.ios .color-theme-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper-button.active-state, +.ios .color-theme-black .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper-button-plus:after, +.ios .color-theme-black .stepper-button-minus:after, +.ios .color-theme-black .stepper-button-plus:before, +.ios .color-theme-black .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper-value, +.ios .color-theme-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper-value, +.ios .color-theme-black .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper-fill .stepper-button, +.ios .color-theme-black .stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +.ios .stepper.color-red .stepper-button, +.ios .stepper.color-red .stepper-button-minus, +.ios .stepper.color-red .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .stepper.color-red .stepper-button.active-state, +.ios .stepper.color-red .stepper-button-minus.active-state, +.ios .stepper.color-red .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .stepper.color-red .stepper-button-plus:after, +.ios .stepper.color-red .stepper-button-minus:after, +.ios .stepper.color-red .stepper-button-plus:before, +.ios .stepper.color-red .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .stepper.color-red .stepper-value, +.ios .stepper.color-red .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .stepper.color-red .stepper-value, +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper-fill.color-red .stepper-button, +.ios .stepper-fill-ios.color-red .stepper-button, +.ios .stepper-fill.color-red .stepper-button-minus, +.ios .stepper-fill-ios.color-red .stepper-button-minus, +.ios .stepper-fill.color-red .stepper-button-plus, +.ios .stepper-fill-ios.color-red .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper-fill.color-red .stepper-button-plus:before, +.ios .stepper-fill-ios.color-red .stepper-button-plus:before, +.ios .stepper-fill.color-red .stepper-button-minus:before, +.ios .stepper-fill-ios.color-red .stepper-button-minus:before, +.ios .stepper-fill.color-red .stepper-button-plus:after, +.ios .stepper-fill-ios.color-red .stepper-button-plus:after, +.ios .stepper-fill.color-red .stepper-button-minus:after, +.ios .stepper-fill-ios.color-red .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .stepper.color-green .stepper-button, +.ios .stepper.color-green .stepper-button-minus, +.ios .stepper.color-green .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .stepper.color-green .stepper-button.active-state, +.ios .stepper.color-green .stepper-button-minus.active-state, +.ios .stepper.color-green .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .stepper.color-green .stepper-button-plus:after, +.ios .stepper.color-green .stepper-button-minus:after, +.ios .stepper.color-green .stepper-button-plus:before, +.ios .stepper.color-green .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .stepper.color-green .stepper-value, +.ios .stepper.color-green .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .stepper.color-green .stepper-value, +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper-fill.color-green .stepper-button, +.ios .stepper-fill-ios.color-green .stepper-button, +.ios .stepper-fill.color-green .stepper-button-minus, +.ios .stepper-fill-ios.color-green .stepper-button-minus, +.ios .stepper-fill.color-green .stepper-button-plus, +.ios .stepper-fill-ios.color-green .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper-fill.color-green .stepper-button-plus:before, +.ios .stepper-fill-ios.color-green .stepper-button-plus:before, +.ios .stepper-fill.color-green .stepper-button-minus:before, +.ios .stepper-fill-ios.color-green .stepper-button-minus:before, +.ios .stepper-fill.color-green .stepper-button-plus:after, +.ios .stepper-fill-ios.color-green .stepper-button-plus:after, +.ios .stepper-fill.color-green .stepper-button-minus:after, +.ios .stepper-fill-ios.color-green .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .stepper.color-blue .stepper-button, +.ios .stepper.color-blue .stepper-button-minus, +.ios .stepper.color-blue .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .stepper.color-blue .stepper-button.active-state, +.ios .stepper.color-blue .stepper-button-minus.active-state, +.ios .stepper.color-blue .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .stepper.color-blue .stepper-button-plus:after, +.ios .stepper.color-blue .stepper-button-minus:after, +.ios .stepper.color-blue .stepper-button-plus:before, +.ios .stepper.color-blue .stepper-button-minus:before { + background-color: #007aff; +} +.ios .stepper.color-blue .stepper-value, +.ios .stepper.color-blue .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .stepper.color-blue .stepper-value, +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper-fill.color-blue .stepper-button, +.ios .stepper-fill-ios.color-blue .stepper-button, +.ios .stepper-fill.color-blue .stepper-button-minus, +.ios .stepper-fill-ios.color-blue .stepper-button-minus, +.ios .stepper-fill.color-blue .stepper-button-plus, +.ios .stepper-fill-ios.color-blue .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper-fill.color-blue .stepper-button-plus:before, +.ios .stepper-fill-ios.color-blue .stepper-button-plus:before, +.ios .stepper-fill.color-blue .stepper-button-minus:before, +.ios .stepper-fill-ios.color-blue .stepper-button-minus:before, +.ios .stepper-fill.color-blue .stepper-button-plus:after, +.ios .stepper-fill-ios.color-blue .stepper-button-plus:after, +.ios .stepper-fill.color-blue .stepper-button-minus:after, +.ios .stepper-fill-ios.color-blue .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .stepper.color-pink .stepper-button, +.ios .stepper.color-pink .stepper-button-minus, +.ios .stepper.color-pink .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-button.active-state, +.ios .stepper.color-pink .stepper-button-minus.active-state, +.ios .stepper.color-pink .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .stepper.color-pink .stepper-button-plus:after, +.ios .stepper.color-pink .stepper-button-minus:after, +.ios .stepper.color-pink .stepper-button-plus:before, +.ios .stepper.color-pink .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .stepper.color-pink .stepper-value, +.ios .stepper.color-pink .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .stepper.color-pink .stepper-value, +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper-fill.color-pink .stepper-button, +.ios .stepper-fill-ios.color-pink .stepper-button, +.ios .stepper-fill.color-pink .stepper-button-minus, +.ios .stepper-fill-ios.color-pink .stepper-button-minus, +.ios .stepper-fill.color-pink .stepper-button-plus, +.ios .stepper-fill-ios.color-pink .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper-fill.color-pink .stepper-button-plus:before, +.ios .stepper-fill-ios.color-pink .stepper-button-plus:before, +.ios .stepper-fill.color-pink .stepper-button-minus:before, +.ios .stepper-fill-ios.color-pink .stepper-button-minus:before, +.ios .stepper-fill.color-pink .stepper-button-plus:after, +.ios .stepper-fill-ios.color-pink .stepper-button-plus:after, +.ios .stepper-fill.color-pink .stepper-button-minus:after, +.ios .stepper-fill-ios.color-pink .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .stepper.color-yellow .stepper-button, +.ios .stepper.color-yellow .stepper-button-minus, +.ios .stepper.color-yellow .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-button.active-state, +.ios .stepper.color-yellow .stepper-button-minus.active-state, +.ios .stepper.color-yellow .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .stepper.color-yellow .stepper-button-plus:after, +.ios .stepper.color-yellow .stepper-button-minus:after, +.ios .stepper.color-yellow .stepper-button-plus:before, +.ios .stepper.color-yellow .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-value, +.ios .stepper.color-yellow .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-value, +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper-fill.color-yellow .stepper-button, +.ios .stepper-fill-ios.color-yellow .stepper-button, +.ios .stepper-fill.color-yellow .stepper-button-minus, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus, +.ios .stepper-fill.color-yellow .stepper-button-plus, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper-fill.color-yellow .stepper-button-plus:before, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus:before, +.ios .stepper-fill.color-yellow .stepper-button-minus:before, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus:before, +.ios .stepper-fill.color-yellow .stepper-button-plus:after, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus:after, +.ios .stepper-fill.color-yellow .stepper-button-minus:after, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .stepper.color-orange .stepper-button, +.ios .stepper.color-orange .stepper-button-minus, +.ios .stepper.color-orange .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .stepper.color-orange .stepper-button.active-state, +.ios .stepper.color-orange .stepper-button-minus.active-state, +.ios .stepper.color-orange .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .stepper.color-orange .stepper-button-plus:after, +.ios .stepper.color-orange .stepper-button-minus:after, +.ios .stepper.color-orange .stepper-button-plus:before, +.ios .stepper.color-orange .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .stepper.color-orange .stepper-value, +.ios .stepper.color-orange .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .stepper.color-orange .stepper-value, +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper-fill.color-orange .stepper-button, +.ios .stepper-fill-ios.color-orange .stepper-button, +.ios .stepper-fill.color-orange .stepper-button-minus, +.ios .stepper-fill-ios.color-orange .stepper-button-minus, +.ios .stepper-fill.color-orange .stepper-button-plus, +.ios .stepper-fill-ios.color-orange .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper-fill.color-orange .stepper-button-plus:before, +.ios .stepper-fill-ios.color-orange .stepper-button-plus:before, +.ios .stepper-fill.color-orange .stepper-button-minus:before, +.ios .stepper-fill-ios.color-orange .stepper-button-minus:before, +.ios .stepper-fill.color-orange .stepper-button-plus:after, +.ios .stepper-fill-ios.color-orange .stepper-button-plus:after, +.ios .stepper-fill.color-orange .stepper-button-minus:after, +.ios .stepper-fill-ios.color-orange .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .stepper.color-gray .stepper-button, +.ios .stepper.color-gray .stepper-button-minus, +.ios .stepper.color-gray .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-button.active-state, +.ios .stepper.color-gray .stepper-button-minus.active-state, +.ios .stepper.color-gray .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .stepper.color-gray .stepper-button-plus:after, +.ios .stepper.color-gray .stepper-button-minus:after, +.ios .stepper.color-gray .stepper-button-plus:before, +.ios .stepper.color-gray .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .stepper.color-gray .stepper-value, +.ios .stepper.color-gray .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .stepper.color-gray .stepper-value, +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper-fill.color-gray .stepper-button, +.ios .stepper-fill-ios.color-gray .stepper-button, +.ios .stepper-fill.color-gray .stepper-button-minus, +.ios .stepper-fill-ios.color-gray .stepper-button-minus, +.ios .stepper-fill.color-gray .stepper-button-plus, +.ios .stepper-fill-ios.color-gray .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper-fill.color-gray .stepper-button-plus:before, +.ios .stepper-fill-ios.color-gray .stepper-button-plus:before, +.ios .stepper-fill.color-gray .stepper-button-minus:before, +.ios .stepper-fill-ios.color-gray .stepper-button-minus:before, +.ios .stepper-fill.color-gray .stepper-button-plus:after, +.ios .stepper-fill-ios.color-gray .stepper-button-plus:after, +.ios .stepper-fill.color-gray .stepper-button-minus:after, +.ios .stepper-fill-ios.color-gray .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .stepper.color-white .stepper-button, +.ios .stepper.color-white .stepper-button-minus, +.ios .stepper.color-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .stepper.color-white .stepper-button.active-state, +.ios .stepper.color-white .stepper-button-minus.active-state, +.ios .stepper.color-white .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .stepper.color-white .stepper-button-plus:after, +.ios .stepper.color-white .stepper-button-minus:after, +.ios .stepper.color-white .stepper-button-plus:before, +.ios .stepper.color-white .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .stepper.color-white .stepper-value, +.ios .stepper.color-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .stepper.color-white .stepper-value, +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper-fill.color-white .stepper-button, +.ios .stepper-fill-ios.color-white .stepper-button, +.ios .stepper-fill.color-white .stepper-button-minus, +.ios .stepper-fill-ios.color-white .stepper-button-minus, +.ios .stepper-fill.color-white .stepper-button-plus, +.ios .stepper-fill-ios.color-white .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper-fill.color-white .stepper-button-plus:before, +.ios .stepper-fill-ios.color-white .stepper-button-plus:before, +.ios .stepper-fill.color-white .stepper-button-minus:before, +.ios .stepper-fill-ios.color-white .stepper-button-minus:before, +.ios .stepper-fill.color-white .stepper-button-plus:after, +.ios .stepper-fill-ios.color-white .stepper-button-plus:after, +.ios .stepper-fill.color-white .stepper-button-minus:after, +.ios .stepper-fill-ios.color-white .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-white.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .stepper.color-black .stepper-button, +.ios .stepper.color-black .stepper-button-minus, +.ios .stepper.color-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .stepper.color-black .stepper-button.active-state, +.ios .stepper.color-black .stepper-button-minus.active-state, +.ios .stepper.color-black .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .stepper.color-black .stepper-button-plus:after, +.ios .stepper.color-black .stepper-button-minus:after, +.ios .stepper.color-black .stepper-button-plus:before, +.ios .stepper.color-black .stepper-button-minus:before { + background-color: #000000; +} +.ios .stepper.color-black .stepper-value, +.ios .stepper.color-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .stepper.color-black .stepper-value, +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper-fill.color-black .stepper-button, +.ios .stepper-fill-ios.color-black .stepper-button, +.ios .stepper-fill.color-black .stepper-button-minus, +.ios .stepper-fill-ios.color-black .stepper-button-minus, +.ios .stepper-fill.color-black .stepper-button-plus, +.ios .stepper-fill-ios.color-black .stepper-button-plus { + background-color: #000000; +} +.ios .stepper-fill.color-black .stepper-button-plus:before, +.ios .stepper-fill-ios.color-black .stepper-button-plus:before, +.ios .stepper-fill.color-black .stepper-button-minus:before, +.ios .stepper-fill-ios.color-black .stepper-button-minus:before, +.ios .stepper-fill.color-black .stepper-button-plus:after, +.ios .stepper-fill-ios.color-black .stepper-button-plus:after, +.ios .stepper-fill.color-black .stepper-button-minus:after, +.ios .stepper-fill-ios.color-black .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-black.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +/* === Smart Select === */ +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.sheet-modal.smart-select-sheet .sheet-modal-inner { + background: #fff; +} +.sheet-modal.smart-select-sheet .list { + margin: 0; +} +.sheet-modal.smart-select-sheet .list ul:before { + display: none !important; +} +.sheet-modal.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +.ios .smart-select-sheet .page { + background: #fff; +} +.ios .smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .smart-select-sheet .page, +.ios .theme-dark .smart-select-sheet .sheet-modal-inner { + background-color: #1c1c1d; +} +.ios .theme-dark .smart-select-sheet .toolbar:after { + background-color: #282829; +} +/* === Grid === */ +.row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.row > [class*="col-"], +.row > .col { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.row .col { + width: 100%; +} +/* === Grid === */ +.ios .row .col-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); +} +.ios .row.no-gap .col-100 { + width: 100%; +} +.ios .row .col-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); +} +.ios .row.no-gap .col-95 { + width: 95%; +} +.ios .row .col-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); +} +.ios .row.no-gap .col-90 { + width: 90%; +} +.ios .row .col-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); +} +.ios .row.no-gap .col-85 { + width: 85%; +} +.ios .row .col-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); +} +.ios .row.no-gap .col-80 { + width: 80%; +} +.ios .row .col-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); +} +.ios .row.no-gap .col-75 { + width: 75%; +} +.ios .row .col-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); +} +.ios .row.no-gap .col-70 { + width: 70%; +} +.ios .row .col-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); +} +.ios .row.no-gap .col-66 { + width: 66.66666666666666%; +} +.ios .row .col-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); +} +.ios .row.no-gap .col-65 { + width: 65%; +} +.ios .row .col-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); +} +.ios .row.no-gap .col-60 { + width: 60%; +} +.ios .row .col-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); +} +.ios .row.no-gap .col-55 { + width: 55%; +} +.ios .row .col-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); +} +.ios .row.no-gap .col-50 { + width: 50%; +} +.ios .row .col-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); +} +.ios .row.no-gap .col-45 { + width: 45%; +} +.ios .row .col-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); +} +.ios .row.no-gap .col-40 { + width: 40%; +} +.ios .row .col-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); +} +.ios .row.no-gap .col-35 { + width: 35%; +} +.ios .row .col-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); +} +.ios .row.no-gap .col-33 { + width: 33.333333333333336%; +} +.ios .row .col-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); +} +.ios .row.no-gap .col-30 { + width: 30%; +} +.ios .row .col-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); +} +.ios .row.no-gap .col-25 { + width: 25%; +} +.ios .row .col-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); +} +.ios .row.no-gap .col-20 { + width: 20%; +} +.ios .row .col-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); +} +.ios .row.no-gap .col-15 { + width: 15%; +} +.ios .row .col-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); +} +.ios .row.no-gap .col-10 { + width: 10%; +} +.ios .row .col-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); +} +.ios .row.no-gap .col-5 { + width: 5%; +} +.ios .row .col:nth-last-child(1), +.ios .row .col:nth-last-child(1) ~ .col { + width: 100%; + width: calc((100% - 15px*0) / 1); +} +.ios .row.no-gap .col:nth-last-child(1), +.ios .row.no-gap .col:nth-last-child(1) ~ .col { + width: 100%; +} +.ios .row .col:nth-last-child(2), +.ios .row .col:nth-last-child(2) ~ .col { + width: 50%; + width: calc((100% - 15px*1) / 2); +} +.ios .row.no-gap .col:nth-last-child(2), +.ios .row.no-gap .col:nth-last-child(2) ~ .col { + width: 50%; +} +.ios .row .col:nth-last-child(3), +.ios .row .col:nth-last-child(3) ~ .col { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); +} +.ios .row.no-gap .col:nth-last-child(3), +.ios .row.no-gap .col:nth-last-child(3) ~ .col { + width: 33.33333333%; +} +.ios .row .col:nth-last-child(4), +.ios .row .col:nth-last-child(4) ~ .col { + width: 25%; + width: calc((100% - 15px*3) / 4); +} +.ios .row.no-gap .col:nth-last-child(4), +.ios .row.no-gap .col:nth-last-child(4) ~ .col { + width: 25%; +} +.ios .row .col:nth-last-child(5), +.ios .row .col:nth-last-child(5) ~ .col { + width: 20%; + width: calc((100% - 15px*4) / 5); +} +.ios .row.no-gap .col:nth-last-child(5), +.ios .row.no-gap .col:nth-last-child(5) ~ .col { + width: 20%; +} +.ios .row .col:nth-last-child(6), +.ios .row .col:nth-last-child(6) ~ .col { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); +} +.ios .row.no-gap .col:nth-last-child(6), +.ios .row.no-gap .col:nth-last-child(6) ~ .col { + width: 16.66666667%; +} +.ios .row .col:nth-last-child(7), +.ios .row .col:nth-last-child(7) ~ .col { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); +} +.ios .row.no-gap .col:nth-last-child(7), +.ios .row.no-gap .col:nth-last-child(7) ~ .col { + width: 14.28571429%; +} +.ios .row .col:nth-last-child(8), +.ios .row .col:nth-last-child(8) ~ .col { + width: 12.5%; + width: calc((100% - 15px*7) / 8); +} +.ios .row.no-gap .col:nth-last-child(8), +.ios .row.no-gap .col:nth-last-child(8) ~ .col { + width: 12.5%; +} +.ios .row .col:nth-last-child(9), +.ios .row .col:nth-last-child(9) ~ .col { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); +} +.ios .row.no-gap .col:nth-last-child(9), +.ios .row.no-gap .col:nth-last-child(9) ~ .col { + width: 11.11111111%; +} +.ios .row .col:nth-last-child(10), +.ios .row .col:nth-last-child(10) ~ .col { + width: 10%; + width: calc((100% - 15px*9) / 10); +} +.ios .row.no-gap .col:nth-last-child(10), +.ios .row.no-gap .col:nth-last-child(10) ~ .col { + width: 10%; +} +.ios .row .col:nth-last-child(11), +.ios .row .col:nth-last-child(11) ~ .col { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); +} +.ios .row.no-gap .col:nth-last-child(11), +.ios .row.no-gap .col:nth-last-child(11) ~ .col { + width: 9.09090909%; +} +.ios .row .col:nth-last-child(12), +.ios .row .col:nth-last-child(12) ~ .col { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); +} +.ios .row.no-gap .col:nth-last-child(12), +.ios .row.no-gap .col:nth-last-child(12) ~ .col { + width: 8.33333333%; +} +.ios .row .col:nth-last-child(13), +.ios .row .col:nth-last-child(13) ~ .col { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); +} +.ios .row.no-gap .col:nth-last-child(13), +.ios .row.no-gap .col:nth-last-child(13) ~ .col { + width: 7.69230769%; +} +.ios .row .col:nth-last-child(14), +.ios .row .col:nth-last-child(14) ~ .col { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); +} +.ios .row.no-gap .col:nth-last-child(14), +.ios .row.no-gap .col:nth-last-child(14) ~ .col { + width: 7.14285714%; +} +.ios .row .col:nth-last-child(15), +.ios .row .col:nth-last-child(15) ~ .col { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); +} +.ios .row.no-gap .col:nth-last-child(15), +.ios .row.no-gap .col:nth-last-child(15) ~ .col { + width: 6.66666667%; +} +.ios .row .col:nth-last-child(16), +.ios .row .col:nth-last-child(16) ~ .col { + width: 6.25%; + width: calc((100% - 15px*15) / 16); +} +.ios .row.no-gap .col:nth-last-child(16), +.ios .row.no-gap .col:nth-last-child(16) ~ .col { + width: 6.25%; +} +.ios .row .col:nth-last-child(17), +.ios .row .col:nth-last-child(17) ~ .col { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); +} +.ios .row.no-gap .col:nth-last-child(17), +.ios .row.no-gap .col:nth-last-child(17) ~ .col { + width: 5.88235294%; +} +.ios .row .col:nth-last-child(18), +.ios .row .col:nth-last-child(18) ~ .col { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); +} +.ios .row.no-gap .col:nth-last-child(18), +.ios .row.no-gap .col:nth-last-child(18) ~ .col { + width: 5.55555556%; +} +.ios .row .col:nth-last-child(19), +.ios .row .col:nth-last-child(19) ~ .col { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); +} +.ios .row.no-gap .col:nth-last-child(19), +.ios .row.no-gap .col:nth-last-child(19) ~ .col { + width: 5.26315789%; +} +.ios .row .col:nth-last-child(20), +.ios .row .col:nth-last-child(20) ~ .col { + width: 5%; + width: calc((100% - 15px*19) / 20); +} +.ios .row.no-gap .col:nth-last-child(20), +.ios .row.no-gap .col:nth-last-child(20) ~ .col { + width: 5%; +} +.ios .row .col:nth-last-child(21), +.ios .row .col:nth-last-child(21) ~ .col { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); +} +.ios .row.no-gap .col:nth-last-child(21), +.ios .row.no-gap .col:nth-last-child(21) ~ .col { + width: 4.76190476%; +} +@media (min-width: 768px) { + .ios .row .tablet-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .tablet-100 { + width: 100%; + } + .ios .row .tablet-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); + } + .ios .row.no-gap .tablet-95 { + width: 95%; + } + .ios .row .tablet-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); + } + .ios .row.no-gap .tablet-90 { + width: 90%; + } + .ios .row .tablet-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); + } + .ios .row.no-gap .tablet-85 { + width: 85%; + } + .ios .row .tablet-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); + } + .ios .row.no-gap .tablet-80 { + width: 80%; + } + .ios .row .tablet-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); + } + .ios .row.no-gap .tablet-75 { + width: 75%; + } + .ios .row .tablet-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); + } + .ios .row.no-gap .tablet-70 { + width: 70%; + } + .ios .row .tablet-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); + } + .ios .row.no-gap .tablet-66 { + width: 66.66666666666666%; + } + .ios .row .tablet-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); + } + .ios .row.no-gap .tablet-65 { + width: 65%; + } + .ios .row .tablet-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); + } + .ios .row.no-gap .tablet-60 { + width: 60%; + } + .ios .row .tablet-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); + } + .ios .row.no-gap .tablet-55 { + width: 55%; + } + .ios .row .tablet-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .tablet-50 { + width: 50%; + } + .ios .row .tablet-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); + } + .ios .row.no-gap .tablet-45 { + width: 45%; + } + .ios .row .tablet-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); + } + .ios .row.no-gap .tablet-40 { + width: 40%; + } + .ios .row .tablet-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); + } + .ios .row.no-gap .tablet-35 { + width: 35%; + } + .ios .row .tablet-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .tablet-33 { + width: 33.333333333333336%; + } + .ios .row .tablet-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); + } + .ios .row.no-gap .tablet-30 { + width: 30%; + } + .ios .row .tablet-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .tablet-25 { + width: 25%; + } + .ios .row .tablet-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .tablet-20 { + width: 20%; + } + .ios .row .tablet-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); + } + .ios .row.no-gap .tablet-15 { + width: 15%; + } + .ios .row .tablet-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .tablet-10 { + width: 10%; + } + .ios .row .tablet-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .tablet-5 { + width: 5%; + } + .ios .row .tablet-auto:nth-last-child(1), + .ios .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .tablet-auto:nth-last-child(1), + .ios .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + } + .ios .row .tablet-auto:nth-last-child(2), + .ios .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .tablet-auto:nth-last-child(2), + .ios .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + } + .ios .row .tablet-auto:nth-last-child(3), + .ios .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .tablet-auto:nth-last-child(3), + .ios .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + } + .ios .row .tablet-auto:nth-last-child(4), + .ios .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .tablet-auto:nth-last-child(4), + .ios .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + } + .ios .row .tablet-auto:nth-last-child(5), + .ios .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .tablet-auto:nth-last-child(5), + .ios .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + } + .ios .row .tablet-auto:nth-last-child(6), + .ios .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); + } + .ios .row.no-gap .tablet-auto:nth-last-child(6), + .ios .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + } + .ios .row .tablet-auto:nth-last-child(7), + .ios .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); + } + .ios .row.no-gap .tablet-auto:nth-last-child(7), + .ios .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + } + .ios .row .tablet-auto:nth-last-child(8), + .ios .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + width: calc((100% - 15px*7) / 8); + } + .ios .row.no-gap .tablet-auto:nth-last-child(8), + .ios .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + } + .ios .row .tablet-auto:nth-last-child(9), + .ios .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); + } + .ios .row.no-gap .tablet-auto:nth-last-child(9), + .ios .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + } + .ios .row .tablet-auto:nth-last-child(10), + .ios .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .tablet-auto:nth-last-child(10), + .ios .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + } + .ios .row .tablet-auto:nth-last-child(11), + .ios .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); + } + .ios .row.no-gap .tablet-auto:nth-last-child(11), + .ios .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + } + .ios .row .tablet-auto:nth-last-child(12), + .ios .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); + } + .ios .row.no-gap .tablet-auto:nth-last-child(12), + .ios .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + } + .ios .row .tablet-auto:nth-last-child(13), + .ios .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); + } + .ios .row.no-gap .tablet-auto:nth-last-child(13), + .ios .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + } + .ios .row .tablet-auto:nth-last-child(14), + .ios .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); + } + .ios .row.no-gap .tablet-auto:nth-last-child(14), + .ios .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + } + .ios .row .tablet-auto:nth-last-child(15), + .ios .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); + } + .ios .row.no-gap .tablet-auto:nth-last-child(15), + .ios .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + } + .ios .row .tablet-auto:nth-last-child(16), + .ios .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + width: calc((100% - 15px*15) / 16); + } + .ios .row.no-gap .tablet-auto:nth-last-child(16), + .ios .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + } + .ios .row .tablet-auto:nth-last-child(17), + .ios .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); + } + .ios .row.no-gap .tablet-auto:nth-last-child(17), + .ios .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + } + .ios .row .tablet-auto:nth-last-child(18), + .ios .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); + } + .ios .row.no-gap .tablet-auto:nth-last-child(18), + .ios .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + } + .ios .row .tablet-auto:nth-last-child(19), + .ios .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); + } + .ios .row.no-gap .tablet-auto:nth-last-child(19), + .ios .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + } + .ios .row .tablet-auto:nth-last-child(20), + .ios .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .tablet-auto:nth-last-child(20), + .ios .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + } + .ios .row .tablet-auto:nth-last-child(21), + .ios .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); + } + .ios .row.no-gap .tablet-auto:nth-last-child(21), + .ios .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + } +} +@media (min-width: 1025px) { + .ios .row .desktop-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .desktop-100 { + width: 100%; + } + .ios .row .desktop-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); + } + .ios .row.no-gap .desktop-95 { + width: 95%; + } + .ios .row .desktop-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); + } + .ios .row.no-gap .desktop-90 { + width: 90%; + } + .ios .row .desktop-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); + } + .ios .row.no-gap .desktop-85 { + width: 85%; + } + .ios .row .desktop-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); + } + .ios .row.no-gap .desktop-80 { + width: 80%; + } + .ios .row .desktop-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); + } + .ios .row.no-gap .desktop-75 { + width: 75%; + } + .ios .row .desktop-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); + } + .ios .row.no-gap .desktop-70 { + width: 70%; + } + .ios .row .desktop-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); + } + .ios .row.no-gap .desktop-66 { + width: 66.66666666666666%; + } + .ios .row .desktop-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); + } + .ios .row.no-gap .desktop-65 { + width: 65%; + } + .ios .row .desktop-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); + } + .ios .row.no-gap .desktop-60 { + width: 60%; + } + .ios .row .desktop-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); + } + .ios .row.no-gap .desktop-55 { + width: 55%; + } + .ios .row .desktop-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .desktop-50 { + width: 50%; + } + .ios .row .desktop-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); + } + .ios .row.no-gap .desktop-45 { + width: 45%; + } + .ios .row .desktop-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); + } + .ios .row.no-gap .desktop-40 { + width: 40%; + } + .ios .row .desktop-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); + } + .ios .row.no-gap .desktop-35 { + width: 35%; + } + .ios .row .desktop-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .desktop-33 { + width: 33.333333333333336%; + } + .ios .row .desktop-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); + } + .ios .row.no-gap .desktop-30 { + width: 30%; + } + .ios .row .desktop-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .desktop-25 { + width: 25%; + } + .ios .row .desktop-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .desktop-20 { + width: 20%; + } + .ios .row .desktop-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); + } + .ios .row.no-gap .desktop-15 { + width: 15%; + } + .ios .row .desktop-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .desktop-10 { + width: 10%; + } + .ios .row .desktop-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .desktop-5 { + width: 5%; + } + .ios .row .desktop-auto:nth-last-child(1), + .ios .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .desktop-auto:nth-last-child(1), + .ios .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + } + .ios .row .desktop-auto:nth-last-child(2), + .ios .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .desktop-auto:nth-last-child(2), + .ios .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + } + .ios .row .desktop-auto:nth-last-child(3), + .ios .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .desktop-auto:nth-last-child(3), + .ios .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + } + .ios .row .desktop-auto:nth-last-child(4), + .ios .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .desktop-auto:nth-last-child(4), + .ios .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + } + .ios .row .desktop-auto:nth-last-child(5), + .ios .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .desktop-auto:nth-last-child(5), + .ios .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + } + .ios .row .desktop-auto:nth-last-child(6), + .ios .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); + } + .ios .row.no-gap .desktop-auto:nth-last-child(6), + .ios .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + } + .ios .row .desktop-auto:nth-last-child(7), + .ios .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); + } + .ios .row.no-gap .desktop-auto:nth-last-child(7), + .ios .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + } + .ios .row .desktop-auto:nth-last-child(8), + .ios .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + width: calc((100% - 15px*7) / 8); + } + .ios .row.no-gap .desktop-auto:nth-last-child(8), + .ios .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + } + .ios .row .desktop-auto:nth-last-child(9), + .ios .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); + } + .ios .row.no-gap .desktop-auto:nth-last-child(9), + .ios .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + } + .ios .row .desktop-auto:nth-last-child(10), + .ios .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .desktop-auto:nth-last-child(10), + .ios .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + } + .ios .row .desktop-auto:nth-last-child(11), + .ios .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); + } + .ios .row.no-gap .desktop-auto:nth-last-child(11), + .ios .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + } + .ios .row .desktop-auto:nth-last-child(12), + .ios .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); + } + .ios .row.no-gap .desktop-auto:nth-last-child(12), + .ios .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + } + .ios .row .desktop-auto:nth-last-child(13), + .ios .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); + } + .ios .row.no-gap .desktop-auto:nth-last-child(13), + .ios .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + } + .ios .row .desktop-auto:nth-last-child(14), + .ios .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); + } + .ios .row.no-gap .desktop-auto:nth-last-child(14), + .ios .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + } + .ios .row .desktop-auto:nth-last-child(15), + .ios .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); + } + .ios .row.no-gap .desktop-auto:nth-last-child(15), + .ios .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + } + .ios .row .desktop-auto:nth-last-child(16), + .ios .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + width: calc((100% - 15px*15) / 16); + } + .ios .row.no-gap .desktop-auto:nth-last-child(16), + .ios .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + } + .ios .row .desktop-auto:nth-last-child(17), + .ios .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); + } + .ios .row.no-gap .desktop-auto:nth-last-child(17), + .ios .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + } + .ios .row .desktop-auto:nth-last-child(18), + .ios .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); + } + .ios .row.no-gap .desktop-auto:nth-last-child(18), + .ios .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + } + .ios .row .desktop-auto:nth-last-child(19), + .ios .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); + } + .ios .row.no-gap .desktop-auto:nth-last-child(19), + .ios .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + } + .ios .row .desktop-auto:nth-last-child(20), + .ios .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .desktop-auto:nth-last-child(20), + .ios .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + } + .ios .row .desktop-auto:nth-last-child(21), + .ios .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); + } + .ios .row.no-gap .desktop-auto:nth-last-child(21), + .ios .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + } +} +/* === Calendar/Datepicker === */ +.calendar { + overflow: hidden; + height: 320px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.calendar.modal-in { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: 220px; + } + .calendar.calendar-modal { + height: calc(100vh - 44px); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-modal { + position: absolute; + height: 420px; + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: 380px; + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 12000; + background: #fff; + width: 90%; + border-radius: 4px; + -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.calendar-modal.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); +} +.calendar-popover { + width: 320px; +} +.calendar-popover .calendar { + height: 320px; +} +.calendar-week-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 11px; +} +.calendar-week-header .calendar-week-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + -webkit-transition: 300ms; + transition: 300ms; +} +.calendar-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.calendar-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: #000; + height: 100%; +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: #b8b8b8; +} +.calendar-day.calendar-day-disabled { + color: #d4d4d4; + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 100%; + position: relative; +} +.calendar-day .calendar-day-events { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + left: 0; + width: 100%; + top: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: 4px; + height: 4px; + border-radius: 50%; +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 50%; + max-width: 200px; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.ios .calendar-header { + height: 44px; + background: #f7f7f8; + font-size: 17px; + line-height: 44px; + font-weight: 600; + padding: 0 8px; + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.ios .calendar-footer { + position: relative; + padding: 0 8px; + width: 100%; + height: 44px; + background: #f7f7f8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 17px; +} +.ios .calendar-footer:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-week-header { + background: #f7f7f8; + height: 18px; +} +.ios .calendar-week-header .calendar-week-day { + line-height: 18px; +} +.ios .calendar-row:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-row:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-row:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-day { + font-size: 15px; +} +.ios .calendar-day.calendar-day-today .calendar-day-number { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-selected .calendar-day-number { + background: #007aff; +} +.ios .calendar-day .calendar-day-number { + width: 30px; + height: 30px; + line-height: 30px; +} +.ios .calendar-day .calendar-day-event { + background: #007aff; +} +.ios .calendar-month-selector a.icon-only, +.ios .calendar-year-selector a.icon-only { + min-width: 36px; +} +.ios .calendar-sheet:before { + content: ''; + position: absolute; + background-color: #929499; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-sheet:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-sheet:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-sheet { + background: #fff; +} +.ios .calendar-sheet:before { + z-index: 600; +} +.ios .calendar-sheet .toolbar:before { + display: none !important; +} +.ios .calendar-modal .toolbar:before, +.ios .calendar-popover .toolbar:before { + display: none !important; +} +.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.ios .calendar-popover .toolbar { + background: none; +} +.ios .calendar-popover .calendar-week-header, +.ios .calendar-popover .calendar-header, +.ios .calendar-popover .calendar-footer { + background: none; +} +.ios.device-iphone-x .calendar-sheet .sheet-modal-inner { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge.calendar .calendar-row, + .ios.device-iphone-x .ios-edges.calendar .calendar-row, + .ios.device-iphone-x .popup.calendar .calendar-row, + .ios.device-iphone-x .sheet-modal.calendar .calendar-row, + .ios.device-iphone-x .panel-left.calendar .calendar-row, + .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header, + .ios.device-iphone-x .ios-edges.calendar .calendar-week-header, + .ios.device-iphone-x .popup.calendar .calendar-week-header, + .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .ios.device-iphone-x .panel-left.calendar .calendar-week-header, + .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .ios.device-iphone-x .ios-right-edge.calendar .calendar-row, + .ios.device-iphone-x .ios-edges.calendar .calendar-row, + .ios.device-iphone-x .popup.calendar .calendar-row, + .ios.device-iphone-x .sheet-modal.calendar .calendar-row, + .ios.device-iphone-x .panel-right.calendar .calendar-row, + .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header, + .ios.device-iphone-x .ios-edges.calendar .calendar-week-header, + .ios.device-iphone-x .popup.calendar .calendar-week-header, + .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .ios.device-iphone-x .panel-right.calendar .calendar-week-header, + .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +.ios .theme-dark .calendar .calendar-header, +.calendar.ios .theme-dark .calendar-header, +.ios .theme-dark .calendar .calendar-week-header, +.calendar.ios .theme-dark .calendar-week-header, +.ios .theme-dark .calendar .calendar-footer, +.calendar.ios .theme-dark .calendar-footer { + background-color: #1b1b1b; +} +.ios .theme-dark .calendar-popover .calendar-week-header { + background-color: transparent; +} +.ios .theme-dark .calendar-footer:before, +.ios .theme-dark .calendar-row:before, +.ios .theme-dark .calendar-sheet:before { + background-color: #282829; +} +.ios .theme-dark .calendar-day { + color: #fff; +} +.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number { + background: #333; +} +.ios .theme-dark .calendar-day.calendar-day-disabled { + color: #8E8E93; +} +.ios .theme-dark .calendar-day.calendar-day-prev, +.ios .theme-dark .calendar-day.calendar-day-next { + color: #555; +} +.ios .theme-dark .calendar-modal, +.calendar-modal.ios .theme-dark, +.ios .theme-dark .calendar-sheet { + background: #171717; +} +.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff3b30; +} +.ios .color-theme-red .calendar-day .calendar-day-event, +.ios .color-red .calendar-day .calendar-day-event { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number { + background: #4cd964; +} +.ios .color-theme-green .calendar-day .calendar-day-event, +.ios .color-green .calendar-day .calendar-day-event { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number { + background: #007aff; +} +.ios .color-theme-blue .calendar-day .calendar-day-event, +.ios .color-blue .calendar-day .calendar-day-event { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff2d55; +} +.ios .color-theme-pink .calendar-day .calendar-day-event, +.ios .color-pink .calendar-day .calendar-day-event { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffcc00; +} +.ios .color-theme-yellow .calendar-day .calendar-day-event, +.ios .color-yellow .calendar-day .calendar-day-event { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff9500; +} +.ios .color-theme-orange .calendar-day .calendar-day-event, +.ios .color-orange .calendar-day .calendar-day-event { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number { + background: #8e8e93; +} +.ios .color-theme-gray .calendar-day .calendar-day-event, +.ios .color-gray .calendar-day .calendar-day-event { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffffff; +} +.ios .color-theme-white .calendar-day .calendar-day-event, +.ios .color-white .calendar-day .calendar-day-event { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number { + background: #000000; +} +.ios .color-theme-black .calendar-day .calendar-day-event, +.ios .color-black .calendar-day .calendar-day-event { + background: #000000; +} +/* === Picker === */ +.picker { + width: 100%; + height: 260px; +} +.picker.picker-inline, +.popover .picker { + height: 200px; +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: 200px; + } +} +.picker-popover { + width: 280px; +} +.picker-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + right: 100%; +} +.picker-column.picker-column-last:after { + left: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.picker-items { + -webkit-transition: 300ms; + transition: 300ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.picker-item { + height: 36px; + line-height: 36px; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: -18px; + pointer-events: none; +} +.picker-3d .picker-columns { + overflow: hidden; + -webkit-perspective: 1200px; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + -webkit-transform-origin: center center -110px; + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ios .picker-columns { + font-size: 24px; +} +.ios .picker-column-divider { + color: #000; +} +.ios .picker-item { + color: #707274; +} +.ios .picker-item.picker-item-selected { + color: #000; +} +.ios .picker-popover .toolbar { + background: none; +} +.ios .picker-popover .toolbar:before { + display: none !important; +} +.ios .picker-popover .picker > .toolbar + .picker-columns { + height: calc(100% - 44px); +} +.ios .picker-popover .toolbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .picker-popover .toolbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-popover .toolbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .picker-center-highlight:before { + content: ''; + position: absolute; + background-color: #a8abb0; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .picker-center-highlight:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-center-highlight:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .picker-center-highlight:after { + content: ''; + position: absolute; + background-color: #a8abb0; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .picker-center-highlight:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-center-highlight:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .picker-item.picker-item-selected { + color: #fff; +} +.ios .theme-dark .picker-popover .toolbar:after, +.picker-popover.ios .theme-dark .toolbar:after { + background-color: #282829; +} +.ios .theme-dark .picker-center-highlight:before { + background-color: #282829; +} +.ios .theme-dark .picker-center-highlight:after { + background-color: #282829; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +/* === PTR === */ +.ptr-preloader .preloader { + position: absolute; + left: 50%; +} +.ios .ptr-preloader { + position: relative; + height: 44px; + margin-top: -44px; + width: 100%; + left: 0; + top: 0; +} +.ios .ptr-preloader .preloader { + width: 27px; + height: 27px; + margin-left: -13px; + margin-top: -13px; + visibility: hidden; + top: 50%; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + -webkit-transform: rotate(0deg) translate3d(0, 0, 0); + transform: rotate(0deg) translate3d(0, 0, 0); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + width: 13px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E"); + background-size: 13px 20px; + visibility: visible; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + -webkit-animation: none; + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.ios .ptr-refreshing { + -webkit-transform: translate3d(0, 44px, 0); + transform: translate3d(0, 44px, 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + -webkit-transform: rotate(180deg) translate3d(0, 0, 0); + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: -44px; + height: calc(100% + 44px); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + -webkit-animation: lazyFadeIn 600ms; + animation: lazyFadeIn 600ms; +} +@-webkit-keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: left; +} +.data-table thead { + font-size: 12px; +} +.data-table thead th, +.data-table thead td { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; +} +.data-table th, +.data-table td { + padding: 0; + position: relative; +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: right; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-left: 8px; +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: right; + white-space: nowrap; +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 18px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: ''; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-size: 0; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 0; +} +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + -webkit-transform: rotate(180deg) !important; + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header { + height: 64px; +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-actions { + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.data-table .data-table-actions a.link { + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} +.data-table .data-table-header-selected { + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; +} +.data-table .data-table-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 12px; + overflow: hidden; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + -webkit-transform: none !important; + transform: none !important; + font-size: 12px; + margin-right: 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + left: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-left: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-left: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); +} +.ios .data-table thead th, +.ios .data-table thead td { + font-weight: 600; +} +.ios .data-table thead th:not(.sortable-cell-active), +.ios .data-table thead td:not(.sortable-cell-active) { + color: #8e8e93; +} +.ios .data-table thead i.icon, +.ios .data-table thead i.f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.ios .data-table tbody tr.data-table-row-selected { + background: #f7f7f8; +} +.ios .data-table th, +.ios .data-table td { + padding-left: 15px; + padding-right: 15px; + height: 44px; +} +.ios .data-table th.checkbox-cell, +.ios .data-table td.checkbox-cell { + width: 22px; + padding-right: 7px; +} +.ios .data-table th.checkbox-cell + td, +.ios .data-table td.checkbox-cell + td, +.ios .data-table th.checkbox-cell + th, +.ios .data-table td.checkbox-cell + th { + padding-left: 8px; +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-left: 15px; +} +.ios .data-table th.actions-cell a.icon-only, +.ios .data-table td.actions-cell a.icon-only { + width: 18px; + height: 18px; + line-height: 18px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-left: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-right: 5px; +} +.ios .data-table.card .card-header, +.ios .card .data-table .card-header, +.ios .data-table.card .card-footer, +.ios .card .data-table .card-footer { + padding-left: 15px; + padding-right: 8px; +} +.ios .data-table-title { + font-size: 17px; + font-weight: 600; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link { + margin-left: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-actions i.icon, +.ios .data-table-actions i.f7-icons { + font-size: 22px; +} +.ios .data-table .card-header > .data-table-header, +.ios .data-table .card-header > .data-table-header-selected { + padding-top: 10px; + padding-bottom: 10px; + height: 100%; + padding-left: 15px; + padding-right: 8px; + margin-left: -15px; + margin-right: -8px; +} +.ios .data-table-header-selected { + background: rgba(0, 122, 255, 0.1); +} +.ios .data-table-title-selected { + color: #007aff; +} +.ios .data-table tbody td:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .data-table tbody td:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .data-table tbody td:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios.device-desktop .data-table tbody tr:hover { + background: #f7f7f8; +} +.ios .data-table-footer { + height: 44px; + color: #8e8e93; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-left: 30px; +} +.ios .data-table-rows-select .input { + margin-left: 20px; +} +.ios .data-table-pagination-label { + margin-right: 15px; +} +.ios .data-table-footer:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .data-table-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .data-table-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.ios .input-cell .table-head-label + .input { + margin-top: 4px; +} +.ios .input-cell .input { + height: 24px; +} +.ios .input-cell .input input, +.ios .input-cell .input textarea, +.ios .input-cell .input select { + height: 24px; + color: #000; + font-size: 14px; +} +@media (max-width: 480px) and (orientation: portrait) { + .ios .data-table.data-table-collapsible td:not(.checkbox-cell):before { + color: #8e8e93; + font-weight: 600; + } + .ios .data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + } + .ios.device-pixel-ratio-2 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + } + .ios.device-pixel-ratio-3 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); + } +} +.ios .theme-dark .data-table tbody td:before, +.data-table.ios .theme-dark tbody td:before { + background-color: #282829; +} +.ios .theme-dark .data-table.data-table-collapsible tr:before, +.data-table.ios .theme-dark.data-table-collapsible tr:before { + background-color: #282829; +} +.ios .theme-dark .data-table tbody tr.data-table-row-selected, +.data-table.ios .theme-dark tbody tr.data-table-row-selected { + background-color: #363636; +} +.ios.device-desktop .theme-dark .data-table tbody tr:hover, +.ios.device-desktop .theme-dark.data-table tbody tr:hover { + background: #363636; +} +.ios .color-theme-red .data-table-header-selected, +.ios .data-table-header-selected.color-red { + background: rgba(255, 59, 48, 0.1); +} +.ios .color-theme-red .data-table-title-selected, +.ios .color-red .data-table-title-selected { + color: #ff3b30; +} +.ios .color-theme-green .data-table-header-selected, +.ios .data-table-header-selected.color-green { + background: rgba(76, 217, 100, 0.1); +} +.ios .color-theme-green .data-table-title-selected, +.ios .color-green .data-table-title-selected { + color: #4cd964; +} +.ios .color-theme-blue .data-table-header-selected, +.ios .data-table-header-selected.color-blue { + background: rgba(0, 122, 255, 0.1); +} +.ios .color-theme-blue .data-table-title-selected, +.ios .color-blue .data-table-title-selected { + color: #007aff; +} +.ios .color-theme-pink .data-table-header-selected, +.ios .data-table-header-selected.color-pink { + background: rgba(255, 45, 85, 0.1); +} +.ios .color-theme-pink .data-table-title-selected, +.ios .color-pink .data-table-title-selected { + color: #ff2d55; +} +.ios .color-theme-yellow .data-table-header-selected, +.ios .data-table-header-selected.color-yellow { + background: rgba(255, 204, 0, 0.1); +} +.ios .color-theme-yellow .data-table-title-selected, +.ios .color-yellow .data-table-title-selected { + color: #ffcc00; +} +.ios .color-theme-orange .data-table-header-selected, +.ios .data-table-header-selected.color-orange { + background: rgba(255, 149, 0, 0.1); +} +.ios .color-theme-orange .data-table-title-selected, +.ios .color-orange .data-table-title-selected { + color: #ff9500; +} +.ios .color-theme-gray .data-table-header-selected, +.ios .data-table-header-selected.color-gray { + background: rgba(142, 142, 147, 0.1); +} +.ios .color-theme-gray .data-table-title-selected, +.ios .color-gray .data-table-title-selected { + color: #8e8e93; +} +.ios .color-theme-white .data-table-header-selected, +.ios .data-table-header-selected.color-white { + background: rgba(255, 255, 255, 0.1); +} +.ios .color-theme-white .data-table-title-selected, +.ios .color-white .data-table-title-selected { + color: #ffffff; +} +.ios .color-theme-black .data-table-header-selected, +.ios .data-table-header-selected.color-black { + background: rgba(0, 0, 0, 0.1); +} +.ios .color-theme-black .data-table-title-selected, +.ios .color-black .data-table-title-selected { + color: #000000; +} +/* === FAB === */ +.fab { + position: absolute; + z-index: 1500; +} +.fab > a, +.fab-buttons a { + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + z-index: 1; +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + -webkit-transition: 300ms; + transition: 300ms; +} +.fab > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab[class*="fab-center"] { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.fab div.fab-buttons a { + width: 40px; + height: 40px; +} +.fab-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0) scale(1) !important; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + -webkit-transition-delay: 50ms; + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + -webkit-transition-delay: 150ms; + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + -webkit-transition-delay: 200ms; + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + -webkit-transition-delay: 250ms; + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: 40px; + margin-left: -20px; +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.fab-buttons-top a { + -webkit-transform: translate3d(0, 8px, 0) scale(0.3); + transform: translate3d(0, 8px, 0) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.fab-buttons-bottom a { + -webkit-transform: translate3d(0, -8px, 0) scale(0.3); + transform: translate3d(0, -8px, 0) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: 40px; + margin-top: -20px; +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fab-buttons-left a { + -webkit-transform: translate3d(8px, 0px, 0) scale(0.3); + transform: translate3d(8px, 0px, 0) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; +} +.fab-buttons-right a { + -webkit-transform: translate3d(-8px, 0, 0) scale(0.3); + transform: translate3d(-8px, 0, 0) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: -20px; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform: translateY(-8px) scale(0.3); + transform: translateY(-8px) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: -20px; + top: 50%; + margin-left: 16px; + -webkit-transform: translateX(-8px) scale(0.3); + transform: translateX(-8px) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: -20px; + top: 100%; + margin-top: 16px; + -webkit-transform: translateY(8px) scale(0.3); + transform: translateY(8px) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: -20px; + top: 50%; + margin-right: 16px; + -webkit-transform: translateX(8px) scale(0.3); + transform: translateX(8px) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + padding-left: 20px; + padding-right: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: 4px 12px; + border-radius: 4px; + background: #fff; + color: #333; + white-space: nowrap; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.ios .fab > a, +.ios .fab-buttons a { + background: #007aff; + width: 50px; + height: 50px; + -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + border-radius: 25px; + color: #fff; +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background: #0066d6; +} +.ios .fab > a i.icon, +.ios .fab-buttons a i.icon { + font-size: 21px; +} +.ios .fab[class*="fab-left"] { + left: 15px; +} +.ios .fab[class*="fab-right"] { + right: 15px; +} +.ios .fab[class*="-top"] { + top: 15px; +} +.ios .fab[class*="-bottom"] { + bottom: 15px; +} +.ios .navbar ~ * .fab[class*="-top"], +.ios .navbar ~ .fab[class*="-top"] { + margin-top: 44px; +} +.ios .toolbar ~ * .fab[class*="-bottom"], +.ios .toolbar ~ .fab[class*="-bottom"] { + margin-bottom: 44px; +} +.ios .tabbar-labels ~ * .fab[class*="-bottom"], +.ios .tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .fab[class*="-bottom"], + .ios .tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 56px; + } +} +.ios .fab-morph { + border-radius: 25px; + background: #007aff; + -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); +} +.ios .fab-morph > a { + -webkit-box-shadow: none; + box-shadow: none; + background: none !important; +} +.ios .fab-extended { + min-width: 50px; +} +.ios .fab-extended > a { + width: 100%; + height: 50px; +} +.ios .fab-extended > a i { + left: 25px; +} +.ios .fab-extended i ~ .fab-text { + padding-left: 50px; +} +.ios .fab-label { + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); +} +.ios .color-theme-red .fab > a, +.ios .color-theme-red .fab-buttons a, +.ios .color-theme-red.fab > a, +.ios .color-theme-red.fab-buttons a { + background: #ff3b30; +} +.ios .color-theme-red .fab > a.active-state, +.ios .color-theme-red .fab-buttons a.active-state, +.ios .color-theme-red.fab > a.active-state, +.ios .color-theme-red.fab-buttons a.active-state { + background: #ff1407; +} +.ios .color-theme-red .fab-morph, +.ios .color-theme-red.fab-morph { + background: #ff3b30; +} +.ios .color-theme-green .fab > a, +.ios .color-theme-green .fab-buttons a, +.ios .color-theme-green.fab > a, +.ios .color-theme-green.fab-buttons a { + background: #4cd964; +} +.ios .color-theme-green .fab > a.active-state, +.ios .color-theme-green .fab-buttons a.active-state, +.ios .color-theme-green.fab > a.active-state, +.ios .color-theme-green.fab-buttons a.active-state { + background: #2cd048; +} +.ios .color-theme-green .fab-morph, +.ios .color-theme-green.fab-morph { + background: #4cd964; +} +.ios .color-theme-blue .fab > a, +.ios .color-theme-blue .fab-buttons a, +.ios .color-theme-blue.fab > a, +.ios .color-theme-blue.fab-buttons a { + background: #007aff; +} +.ios .color-theme-blue .fab > a.active-state, +.ios .color-theme-blue .fab-buttons a.active-state, +.ios .color-theme-blue.fab > a.active-state, +.ios .color-theme-blue.fab-buttons a.active-state { + background: #0066d6; +} +.ios .color-theme-blue .fab-morph, +.ios .color-theme-blue.fab-morph { + background: #007aff; +} +.ios .color-theme-pink .fab > a, +.ios .color-theme-pink .fab-buttons a, +.ios .color-theme-pink.fab > a, +.ios .color-theme-pink.fab-buttons a { + background: #ff2d55; +} +.ios .color-theme-pink .fab > a.active-state, +.ios .color-theme-pink .fab-buttons a.active-state, +.ios .color-theme-pink.fab > a.active-state, +.ios .color-theme-pink.fab-buttons a.active-state { + background: #ff0434; +} +.ios .color-theme-pink .fab-morph, +.ios .color-theme-pink.fab-morph { + background: #ff2d55; +} +.ios .color-theme-yellow .fab > a, +.ios .color-theme-yellow .fab-buttons a, +.ios .color-theme-yellow.fab > a, +.ios .color-theme-yellow.fab-buttons a { + background: #ffcc00; +} +.ios .color-theme-yellow .fab > a.active-state, +.ios .color-theme-yellow .fab-buttons a.active-state, +.ios .color-theme-yellow.fab > a.active-state, +.ios .color-theme-yellow.fab-buttons a.active-state { + background: #d6ab00; +} +.ios .color-theme-yellow .fab-morph, +.ios .color-theme-yellow.fab-morph { + background: #ffcc00; +} +.ios .color-theme-orange .fab > a, +.ios .color-theme-orange .fab-buttons a, +.ios .color-theme-orange.fab > a, +.ios .color-theme-orange.fab-buttons a { + background: #ff9500; +} +.ios .color-theme-orange .fab > a.active-state, +.ios .color-theme-orange .fab-buttons a.active-state, +.ios .color-theme-orange.fab > a.active-state, +.ios .color-theme-orange.fab-buttons a.active-state { + background: #d67d00; +} +.ios .color-theme-orange .fab-morph, +.ios .color-theme-orange.fab-morph { + background: #ff9500; +} +.ios .color-theme-gray .fab > a, +.ios .color-theme-gray .fab-buttons a, +.ios .color-theme-gray.fab > a, +.ios .color-theme-gray.fab-buttons a { + background: #8e8e93; +} +.ios .color-theme-gray .fab > a.active-state, +.ios .color-theme-gray .fab-buttons a.active-state, +.ios .color-theme-gray.fab > a.active-state, +.ios .color-theme-gray.fab-buttons a.active-state { + background: #79797f; +} +.ios .color-theme-gray .fab-morph, +.ios .color-theme-gray.fab-morph { + background: #8e8e93; +} +.ios .color-theme-white .fab > a, +.ios .color-theme-white .fab-buttons a, +.ios .color-theme-white.fab > a, +.ios .color-theme-white.fab-buttons a { + background: #ffffff; +} +.ios .color-theme-white .fab > a.active-state, +.ios .color-theme-white .fab-buttons a.active-state, +.ios .color-theme-white.fab > a.active-state, +.ios .color-theme-white.fab-buttons a.active-state { + background: #ebebeb; +} +.ios .color-theme-white .fab-morph, +.ios .color-theme-white.fab-morph { + background: #ffffff; +} +.ios .color-theme-black .fab > a, +.ios .color-theme-black .fab-buttons a, +.ios .color-theme-black.fab > a, +.ios .color-theme-black.fab-buttons a { + background: #000000; +} +.ios .color-theme-black .fab > a.active-state, +.ios .color-theme-black .fab-buttons a.active-state, +.ios .color-theme-black.fab > a.active-state, +.ios .color-theme-black.fab-buttons a.active-state { + background: #000000; +} +.ios .color-theme-black .fab-morph, +.ios .color-theme-black.fab-morph { + background: #000000; +} +.ios .fab.color-red > a, +.ios .fab.color-red .fab-buttons > a, +.ios .fab-buttons.color-red a, +.ios .fab > a.color-red, +.ios .fab .fab-buttons > a.color-red { + background: #ff3b30; +} +.ios .fab.color-red > a.active-state, +.ios .fab.color-red .fab-buttons > a.active-state, +.ios .fab-buttons.color-red a.active-state, +.ios .fab > a.color-red.active-state, +.ios .fab .fab-buttons > a.color-red.active-state { + background: #ff1407; +} +.ios .fab-morph.color-red { + background: #ff3b30; +} +.ios .fab.color-green > a, +.ios .fab.color-green .fab-buttons > a, +.ios .fab-buttons.color-green a, +.ios .fab > a.color-green, +.ios .fab .fab-buttons > a.color-green { + background: #4cd964; +} +.ios .fab.color-green > a.active-state, +.ios .fab.color-green .fab-buttons > a.active-state, +.ios .fab-buttons.color-green a.active-state, +.ios .fab > a.color-green.active-state, +.ios .fab .fab-buttons > a.color-green.active-state { + background: #2cd048; +} +.ios .fab-morph.color-green { + background: #4cd964; +} +.ios .fab.color-blue > a, +.ios .fab.color-blue .fab-buttons > a, +.ios .fab-buttons.color-blue a, +.ios .fab > a.color-blue, +.ios .fab .fab-buttons > a.color-blue { + background: #007aff; +} +.ios .fab.color-blue > a.active-state, +.ios .fab.color-blue .fab-buttons > a.active-state, +.ios .fab-buttons.color-blue a.active-state, +.ios .fab > a.color-blue.active-state, +.ios .fab .fab-buttons > a.color-blue.active-state { + background: #0066d6; +} +.ios .fab-morph.color-blue { + background: #007aff; +} +.ios .fab.color-pink > a, +.ios .fab.color-pink .fab-buttons > a, +.ios .fab-buttons.color-pink a, +.ios .fab > a.color-pink, +.ios .fab .fab-buttons > a.color-pink { + background: #ff2d55; +} +.ios .fab.color-pink > a.active-state, +.ios .fab.color-pink .fab-buttons > a.active-state, +.ios .fab-buttons.color-pink a.active-state, +.ios .fab > a.color-pink.active-state, +.ios .fab .fab-buttons > a.color-pink.active-state { + background: #ff0434; +} +.ios .fab-morph.color-pink { + background: #ff2d55; +} +.ios .fab.color-yellow > a, +.ios .fab.color-yellow .fab-buttons > a, +.ios .fab-buttons.color-yellow a, +.ios .fab > a.color-yellow, +.ios .fab .fab-buttons > a.color-yellow { + background: #ffcc00; +} +.ios .fab.color-yellow > a.active-state, +.ios .fab.color-yellow .fab-buttons > a.active-state, +.ios .fab-buttons.color-yellow a.active-state, +.ios .fab > a.color-yellow.active-state, +.ios .fab .fab-buttons > a.color-yellow.active-state { + background: #d6ab00; +} +.ios .fab-morph.color-yellow { + background: #ffcc00; +} +.ios .fab.color-orange > a, +.ios .fab.color-orange .fab-buttons > a, +.ios .fab-buttons.color-orange a, +.ios .fab > a.color-orange, +.ios .fab .fab-buttons > a.color-orange { + background: #ff9500; +} +.ios .fab.color-orange > a.active-state, +.ios .fab.color-orange .fab-buttons > a.active-state, +.ios .fab-buttons.color-orange a.active-state, +.ios .fab > a.color-orange.active-state, +.ios .fab .fab-buttons > a.color-orange.active-state { + background: #d67d00; +} +.ios .fab-morph.color-orange { + background: #ff9500; +} +.ios .fab.color-gray > a, +.ios .fab.color-gray .fab-buttons > a, +.ios .fab-buttons.color-gray a, +.ios .fab > a.color-gray, +.ios .fab .fab-buttons > a.color-gray { + background: #8e8e93; +} +.ios .fab.color-gray > a.active-state, +.ios .fab.color-gray .fab-buttons > a.active-state, +.ios .fab-buttons.color-gray a.active-state, +.ios .fab > a.color-gray.active-state, +.ios .fab .fab-buttons > a.color-gray.active-state { + background: #79797f; +} +.ios .fab-morph.color-gray { + background: #8e8e93; +} +.ios .fab.color-white > a, +.ios .fab.color-white .fab-buttons > a, +.ios .fab-buttons.color-white a, +.ios .fab > a.color-white, +.ios .fab .fab-buttons > a.color-white { + background: #ffffff; +} +.ios .fab.color-white > a.active-state, +.ios .fab.color-white .fab-buttons > a.active-state, +.ios .fab-buttons.color-white a.active-state, +.ios .fab > a.color-white.active-state, +.ios .fab .fab-buttons > a.color-white.active-state { + background: #ebebeb; +} +.ios .fab-morph.color-white { + background: #ffffff; +} +.ios .fab.color-black > a, +.ios .fab.color-black .fab-buttons > a, +.ios .fab-buttons.color-black a, +.ios .fab > a.color-black, +.ios .fab .fab-buttons > a.color-black { + background: #000000; +} +.ios .fab.color-black > a.active-state, +.ios .fab.color-black .fab-buttons > a.active-state, +.ios .fab-buttons.color-black a.active-state, +.ios .fab > a.color-black.active-state, +.ios .fab .fab-buttons > a.color-black.active-state { + background: #000000; +} +.ios .fab-morph.color-black { + background: #000000; +} +.ios.device-iphone-x .fab[class*="-bottom"] { + bottom: calc(15px + constant(safe-area-inset-bottom)); + bottom: calc(15px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .fab[class*="fab-left"], + .ios.device-iphone-x .ios-edges .fab[class*="fab-left"], + .ios.device-iphone-x .popup .fab[class*="fab-left"], + .ios.device-iphone-x .sheet-modal .fab[class*="fab-left"], + .ios.device-iphone-x .panel-left .fab[class*="fab-left"] { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .fab[class*="fab-right"], + .ios.device-iphone-x .ios-edges .fab[class*="fab-right"], + .ios.device-iphone-x .popup .fab[class*="fab-right"], + .ios.device-iphone-x .sheet-modal .fab[class*="fab-right"], + .ios.device-iphone-x .panel-right .fab[class*="fab-right"] { + right: calc(15px + constant(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } +} +/* === Searchbar === */ +.searchbar { + width: 100%; + position: relative; + z-index: 200; +} +.searchbar .searchbar-input-wrap { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + height: 100%; + position: relative; +} +.searchbar .searchbar-input-wrap input[type="search"] { + padding: 0; +} +.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.searchbar-expandable { + position: absolute; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + pointer-events: none; +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.ios .searchbar { + height: 44px; + background: #f7f7f8; +} +.ios .searchbar.no-hairline:after { + display: none !important; +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + padding: 0 28px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 10px; + border-radius: 8px; + font-family: inherit; + color: #000; + font-size: 17px; + font-weight: normal; + z-index: 30; + background-color: #e8e8ea; + position: relative; +} +.ios .searchbar input[type="search"]::-webkit-input-placeholder, +.ios .searchbar input[type="text"]::-webkit-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]:-ms-input-placeholder, +.ios .searchbar input[type="text"]:-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]::-ms-input-placeholder, +.ios .searchbar input[type="text"]::-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]::placeholder, +.ios .searchbar input[type="text"]::placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar .input-clear-button { + z-index: 40; + right: 7px; +} +.ios .searchbar-inner { + padding: 0 8px; +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; + z-index: 40; + left: 8px; +} +.ios .searchbar-backdrop { + background: rgba(0, 0, 0, 0.4); +} +.ios .searchbar-input-wrap { + height: 32px; +} +.ios .searchbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .searchbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .searchbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .searchbar-disable-button { + font-size: 17px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + color: #007aff; + display: none; +} +.ios .searchbar-disable-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + -webkit-transition-duration: 300ms !important; + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + left: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: 44px; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: 100%; + pointer-events: auto; +} +.ios .page > .searchbar { + z-index: 200; +} +.ios .navbar ~ .page:not(.no-navbar) > .searchbar, +.ios .page > .navbar ~ .searchbar { + top: 44px; +} +.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content, +.ios .page > .navbar ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .searchbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .searchbar, +.searchbar.ios .theme-dark { + background-color: #303030; +} +.ios .theme-dark .searchbar:after, +.searchbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .searchbar input[type="search"], +.searchbar.ios .theme-dark input[type="search"], +.ios .theme-dark .searchbar input[type="text"], +.searchbar.ios .theme-dark input[type="text"] { + background-color: #171717; + color: #fff; +} +.ios .color-theme-red .searchbar-disable-button { + color: #ff3b30; +} +.ios .color-theme-green .searchbar-disable-button { + color: #4cd964; +} +.ios .color-theme-blue .searchbar-disable-button { + color: #007aff; +} +.ios .color-theme-pink .searchbar-disable-button { + color: #ff2d55; +} +.ios .color-theme-yellow .searchbar-disable-button { + color: #ffcc00; +} +.ios .color-theme-orange .searchbar-disable-button { + color: #ff9500; +} +.ios .color-theme-gray .searchbar-disable-button { + color: #8e8e93; +} +.ios .color-theme-white .searchbar-disable-button { + color: #ffffff; +} +.ios .color-theme-black .searchbar-disable-button { + color: #000000; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .searchbar-inner, + .ios.device-iphone-x .ios-edges .searchbar-inner, + .ios.device-iphone-x .popup .searchbar-inner, + .ios.device-iphone-x .sheet-modal .searchbar-inner, + .ios.device-iphone-x .panel-left .searchbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .searchbar-inner, + .ios.device-iphone-x .ios-edges .searchbar-inner, + .ios.device-iphone-x .popup .searchbar-inner, + .ios.device-iphone-x .sheet-modal .searchbar-inner, + .ios.device-iphone-x .panel-right .searchbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Messages === */ +.messages { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; +} +.message { + max-width: 70%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + position: relative; + z-index: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.message-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; + font-size: 12px; +} +.message-footer { + font-size: 11px; + margin-bottom: -1em; +} +.message-bubble { + -webkit-box-sizing: border-box; + box-sizing: border-box; + word-break: break-word; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + line-height: 1.2; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + font-size: 12px; + line-height: 1; +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.message-received { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.message-received .message-content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.message-sent .message-content { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + -webkit-animation: message-appear-from-bottom 300ms; + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + -webkit-animation: message-appear-from-top 300ms; + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: #000; + vertical-align: middle; + border-radius: 50%; +} +@-webkit-keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.ios .messages-content, +.ios .messages { + background: #fff; +} +.ios .messages-title { + font-size: 11px; + color: #8e8e93; + margin-top: 10px; +} +.ios .messages-title:last-child { + margin-bottom: 10px; +} +.ios .messages-title b { + font-weight: 600; +} +.ios .message { + margin-top: 10px; +} +.ios .message:last-child { + margin-bottom: 10px; +} +.ios .message-avatar { + width: 29px; + height: 29px; +} +.ios .message-header, +.ios .message-footer, +.ios .message-name { + color: #8e8e93; +} +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + font-size: 17px; + line-height: 1.2; + border-radius: 16px; + padding: 6px 16px 9px; + min-width: 48px; + min-height: 35px; +} +.ios .message-image { + margin: 6px -16px; +} +.ios .message-image:first-child { + margin-top: -6px; +} +.ios .message-image:first-child img { + border-top-left-radius: 16px; + border-top-right-radius: 16px; +} +.ios .message-image:last-child { + margin-bottom: -9px; +} +.ios .message-image:last-child img { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: 10px; +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: 16px; +} +.ios .message-received .message-text-header, +.ios .message-received .message-text-footer { + opacity: 0.5; +} +.ios .message-received .message-bubble { + color: #000; + background: #e5e5ea; + padding-left: 22px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: -22px; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + border-radius: 16px 16px 16px 0; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: 10px; +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: 16px; +} +.ios .message-sent .message-text-header, +.ios .message-sent .message-text-footer { + opacity: 0.8; +} +.ios .message-sent .message-bubble { + background: #00d449; + color: #fff; + padding-right: 22px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: -22px; +} +.ios .message-sent.message-tail .message-bubble { + border-radius: 16px 16px 0 16px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: #e5e5ea; + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; + opacity: 0.35; +} +.ios .message-typing-indicator > div + div { + margin-left: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + -webkit-animation: ios-message-typing-indicator 900ms infinite; + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + -webkit-animation: ios-message-typing-indicator 900ms 150ms infinite; + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + -webkit-animation: ios-message-typing-indicator 900ms 300ms infinite; + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +.ios .theme-dark .messages-content, +.messages-content.ios .theme-dark, +.ios .theme-dark .messages, +.messages.ios .theme-dark { + background-color: transparent; +} +.ios .theme-dark .message-received.message-typing .message-content:after, +.ios .theme-dark .message-received.message-typing .message-content:before { + background: #333; +} +.ios .theme-dark .message-typing-indicator > div { + background-color: #fff; +} +.ios .theme-dark .message-received .message-bubble { + background-color: #333; + color: #fff; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .message-received, + .ios.device-iphone-x .ios-edges .message-received, + .ios.device-iphone-x .popup .message-received, + .ios.device-iphone-x .sheet-modal .message-received, + .ios.device-iphone-x .panel-left .message-received { + margin-left: calc(10px + constant(safe-area-inset-left)); + margin-left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .message-sent, + .ios.device-iphone-x .ios-edges .message-sent, + .ios.device-iphone-x .popup .message-sent, + .ios.device-iphone-x .sheet-modal .message-sent, + .ios.device-iphone-x .panel-right .message-sent { + margin-right: calc(10px + constant(safe-area-inset-right)); + margin-right: calc(10px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +/* === Messagebar === */ +.toolbar.messagebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + background: #fff; + height: auto; +} +.toolbar.messagebar .toolbar-inner { + position: relative; +} +.toolbar.messagebar .messagebar-area { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.toolbar.messagebar textarea { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.toolbar.messagebar a.link { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.messagebar-attachments { + width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: 155px; + position: relative; +} +@media (orientation: landscape) { + .messagebar-attachment { + height: 120px; + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; +} +.messagebar-attachment + .messagebar-attachment { + margin-left: 8px; +} +.messagebar-sheet { + overflow: auto; + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + height: 252px; +} +@media (orientation: landscape) { + .messagebar-sheet { + height: 192px; + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: 125px; + width: 125px; + margin-left: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: 95px; + height: 95px; + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top), +.md.device-iphone-x .messagebar:not(.messagebar-top) { + height: auto !important; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible), +.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .messagebar-sheet, +.md.device-iphone-x .messagebar-sheet { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .messagebar { + background: #fff; + min-height: 44px; +} +.ios .messagebar:before { + display: none !important; +} +.ios .messagebar textarea { + background: #fff; + border-radius: 17px; + padding: 6px 15px; + height: 34px; + line-height: 20px; + font-size: 17px; + border: 1px solid #c8c8cd; +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: 17px 17px 0 0; + border: 1px solid #c8c8cd; + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 17px 17px; +} +.ios .messagebar-attachment { + border-radius: 12px; + font-size: 14px; +} +.ios .messagebar-attachment img { + border-radius: 12px; +} +.ios .messagebar-sheet { + background: #d1d5da; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; + cursor: pointer; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.ios .theme-dark .messagebar textarea, +.messagebar.ios .theme-dark textarea { + background-color: #000; + border-color: #282829; + color: #fff; +} +.ios .theme-dark .messagebar-attachments { + border-color: #282829; + background-color: #000; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} +/* 3D Effects */ +.swiper-container-3d { + -webkit-perspective: 1200px; + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + -ms-touch-action: pan-x; + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: 300ms opacity; + transition: 300ms opacity; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transform: scale(0.33); + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + -webkit-transform: scale(1); + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0px, -50%, 0); + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + -webkit-transition: 200ms top, 200ms -webkit-transform; + transition: 200ms top, 200ms -webkit-transform; + transition: 200ms transform, 200ms top; + transition: 200ms transform, 200ms top, 200ms -webkit-transform; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transition: 200ms left, 200ms -webkit-transform; + transition: 200ms left, 200ms -webkit-transform; + transition: 200ms transform, 200ms left; + transition: 200ms transform, 200ms left, 200ms -webkit-transform; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + -webkit-transform-origin: right top; + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; +} +.ios .swiper-lazy-preloader { + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +.ios .swiper-button-prev, +.ios .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next, +.ios .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .swiper-pagination-bullet-active { + background: #007aff; +} +.ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #007aff; +} +.ios .swiper-button-prev.color-red, +.ios .swiper-container-rtl .swiper-button-next.color-red, +.ios .color-theme-red .swiper-button-prev, +.ios .color-theme-red .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-red, +.ios .swiper-container-rtl .swiper-button-prev.color-red, +.ios .color-theme-red .swiper-button-next, +.ios .color-theme-red .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-red .swiper-pagination-bullet-active, +.ios .color-theme-red .swiper-pagination-bullet-active { + background: #ff3b30; +} +.ios .color-red .swiper-pagination-progressbar, +.ios .color-theme-red .swiper-pagination-progressbar, +.ios .color-red.swiper-pagination-progressbar, +.ios .color-theme-red.swiper-pagination-progressbar { + background: rgba(255, 59, 48, 0.25); +} +.ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff3b30; +} +.ios .swiper-button-prev.color-green, +.ios .swiper-container-rtl .swiper-button-next.color-green, +.ios .color-theme-green .swiper-button-prev, +.ios .color-theme-green .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-green, +.ios .swiper-container-rtl .swiper-button-prev.color-green, +.ios .color-theme-green .swiper-button-next, +.ios .color-theme-green .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-green .swiper-pagination-bullet-active, +.ios .color-theme-green .swiper-pagination-bullet-active { + background: #4cd964; +} +.ios .color-green .swiper-pagination-progressbar, +.ios .color-theme-green .swiper-pagination-progressbar, +.ios .color-green.swiper-pagination-progressbar, +.ios .color-theme-green.swiper-pagination-progressbar { + background: rgba(76, 217, 100, 0.25); +} +.ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #4cd964; +} +.ios .swiper-button-prev.color-blue, +.ios .swiper-container-rtl .swiper-button-next.color-blue, +.ios .color-theme-blue .swiper-button-prev, +.ios .color-theme-blue .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-blue, +.ios .swiper-container-rtl .swiper-button-prev.color-blue, +.ios .color-theme-blue .swiper-button-next, +.ios .color-theme-blue .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-blue .swiper-pagination-bullet-active, +.ios .color-theme-blue .swiper-pagination-bullet-active { + background: #007aff; +} +.ios .color-blue .swiper-pagination-progressbar, +.ios .color-theme-blue .swiper-pagination-progressbar, +.ios .color-blue.swiper-pagination-progressbar, +.ios .color-theme-blue.swiper-pagination-progressbar { + background: rgba(0, 122, 255, 0.25); +} +.ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #007aff; +} +.ios .swiper-button-prev.color-pink, +.ios .swiper-container-rtl .swiper-button-next.color-pink, +.ios .color-theme-pink .swiper-button-prev, +.ios .color-theme-pink .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-pink, +.ios .swiper-container-rtl .swiper-button-prev.color-pink, +.ios .color-theme-pink .swiper-button-next, +.ios .color-theme-pink .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-pink .swiper-pagination-bullet-active, +.ios .color-theme-pink .swiper-pagination-bullet-active { + background: #ff2d55; +} +.ios .color-pink .swiper-pagination-progressbar, +.ios .color-theme-pink .swiper-pagination-progressbar, +.ios .color-pink.swiper-pagination-progressbar, +.ios .color-theme-pink.swiper-pagination-progressbar { + background: rgba(255, 45, 85, 0.25); +} +.ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff2d55; +} +.ios .swiper-button-prev.color-yellow, +.ios .swiper-container-rtl .swiper-button-next.color-yellow, +.ios .color-theme-yellow .swiper-button-prev, +.ios .color-theme-yellow .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-yellow, +.ios .swiper-container-rtl .swiper-button-prev.color-yellow, +.ios .color-theme-yellow .swiper-button-next, +.ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-yellow .swiper-pagination-bullet-active, +.ios .color-theme-yellow .swiper-pagination-bullet-active { + background: #ffcc00; +} +.ios .color-yellow .swiper-pagination-progressbar, +.ios .color-theme-yellow .swiper-pagination-progressbar, +.ios .color-yellow.swiper-pagination-progressbar, +.ios .color-theme-yellow.swiper-pagination-progressbar { + background: rgba(255, 204, 0, 0.25); +} +.ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffcc00; +} +.ios .swiper-button-prev.color-orange, +.ios .swiper-container-rtl .swiper-button-next.color-orange, +.ios .color-theme-orange .swiper-button-prev, +.ios .color-theme-orange .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-orange, +.ios .swiper-container-rtl .swiper-button-prev.color-orange, +.ios .color-theme-orange .swiper-button-next, +.ios .color-theme-orange .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-orange .swiper-pagination-bullet-active, +.ios .color-theme-orange .swiper-pagination-bullet-active { + background: #ff9500; +} +.ios .color-orange .swiper-pagination-progressbar, +.ios .color-theme-orange .swiper-pagination-progressbar, +.ios .color-orange.swiper-pagination-progressbar, +.ios .color-theme-orange.swiper-pagination-progressbar { + background: rgba(255, 149, 0, 0.25); +} +.ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff9500; +} +.ios .swiper-button-prev.color-gray, +.ios .swiper-container-rtl .swiper-button-next.color-gray, +.ios .color-theme-gray .swiper-button-prev, +.ios .color-theme-gray .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-gray, +.ios .swiper-container-rtl .swiper-button-prev.color-gray, +.ios .color-theme-gray .swiper-button-next, +.ios .color-theme-gray .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-gray .swiper-pagination-bullet-active, +.ios .color-theme-gray .swiper-pagination-bullet-active { + background: #8e8e93; +} +.ios .color-gray .swiper-pagination-progressbar, +.ios .color-theme-gray .swiper-pagination-progressbar, +.ios .color-gray.swiper-pagination-progressbar, +.ios .color-theme-gray.swiper-pagination-progressbar { + background: rgba(142, 142, 147, 0.25); +} +.ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #8e8e93; +} +.ios .swiper-button-prev.color-white, +.ios .swiper-container-rtl .swiper-button-next.color-white, +.ios .color-theme-white .swiper-button-prev, +.ios .color-theme-white .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-white, +.ios .swiper-container-rtl .swiper-button-prev.color-white, +.ios .color-theme-white .swiper-button-next, +.ios .color-theme-white .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-white .swiper-pagination-bullet-active, +.ios .color-theme-white .swiper-pagination-bullet-active { + background: #ffffff; +} +.ios .color-white .swiper-pagination-progressbar, +.ios .color-theme-white .swiper-pagination-progressbar, +.ios .color-white.swiper-pagination-progressbar, +.ios .color-theme-white.swiper-pagination-progressbar { + background: rgba(255, 255, 255, 0.25); +} +.ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffffff; +} +.ios .swiper-button-prev.color-black, +.ios .swiper-container-rtl .swiper-button-next.color-black, +.ios .color-theme-black .swiper-button-prev, +.ios .color-theme-black .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-black, +.ios .swiper-container-rtl .swiper-button-prev.color-black, +.ios .color-theme-black .swiper-button-next, +.ios .color-theme-black .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-black .swiper-pagination-bullet-active, +.ios .color-theme-black .swiper-pagination-bullet-active { + background: #000000; +} +.ios .color-black .swiper-pagination-progressbar, +.ios .color-theme-black .swiper-pagination-progressbar, +.ios .color-black.swiper-pagination-progressbar, +.ios .color-theme-black.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); +} +.ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #000000; +} +/* === Photo Browser === */ +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-in 400ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-out 400ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + -webkit-animation: none; + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transform: translate3d(0, -100vh, 0); + transform: translate3d(0, -100vh, 0); +} +.page.photo-browser-page { + background: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .photo-browser-swiper-container { + background: #000; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: 0; + z-index: 10; + opacity: 1; + -webkit-transition: 400ms; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.photo-browser-caption { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + background: rgba(255, 255, 255, 0.8); + color: #000; +} +.photo-browser-captions-dark .photo-browser-caption { + color: #fff; +} +.photo-browser-exposed .photo-browser-caption { + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: #fff; + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container { + background: #000; +} +@-webkit-keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@-webkit-keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +@keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +.ios .toolbar ~ .photo-browser-captions { + bottom: 44px; + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.ios .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.ios .photo-browser-exposed .toolbar ~ .photo-browser-captions { + -webkit-transform: translate3d(0, 44px, 0); + transform: translate3d(0, 44px, 0); +} +.ios .photo-browser-page .toolbar { + -webkit-transform: none; + transform: none; +} +.ios .view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.ios .photo-browser-page .navbar, +.ios .view.with-photo-browser-page .navbar, +.ios .photo-browser-page .toolbar, +.ios .view.with-photo-browser-page .toolbar { + background: rgba(247, 247, 248, 0.95); + -webkit-transition: 400ms; + transition: 400ms; +} +.ios .photo-browser-dark .navbar, +.ios .photo-browser-page-dark .navbar, +.ios .view.with-photo-browser-page-dark .navbar, +.ios .photo-browser-dark .toolbar, +.ios .photo-browser-page-dark .toolbar, +.ios .view.with-photo-browser-page-dark .toolbar { + background: rgba(30, 30, 30, 0.8); + color: #fff; +} +.ios .photo-browser-dark .navbar:before, +.ios .photo-browser-page-dark .navbar:before, +.ios .view.with-photo-browser-page-dark .navbar:before, +.ios .photo-browser-dark .toolbar:before, +.ios .photo-browser-page-dark .toolbar:before, +.ios .view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.ios .photo-browser-dark .navbar:after, +.ios .photo-browser-page-dark .navbar:after, +.ios .view.with-photo-browser-page-dark .navbar:after, +.ios .photo-browser-dark .toolbar:after, +.ios .photo-browser-page-dark .toolbar:after, +.ios .view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.ios .photo-browser-dark .navbar a, +.ios .photo-browser-page-dark .navbar a, +.ios .view.with-photo-browser-page-dark .navbar a, +.ios .photo-browser-dark .toolbar a, +.ios .photo-browser-page-dark .toolbar a, +.ios .view.with-photo-browser-page-dark .toolbar a { + color: #fff; +} +.ios.device-iphone-x .photo-browser-captions { + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .toolbar ~ .photo-browser-captions { + bottom: calc(44px + constant(safe-area-inset-bottom)); + bottom: calc(44px + env(safe-area-inset-bottom)); +} +/* === Notifications === */ +.notification { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + direction: ltr; +} +.notification-icon { + font-size: 0; +} +.notification-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; +} +html.with-statusbar.device-ios .notification, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification { + margin-top: 20px; +} +html.with-statusbar.device-android .notification, +html.with-statusbar.md:not(.device-ios):not(.device-android) .notification { + margin-top: 24px; +} +html.with-statusbar.device-iphone-x .notification { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +.ios .notification { + left: 8px; + top: 8px; + width: calc(100% - 16px); + background: rgba(250, 250, 250, 0.95); + border-radius: 12px; + -webkit-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + padding: 10px; + color: #000; + max-width: 568px; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transform: translate3d(0%, -200%, 0); + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: rgba(255, 255, 255, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +@media (min-width: 584px) { + .ios .notification { + left: 50%; + width: 568px; + margin-left: -284px; + } +} +.ios .notification.modal-in { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + -webkit-transform: translate3d(0%, -200%, 0); + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + width: 20px; + height: 20px; + line-height: 20px; + margin-right: 8px; +} +.ios .notification-icon i { + width: 20px; + height: 20px; + font-size: 20px; +} +.ios .notification-title { + font-size: 13px; + text-transform: uppercase; + letter-spacing: 0.02em; +} +.ios .notification-subtitle { + font-size: 15px; + font-weight: 600; + line-height: 1.35; +} +.ios .notification-text { + font-size: 15px; + line-height: 1.2; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + color: #444a51; + font-size: 13px; + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + width: 20px; + height: 20px; + background-position: center top; + background-repeat: no-repeat; + background-size: 100% auto; + position: relative; + opacity: 0.3; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +/* === Autocomplete === */ +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + -webkit-animation: none; + animation: none; +} +.autocomplete-dropdown { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + left: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: 20px; + height: 20px; +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #a9a9a9; +} +.autocomplete-dropdown .list { + margin: 0; +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-left: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown { + -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); +} +.ios .autocomplete-dropdown .autocomplete-preloader { + right: 15px; + margin-bottom: 12px; +} +.ios .autocomplete-dropdown .list b { + font-weight: 600; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: -32px; + top: 100%; + background: #e8e8ea; + z-index: 20; + border-radius: 8px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-left: 28px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 8px 8px; + position: relative; + overflow: hidden; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: 32px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #939398; +} +.ios .theme-dark .autocomplete-dropdown { + background-color: #1c1c1d; +} +.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown { + background-color: #171717; +} +/* === Tooltip === */ +.tooltip { + position: absolute; + z-index: 20000; + background: rgba(0, 0, 0, 0.87); + border-radius: 4px; + padding: 8px 16px; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + -webkit-transform: scale(0.9); + transform: scale(0.9); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + z-index: 99000; + font-weight: 500; +} +.tooltip.tooltip-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.device-desktop .tooltip { + font-size: 12px; + padding: 6px 8px; +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* === Elevation === */ +.elevation-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.elevation-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.elevation-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-0:hover { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.device-desktop .elevation-hover-1:hover { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-2:hover { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-3:hover { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-4:hover { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-5:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-6:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-7:hover { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-8:hover { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-9:hover { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-10:hover { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-11:hover { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-12:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-13:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-14:hover { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-15:hover { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-16:hover { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-17:hover { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-18:hover { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-19:hover { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-20:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-21:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-22:hover { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-23:hover { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-24:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-transition-100 { + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-300 { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-400 { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-500 { + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +/* === Typography === */ +.display-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-shrink-2 { + -webkit-flex-shrink: 2 !important; + -ms-flex-negative: 2 !important; + flex-shrink: 2 !important; +} +.flex-shrink-3 { + -webkit-flex-shrink: 3 !important; + -ms-flex-negative: 3 !important; + flex-shrink: 3 !important; +} +.flex-shrink-4 { + -webkit-flex-shrink: 4 !important; + -ms-flex-negative: 4 !important; + flex-shrink: 4 !important; +} +.flex-shrink-5 { + -webkit-flex-shrink: 5 !important; + -ms-flex-negative: 5 !important; + flex-shrink: 5 !important; +} +.flex-shrink-6 { + -webkit-flex-shrink: 6 !important; + -ms-flex-negative: 6 !important; + flex-shrink: 6 !important; +} +.flex-shrink-7 { + -webkit-flex-shrink: 7 !important; + -ms-flex-negative: 7 !important; + flex-shrink: 7 !important; +} +.flex-shrink-8 { + -webkit-flex-shrink: 8 !important; + -ms-flex-negative: 8 !important; + flex-shrink: 8 !important; +} +.flex-shrink-9 { + -webkit-flex-shrink: 9 !important; + -ms-flex-negative: 9 !important; + flex-shrink: 9 !important; +} +.flex-shrink-10 { + -webkit-flex-shrink: 10 !important; + -ms-flex-negative: 10 !important; + flex-shrink: 10 !important; +} +.justify-content-flex-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-flex-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-space-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-space-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-space-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.justify-content-stretch { + -webkit-box-pack: stretch !important; + -webkit-justify-content: stretch !important; + -ms-flex-pack: stretch !important; + justify-content: stretch !important; +} +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: start !important; + -ms-flex-pack: start !important; + justify-content: start !important; +} +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: end !important; + -ms-flex-pack: end !important; + justify-content: end !important; +} +.justify-content-left { + -webkit-box-pack: left !important; + -webkit-justify-content: left !important; + -ms-flex-pack: left !important; + justify-content: left !important; +} +.justify-content-right { + -webkit-box-pack: right !important; + -webkit-justify-content: right !important; + -ms-flex-pack: right !important; + justify-content: right !important; +} +.align-content-flex-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-flex-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-space-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-space-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-items-flex-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-flex-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-self-flex-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-flex-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.ios .padding { + padding: 15px !important; +} +.ios .padding-top { + padding-top: 15px !important; +} +.ios .padding-bottom { + padding-bottom: 15px !important; +} +.ios .padding-left { + padding-left: 15px !important; +} +.ios .padding-left-ios-edge { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); +} +.ios .padding-right-ios-edge { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); +} +.ios .padding-top-ios-edge { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .padding-bottom-ios-edge { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .padding-right { + padding-right: 15px !important; +} +.ios .padding-vertical { + padding-top: 15px !important; + padding-bottom: 15px !important; +} +.ios .padding-horizontal { + padding-left: 15px !important; + padding-right: 15px !important; +} +.ios .margin { + margin: 15px !important; +} +.ios .margin-top { + margin-top: 15px !important; +} +.ios .margin-bottom { + margin-bottom: 15px !important; +} +.ios .margin-left { + margin-left: 15px !important; +} +.ios .margin-right { + margin-right: 15px !important; +} +.ios .margin-vertical { + margin-top: 15px !important; + margin-bottom: 15px !important; +} +.ios .margin-horizontal { + margin-left: 15px !important; + margin-right: 15px !important; +} +.ios .text-color-red { + color: #ff3b30 !important; +} +.ios .bg-color-red { + background-color: #ff3b30 !important; +} +.ios .border-color-red { + border-color: #ff3b30 !important; +} +.ios .text-color-green { + color: #4cd964 !important; +} +.ios .bg-color-green { + background-color: #4cd964 !important; +} +.ios .border-color-green { + border-color: #4cd964 !important; +} +.ios .text-color-blue { + color: #007aff !important; +} +.ios .bg-color-blue { + background-color: #007aff !important; +} +.ios .border-color-blue { + border-color: #007aff !important; +} +.ios .text-color-pink { + color: #ff2d55 !important; +} +.ios .bg-color-pink { + background-color: #ff2d55 !important; +} +.ios .border-color-pink { + border-color: #ff2d55 !important; +} +.ios .text-color-yellow { + color: #ffcc00 !important; +} +.ios .bg-color-yellow { + background-color: #ffcc00 !important; +} +.ios .border-color-yellow { + border-color: #ffcc00 !important; +} +.ios .text-color-orange { + color: #ff9500 !important; +} +.ios .bg-color-orange { + background-color: #ff9500 !important; +} +.ios .border-color-orange { + border-color: #ff9500 !important; +} +.ios .text-color-gray { + color: #8e8e93 !important; +} +.ios .bg-color-gray { + background-color: #8e8e93 !important; +} +.ios .border-color-gray { + border-color: #8e8e93 !important; +} +.ios .text-color-white { + color: #ffffff !important; +} +.ios .bg-color-white { + background-color: #ffffff !important; +} +.ios .border-color-white { + border-color: #ffffff !important; +} +.ios .text-color-black { + color: #000000 !important; +} +.ios .bg-color-black { + background-color: #000000 !important; +} +.ios .border-color-black { + border-color: #000000 !important; +} diff --git a/framework7/css/framework7.ios.min.css b/framework7/css/framework7.ios.min.css new file mode 100644 index 0000000..28721e7 --- /dev/null +++ b/framework7/css/framework7.ios.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.ios body{font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;line-height:1.4}.ios .if-md,.ios .md-only{display:none!important}.ios a{color:#007aff}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.ios .theme-dark{color:#fff}.ios .color-theme-red a{color:#ff3b30}.ios .color-theme-green a{color:#4cd964}.ios .color-theme-blue a{color:#007aff}.ios .color-theme-pink a{color:#ff2d55}.ios .color-theme-yellow a{color:#fc0}.ios .color-theme-orange a{color:#ff9500}.ios .color-theme-gray a{color:#8e8e93}.ios .color-theme-white a{color:#fff}.ios .color-theme-black a{color:#000}.ios a.color-red{color:#ff3b30}.ios a.color-green{color:#4cd964}.ios a.color-blue{color:#007aff}.ios a.color-pink{color:#ff2d55}.ios a.color-yellow{color:#fc0}.ios a.color-orange{color:#ff9500}.ios a.color-gray{color:#8e8e93}.ios a.color-white{color:#fff}.ios a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .statusbar{background:#f7f7f8}.ios .theme-dark .statusbar{background-color:#1b1b1b}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.ios .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.ios .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:44px}.ios .page{background:#efeff4}.ios .page-previous{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.ios .page-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .page-transitioning,.ios .page-transitioning .page-opacity-effect,.ios .page-transitioning .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-next,.ios .router-transition-backward .page-previous:not(.stacked),.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next,.ios .router-transition-forward .page-previous:not(.stacked){pointer-events:none}.ios .router-transition-css-forward .page-next{-webkit-animation:ios-page-next-to-current .4s forwards;animation:ios-page-next-to-current .4s forwards}.ios .router-transition-css-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-next-to-current-shadow .4s forwards;animation:ios-page-next-to-current-shadow .4s forwards}.ios .router-transition-css-forward .page-current{-webkit-animation:ios-page-current-to-previous .4s forwards;animation:ios-page-current-to-previous .4s forwards}.ios .router-transition-css-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-current-to-previous-opacity .4s forwards;animation:ios-page-current-to-previous-opacity .4s forwards}.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after,.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before{top:44px}.ios .router-transition-css-backward .page-current,.ios .router-transition-css-backward .page-previous{pointer-events:none}.ios .router-transition-css-backward .page-previous{-webkit-animation:ios-page-previous-to-current .4s forwards;animation:ios-page-previous-to-current .4s forwards}.ios .router-transition-css-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-previous-to-current-opacity .4s forwards;animation:ios-page-previous-to-current-opacity .4s forwards}.ios .router-transition-css-backward .page-current{-webkit-animation:ios-page-current-to-next .4s forwards;animation:ios-page-current-to-next .4s forwards}.ios .router-transition-css-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-current-to-next-shadow .4s forwards;animation:ios-page-current-to-next-shadow .4s forwards}.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after{top:44px}.ios .theme-dark .page,.page.ios .theme-dark{background:#171717}@-webkit-keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}}@-webkit-keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@-webkit-keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}@keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.ios .link{-webkit-transition:opacity .3s;transition:opacity .3s}.ios .link i+i,.ios .link i+span,.ios .link span+i,.ios .link span+span{margin-left:7px}.ios .link.active-state{opacity:.3;-webkit-transition-duration:0s;transition-duration:0s}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .navbar{height:44px;font-size:17px;background:#f7f7f8}.ios .navbar.no-hairline:after{display:none!important}.ios .navbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .navbar a.link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;line-height:44px;height:44px}.ios .navbar a.icon-only{width:44px;margin:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .navbar .title{font-size:17px;margin:0;line-height:1.2}.ios .navbar .subtitle{color:#6d6d72;line-height:1;font-size:10px;text-align:center;font-weight:400}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar .title,.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:8px}.ios .navbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .navbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .navbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .navbar-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}.ios .navbar~.page-content,.ios .navbar~:not(.no-navbar) .page-content{padding-top:44px}.ios .navbar-previous{pointer-events:none}.ios .navbar-previous .fading,.ios .navbar-previous .left,.ios .navbar-previous .right,.ios .navbar-previous .subnavbar,.ios .navbar-previous>.title{opacity:0}.ios .navbar-previous .sliding{opacity:0}.ios .navbar-previous .subnavbar.sliding,.ios .navbar-previous.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .router-transition-css-backward .navbar-current .left,.ios .router-transition-css-backward .navbar-current .right,.ios .router-transition-css-backward .navbar-current .subnavbar,.ios .router-transition-css-backward .navbar-current>.title,.ios .router-transition-css-forward .navbar-current .left,.ios .router-transition-css-forward .navbar-current .right,.ios .router-transition-css-forward .navbar-current .subnavbar,.ios .router-transition-css-forward .navbar-current>.title{-webkit-animation:ios-navbar-element-fade-out .4s forwards;animation:ios-navbar-element-fade-out .4s forwards}.ios .router-transition-css-backward .navbar-current .left.sliding .icon,.ios .router-transition-css-backward .navbar-current .sliding,.ios .router-transition-css-backward .navbar-current.sliding .left,.ios .router-transition-css-backward .navbar-current.sliding .left .icon,.ios .router-transition-css-backward .navbar-current.sliding .right,.ios .router-transition-css-backward .navbar-current.sliding>.title,.ios .router-transition-css-forward .navbar-current .left.sliding .icon,.ios .router-transition-css-forward .navbar-current .sliding,.ios .router-transition-css-forward .navbar-current.sliding .left,.ios .router-transition-css-forward .navbar-current.sliding .left .icon,.ios .router-transition-css-forward .navbar-current.sliding .right,.ios .router-transition-css-forward .navbar-current.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0!important;-webkit-animation:none;animation:none}.ios .router-transition-css-backward .navbar-current .sliding.subnavbar,.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,.ios .router-transition-css-forward .navbar-current.sliding .subnavbar{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;opacity:1}.ios .router-transition-css-backward .navbar-previous .left,.ios .router-transition-css-backward .navbar-previous .right,.ios .router-transition-css-backward .navbar-previous .subnavbar,.ios .router-transition-css-backward .navbar-previous>.title,.ios .router-transition-css-forward .navbar-next .left,.ios .router-transition-css-forward .navbar-next .right,.ios .router-transition-css-forward .navbar-next .subnavbar,.ios .router-transition-css-forward .navbar-next>.title{-webkit-animation:ios-navbar-element-fade-in .4s forwards;animation:ios-navbar-element-fade-in .4s forwards}.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,.ios .router-transition-css-backward .navbar-previous .sliding,.ios .router-transition-css-backward .navbar-previous.sliding .left,.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,.ios .router-transition-css-backward .navbar-previous.sliding .right,.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-css-backward .navbar-previous.sliding>.title,.ios .router-transition-css-forward .navbar-next .left.sliding .icon,.ios .router-transition-css-forward .navbar-next .sliding,.ios .router-transition-css-forward .navbar-next.sliding .left,.ios .router-transition-css-forward .navbar-next.sliding .left .icon,.ios .router-transition-css-forward .navbar-next.sliding .right,.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,.ios .router-transition-css-forward .navbar-next.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .theme-dark .navbar,.navbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .navbar:after,.navbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .navbar .subtitle,.navbar.ios .theme-dark .subtitle{color:#8e8e93}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-left-edge .navbar-inner,.ios.device-iphone-x .panel-left .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-left:calc(8px + constant(safe-area-inset-right));padding-left:calc(8px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-right-edge .navbar-inner,.ios.device-iphone-x .panel-right .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar{height:44px;font-size:17px;background:#f7f7f8;bottom:0}.ios .toolbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar a.link{line-height:44px;height:44px}.ios .toolbar a.link i+i,.ios .toolbar a.link i+span,.ios .toolbar a.link span+i,.ios .toolbar a.link span+span{margin-left:7px}.ios .toolbar a.icon-only{min-height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-width:44px}.ios .toolbar b{font-weight:600}.ios .toolbar.no-hairline:before{display:none!important}.ios .toolbar:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .toolbar-inner{padding:0 8px}.ios .tabbar,.ios .tabbar-labels{color:#929292}.ios .tabbar a,.ios .tabbar-labels a{color:#929292}.ios .tabbar a.tab-link-active,.ios .tabbar-labels a.tab-link-active{color:#007aff}.ios .tabbar i.icon,.ios .tabbar-labels i.icon{height:30px}.ios .tabbar-labels{height:50px}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}.ios .tabbar-labels .tabbar-label{letter-spacing:.01em;font-size:10px}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}.ios .tabbar-labels{height:56px}.ios .tabbar-labels .tabbar-label{font-size:14px}}.ios .tabbar-scrollable .toolbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.ios .toolbar~* .page-content,.ios .toolbar~.page-content{padding-bottom:44px}.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:56px}}.ios .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .toolbar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .theme-dark .toolbar,.toolbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .toolbar:before,.toolbar.ios .theme-dark:before{background-color:#282829}.ios .color-theme-red .tabbar a.tab-link-active,.ios .color-theme-red .tabbar-labels a.tab-link-active,.ios .color-theme-red.tabbar a.tab-link-active,.ios .color-theme-red.tabbar-labels a.tab-link-active{color:#ff3b30}.ios .color-theme-green .tabbar a.tab-link-active,.ios .color-theme-green .tabbar-labels a.tab-link-active,.ios .color-theme-green.tabbar a.tab-link-active,.ios .color-theme-green.tabbar-labels a.tab-link-active{color:#4cd964}.ios .color-theme-blue .tabbar a.tab-link-active,.ios .color-theme-blue .tabbar-labels a.tab-link-active,.ios .color-theme-blue.tabbar a.tab-link-active,.ios .color-theme-blue.tabbar-labels a.tab-link-active{color:#007aff}.ios .color-theme-pink .tabbar a.tab-link-active,.ios .color-theme-pink .tabbar-labels a.tab-link-active,.ios .color-theme-pink.tabbar a.tab-link-active,.ios .color-theme-pink.tabbar-labels a.tab-link-active{color:#ff2d55}.ios .color-theme-yellow .tabbar a.tab-link-active,.ios .color-theme-yellow .tabbar-labels a.tab-link-active,.ios .color-theme-yellow.tabbar a.tab-link-active,.ios .color-theme-yellow.tabbar-labels a.tab-link-active{color:#fc0}.ios .color-theme-orange .tabbar a.tab-link-active,.ios .color-theme-orange .tabbar-labels a.tab-link-active,.ios .color-theme-orange.tabbar a.tab-link-active,.ios .color-theme-orange.tabbar-labels a.tab-link-active{color:#ff9500}.ios .color-theme-gray .tabbar a.tab-link-active,.ios .color-theme-gray .tabbar-labels a.tab-link-active,.ios .color-theme-gray.tabbar a.tab-link-active,.ios .color-theme-gray.tabbar-labels a.tab-link-active{color:#8e8e93}.ios .color-theme-white .tabbar a.tab-link-active,.ios .color-theme-white .tabbar-labels a.tab-link-active,.ios .color-theme-white.tabbar a.tab-link-active,.ios .color-theme-white.tabbar-labels a.tab-link-active{color:#fff}.ios .color-theme-black .tabbar a.tab-link-active,.ios .color-theme-black .tabbar-labels a.tab-link-active,.ios .color-theme-black.tabbar a.tab-link-active,.ios .color-theme-black.tabbar-labels a.tab-link-active{color:#000}.ios .tabbar-labels.color-red a.tab-link-active,.ios .tabbar.color-red a.tab-link-active{color:#ff3b30}.ios .tabbar-labels.color-green a.tab-link-active,.ios .tabbar.color-green a.tab-link-active{color:#4cd964}.ios .tabbar-labels.color-blue a.tab-link-active,.ios .tabbar.color-blue a.tab-link-active{color:#007aff}.ios .tabbar-labels.color-pink a.tab-link-active,.ios .tabbar.color-pink a.tab-link-active{color:#ff2d55}.ios .tabbar-labels.color-yellow a.tab-link-active,.ios .tabbar.color-yellow a.tab-link-active{color:#fc0}.ios .tabbar-labels.color-orange a.tab-link-active,.ios .tabbar.color-orange a.tab-link-active{color:#ff9500}.ios .tabbar-labels.color-gray a.tab-link-active,.ios .tabbar.color-gray a.tab-link-active{color:#8e8e93}.ios .tabbar-labels.color-white a.tab-link-active,.ios .tabbar.color-white a.tab-link-active{color:#fff}.ios .tabbar-labels.color-black a.tab-link-active,.ios .tabbar.color-black a.tab-link-active{color:#000}.ios.device-iphone-x .login-screen>.toolbar,.ios.device-iphone-x .page>.toolbar,.ios.device-iphone-x .panel>.toolbar,.ios.device-iphone-x .popup>.toolbar,.ios.device-iphone-x .view>.toolbar,.ios.device-iphone-x .views>.toolbar{height:calc(44px + constant(safe-area-inset-bottom));height:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .login-screen>.toolbar .toolbar-inner,.ios.device-iphone-x .page>.toolbar .toolbar-inner,.ios.device-iphone-x .panel>.toolbar .toolbar-inner,.ios.device-iphone-x .popup>.toolbar .toolbar-inner,.ios.device-iphone-x .view>.toolbar .toolbar-inner,.ios.device-iphone-x .views>.toolbar .toolbar-inner{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(50px + constant(safe-area-inset-bottom));height:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}}.ios.device-iphone-x .toolbar~* .page-content,.ios.device-iphone-x .toolbar~.page-content{padding-bottom:calc(44px + constant(safe-area-inset-bottom));padding-bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(50px + constant(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-left-edge .toolbar-inner,.ios.device-iphone-x .panel-left .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-right-edge .toolbar-inner,.ios.device-iphone-x .panel-right .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .subnavbar{height:45px;margin-top:-1px;padding-top:1px;background:#f7f7f8}.ios .subnavbar.no-hairline:after{display:none!important}.ios .subnavbar .title{font-weight:700;line-height:1;overflow:visible;font-size:34px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;letter-spacing:-.03em}.ios .subnavbar .title{margin-left:7px}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{line-height:44px;height:44px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .subnavbar a.icon-only{min-width:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0}.ios .subnavbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .subnavbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .subnavbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .subnavbar-inner{padding:0 8px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.ios .navbar~.subnavbar{top:44px}.ios .page-with-subnavbar .page-content,.ios .subnavbar~* .page-content,.ios .subnavbar~.page-content{padding-top:44px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~* .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~.page-content,.ios .page-with-subnavbar .navbar~.page-content{padding-top:88px}.ios .theme-dark .subnavbar,.subnavbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .subnavbar:after,.subnavbar.ios .theme-dark:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-left-edge .subnavbar-inner,.ios.device-iphone-x .panel-left .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-right-edge .subnavbar-inner,.ios.device-iphone-x .panel-right .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.ios .block{margin:35px 0;padding:0 15px;color:#6d6d72}.ios .block-title{text-transform:uppercase;color:#6d6d72;margin:35px 15px 10px;line-height:17px}.ios .block-title+.block,.ios .block-title+.block-header,.ios .block-title+.card,.ios .block-title+.list,.ios .block-title+.timeline{margin-top:10px}.ios .block-strong{color:#000;background:#fff;padding:15px 15px}.ios .block-strong:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block-strong:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block.inset{margin-left:15px;margin-right:15px}.ios .block-strong-inset{border-radius:7px}.ios .block-footer,.ios .block-header{padding:0 15px;color:#8f8f94}.ios .block .block-footer,.ios .block .block-header{padding:0!important}.ios .block-header{margin-top:35px}.ios .block-header+.block,.ios .block-header+.card,.ios .block-header+.list,.ios .block-header+.timeline{margin-top:10px}.ios .block-footer{margin-bottom:35px}.ios .block .block-header,.ios .card .block-header,.ios .list .block-header,.ios .timeline .block-header{margin-top:0}.ios .block .block-footer,.ios .card .block-footer,.ios .list .block-footer,.ios .timeline .block-footer{margin-bottom:0}.ios .block+.block-footer,.ios .card+.block-footer,.ios .list+.block-footer,.ios .timeline+.block-footer{margin-top:-25px}.ios .block+.block-footer{margin-top:-25px;margin-bottom:35px}@media (min-width:768px){.ios .block.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .block-strong.tablet-inset{border-radius:7px}}.ios .theme-dark .block-footer,.ios .theme-dark .block-header,.ios .theme-dark .block-title{color:#8e8e93}.ios .theme-dark .block{color:#8e8e93}.ios .theme-dark .block-strong,.ios .theme-dark.block-strong{background-color:#1c1c1d;color:#fff}.ios .theme-dark .block-strong:before,.ios .theme-dark.block-strong:before{background-color:#282829}.ios .theme-dark .block-strong:after,.ios .theme-dark.block-strong:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-footer,.ios.device-iphone-x .ios-left-edge .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-footer,.ios.device-iphone-x .panel-left .block-header,.ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-footer,.ios.device-iphone-x .ios-right-edge .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-footer,.ios.device-iphone-x .panel-right .block-header,.ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:95% center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:right center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.ios .list{margin:35px 0;font-size:17px}.ios .list .item-cell{width:100%;min-width:0;margin-left:15px}.ios .list .item-cell:first-child{margin-left:0}.ios .list ul{background:#fff}.ios .list ul ul{padding-left:45px}.ios .list .item-media{padding-top:7px}.ios .list .item-media i+i,.ios .list .item-media i+img{margin-left:5px}.ios .list .item-media+.item-inner{margin-left:15px}.ios .list .item-inner{min-height:44px;padding-right:15px}.ios .list .item-after{color:#8e8e93;padding-left:5px}.ios .list .item-link,.ios .list .list-button{color:inherit}.ios .list .item-link .item-inner,.ios .list .list-button .item-inner{padding-right:35px}.ios .list .item-link.active-state,.ios .list .list-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .list .item-link.active-state .item-inner:after,.ios .list .list-button.active-state .item-inner:after{background-color:transparent}.ios .list .list-button{padding:0 15px;text-align:center;color:#007aff;line-height:44px}.ios .list .item-content{min-height:44px;padding-left:15px}.ios .list .item-subtitle{font-size:15px}.ios .list .item-text{font-size:15px;color:#8e8e93;line-height:21px;max-height:42px}.ios .list .item-footer,.ios .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.ios .list .item-footer{color:#8e8e93}.ios .list .item-link.no-chevron .item-inner,.ios .list .no-chevron .item-link .item-inner,.ios .list.no-chevron .item-link .item-inner,.ios .no-chevron .list .item-link .item-inner{padding-right:15px}.ios .simple-list li:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .simple-list li{padding-left:15px;padding-right:15px;line-height:44px;height:44px}.ios .simple-list li:after{width:auto;left:15px;right:0}.ios .links-list a:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .links-list a{height:44px;color:inherit}.ios .links-list a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .links-list a:after{width:auto}.ios .links-list a{padding-left:15px;padding-right:35px}.ios .links-list a:after{left:15px;right:0}.ios .links-list .no-chevron a,.ios .links-list a.no-chevron,.ios .links-list.no-chevron a,.ios .no-chevron .links-list a{padding-right:15px}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.ios .media-list .item-inner,.ios li.media-item .item-inner{padding-top:10px;padding-bottom:9px}.ios .media-list .item-media,.ios li.media-item .item-media{padding-top:9px;padding-bottom:10px}.ios .media-list .item-link .item-inner,.ios li.media-item .item-link .item-inner{padding-right:15px}.ios .media-list .item-link .item-title-row,.ios li.media-item .item-link .item-title-row{padding-right:20px}.ios .media-list .chevron-center .item-link .item-inner,.ios .media-list .item-link.chevron-center .item-inner,.ios .media-list.chevron-center .item-link .item-inner,.ios li.media-item .chevron-center .item-link .item-inner,.ios li.media-item .item-link.chevron-center .item-inner,.ios li.media-item.chevron-center .item-link .item-inner{padding-right:35px}.ios .media-list .chevron-center .item-title-row,.ios .media-list .no-chevron .item-link .item-title-row,.ios .media-list.chevron-center .item-title-row,.ios .media-list.no-chevron .item-link .item-title-row,.ios .no-chevron .media-list .item-link .item-title-row,.ios .no-chevron li.media-item .item-link .item-title-row,.ios li.media-item .chevron-center .item-title-row,.ios li.media-item.chevron-center .item-title-row,.ios li.media-item.no-chevron .item-link .item-title-row{padding-right:0!important}.ios .links-list a,.ios .list .item-link .item-inner{background-position:calc(100% - 15px) center}.ios .item-divider,.ios .list-group-title{margin-top:-1px;padding:4px 15px;background:#f7f7f7;color:#8e8e93}.ios .item-divider:after,.ios .list-group-title:after{display:none!important}.ios .list-group-title{margin-top:0}.ios .item-divider:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .item-divider:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .item-divider:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list-group-title:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list-group-title:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list-group-title:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .list-button:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .list-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .list-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list.inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.inset ul{border-radius:7px}.ios .list.inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.inset li:first-child:last-child>a{border-radius:7px}@media (min-width:768px){.ios .list.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.tablet-inset ul{border-radius:7px}.ios .list.tablet-inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.tablet-inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.tablet-inset li:first-child:last-child>a{border-radius:7px}}.ios li li:last-child .item-inner:after,.ios li:last-child li .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{background-position:calc(100% - 15px - constant(safe-area-inset-right)) center;background-position:calc(100% - 15px - env(safe-area-inset-right)) center}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row{padding-right:0}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .list ul,.list.ios .theme-dark ul{background:#1c1c1d}.ios .theme-dark .list ul:before,.list.ios .theme-dark ul:before{background-color:#282829}.ios .theme-dark .list ul:after,.list.ios .theme-dark ul:after{background-color:#282829}.ios .theme-dark .list li li:last-child .item-inner:after,.ios .theme-dark .list li:last-child li .item-inner:after,.list.ios .theme-dark li li:last-child .item-inner:after,.list.ios .theme-dark li:last-child li .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider:before{background-color:#282829}.ios .theme-dark .list-group-title:before{background-color:#282829}.ios .theme-dark .list-button:after{background-color:#282829}.ios .theme-dark .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider,.ios .theme-dark .list-group-title{background-color:#111}.ios .theme-dark .links-list a:after,.ios .theme-dark .simple-list li:after,.links-list.ios .theme-dark a .simple-list li:after,.simple-list.ios .theme-dark li:after{background-color:#282829}.ios .theme-dark .links-list a.active-state,.ios .theme-dark .list .item-link.active-state,.ios .theme-dark .list .list-button.active-state,.links-list.ios .theme-dark a.active-state,.list.ios .theme-dark .item-link.active-state,.list.ios .theme-dark .list-button.active-state{background-color:#363636}.ios .color-theme-red .list-button{color:#ff3b30}.ios .color-theme-green .list-button{color:#4cd964}.ios .color-theme-blue .list-button{color:#007aff}.ios .color-theme-pink .list-button{color:#ff2d55}.ios .color-theme-yellow .list-button{color:#fc0}.ios .color-theme-orange .list-button{color:#ff9500}.ios .color-theme-gray .list-button{color:#8e8e93}.ios .color-theme-white .list-button{color:#fff}.ios .color-theme-black .list-button{color:#000}.ios .links-list a.color-red,.ios .links-list li.color-red a,.ios .list .item-link.color-red,.ios .list .list-button.color-red,.ios .list li.color-red .item-link,.ios .list li.color-red .list-button,.ios .simple-list li.color-red{color:#ff3b30}.ios .links-list a.color-green,.ios .links-list li.color-green a,.ios .list .item-link.color-green,.ios .list .list-button.color-green,.ios .list li.color-green .item-link,.ios .list li.color-green .list-button,.ios .simple-list li.color-green{color:#4cd964}.ios .links-list a.color-blue,.ios .links-list li.color-blue a,.ios .list .item-link.color-blue,.ios .list .list-button.color-blue,.ios .list li.color-blue .item-link,.ios .list li.color-blue .list-button,.ios .simple-list li.color-blue{color:#007aff}.ios .links-list a.color-pink,.ios .links-list li.color-pink a,.ios .list .item-link.color-pink,.ios .list .list-button.color-pink,.ios .list li.color-pink .item-link,.ios .list li.color-pink .list-button,.ios .simple-list li.color-pink{color:#ff2d55}.ios .links-list a.color-yellow,.ios .links-list li.color-yellow a,.ios .list .item-link.color-yellow,.ios .list .list-button.color-yellow,.ios .list li.color-yellow .item-link,.ios .list li.color-yellow .list-button,.ios .simple-list li.color-yellow{color:#fc0}.ios .links-list a.color-orange,.ios .links-list li.color-orange a,.ios .list .item-link.color-orange,.ios .list .list-button.color-orange,.ios .list li.color-orange .item-link,.ios .list li.color-orange .list-button,.ios .simple-list li.color-orange{color:#ff9500}.ios .links-list a.color-gray,.ios .links-list li.color-gray a,.ios .list .item-link.color-gray,.ios .list .list-button.color-gray,.ios .list li.color-gray .item-link,.ios .list li.color-gray .list-button,.ios .simple-list li.color-gray{color:#8e8e93}.ios .links-list a.color-white,.ios .links-list li.color-white a,.ios .list .item-link.color-white,.ios .list .list-button.color-white,.ios .list li.color-white .item-link,.ios .list li.color-white .list-button,.ios .simple-list li.color-white{color:#fff}.ios .links-list a.color-black,.ios .links-list li.color-black a,.ios .list .item-link.color-black,.ios .list .list-button.color-black,.ios .list li.color-black .item-link,.ios .list li.color-black .list-button,.ios .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.ios .badge{font-size:13px;border-radius:20px;padding:0 6px;height:20px;line-height:20px}.ios .f7-icons .badge,.ios .framework7-icons .badge,.ios .icon .badge,.ios .material-icons .badge{line-height:16px;height:16px;border-radius:16px;padding:0 4px;min-width:16px;font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px}.ios .badge.color-red{background-color:#ff3b30}.ios .badge.color-green{background-color:#4cd964}.ios .badge.color-blue{background-color:#007aff}.ios .badge.color-pink{background-color:#ff2d55}.ios .badge.color-yellow{background-color:#fc0}.ios .badge.color-orange{background-color:#ff9500}.ios .badge.color-gray{background-color:#8e8e93}.ios .badge.color-white{background-color:#fff}.ios .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.ios .button{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px}.ios .button.active-state{background:rgba(0,122,255,.15)}.ios .button.button-round,.ios .button.button-round-ios{border-radius:29px}.ios .button.button-active,.ios .button.tab-link-active{background:#007aff;color:#fff}.ios .button.button-big,.ios .button.button-big-ios{font-size:17px;height:44px;line-height:42px}.ios .button.button-small,.ios .button.button-small-ios{height:26px;line-height:22px;border-width:2px;font-size:13px;font-weight:600;text-transform:uppercase;-webkit-transition-duration:.2s;transition-duration:.2s}.ios .button.button-small-ios.button-fill-ios.active-state,.ios .button.button-small-ios.button-fill.active-state,.ios .button.button-small.button-fill-ios.active-state,.ios .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent;opacity:1}.ios .button.button-fill,.ios .button.button-fill-ios{color:#fff;background:#007aff;border-color:transparent}.ios .button.button-fill-ios.active-state,.ios .button.button-fill.active-state{opacity:.8}.ios .button i.icon:first-child{margin-right:10px}.ios .button i.icon:last-child{margin-left:10px}.ios .button i.icon:first-child:last-child{margin-left:0;margin-right:0}.ios .segmented .button{border-radius:0;border-left-width:0}.ios .segmented .button:first-child{border-radius:5px 0 0 5px;border-left-width:1px;border-left-style:solid}.ios .segmented .button:first-child.button-small{border-left-width:2px}.ios .segmented .button:last-child{border-radius:0 5px 5px 0}.ios .segmented .button:first-child:last-child{border-radius:5px}.ios .segmented .button.button-round-ios:first-child,.ios .segmented .button.button-round:first-child{border-radius:29px 0 0 29px}.ios .segmented .button.button-round-ios:last-child,.ios .segmented .button.button-round:last-child{border-radius:0 29px 29px 0}.ios .color-theme-red .button{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .button.active-state{background:rgba(255,59,48,.15)}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios,.ios .color-theme-red .button.tab-link-active{color:#fff}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.tab-link-active{background:#ff3b30}.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-red .button.button-small-ios.button-fill.active-state,.ios .color-theme-red .button.button-small.button-fill-ios.active-state,.ios .color-theme-red .button.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .color-theme-green .button{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .button.active-state{background:rgba(76,217,100,.15)}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios,.ios .color-theme-green .button.tab-link-active{color:#fff}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.tab-link-active{background:#4cd964}.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios{background:#4cd964;border-color:transparent}.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-green .button.button-small-ios.button-fill.active-state,.ios .color-theme-green .button.button-small.button-fill-ios.active-state,.ios .color-theme-green .button.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .color-theme-blue .button{border-color:#007aff;color:#007aff}.ios .color-theme-blue .button.active-state{background:rgba(0,122,255,.15)}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios,.ios .color-theme-blue .button.tab-link-active{color:#fff}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.tab-link-active{background:#007aff}.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios{background:#007aff;border-color:transparent}.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small-ios.button-fill.active-state,.ios .color-theme-blue .button.button-small.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .color-theme-pink .button{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .button.active-state{background:rgba(255,45,85,.15)}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios,.ios .color-theme-pink .button.tab-link-active{color:#fff}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.tab-link-active{background:#ff2d55}.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small-ios.button-fill.active-state,.ios .color-theme-pink .button.button-small.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .color-theme-yellow .button{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .button.active-state{background:rgba(255,204,0,.15)}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios,.ios .color-theme-yellow .button.tab-link-active{color:#fff}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.tab-link-active{background:#fc0}.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios{background:#fc0;border-color:transparent}.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .color-theme-orange .button{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .button.active-state{background:rgba(255,149,0,.15)}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios,.ios .color-theme-orange .button.tab-link-active{color:#fff}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.tab-link-active{background:#ff9500}.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios{background:#ff9500;border-color:transparent}.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small-ios.button-fill.active-state,.ios .color-theme-orange .button.button-small.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .color-theme-gray .button{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .button.active-state{background:rgba(142,142,147,.15)}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios,.ios .color-theme-gray .button.tab-link-active{color:#fff}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.tab-link-active{background:#8e8e93}.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small-ios.button-fill.active-state,.ios .color-theme-gray .button.button-small.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .color-theme-white .button{border-color:#fff;color:#fff}.ios .color-theme-white .button.active-state{background:rgba(255,255,255,.15)}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios,.ios .color-theme-white .button.tab-link-active{color:#fff}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.tab-link-active{background:#fff}.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios{background:#fff;border-color:transparent}.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-white .button.button-small-ios.button-fill.active-state,.ios .color-theme-white .button.button-small.button-fill-ios.active-state,.ios .color-theme-white .button.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .color-theme-black .button{border-color:#000;color:#000}.ios .color-theme-black .button.active-state{background:rgba(0,0,0,.15)}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios,.ios .color-theme-black .button.tab-link-active{color:#fff}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.tab-link-active{background:#000}.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios{background:#000;border-color:transparent}.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-black .button.button-small-ios.button-fill.active-state,.ios .color-theme-black .button.button-small.button-fill-ios.active-state,.ios .color-theme-black .button.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.ios .button.color-red{border-color:#ff3b30;color:#ff3b30}.ios .button.color-red.active-state{background:rgba(255,59,48,.15)}.ios .button.color-red.button-active,.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios,.ios .button.color-red.tab-link-active{color:#fff}.ios .button.color-red.button-active,.ios .button.color-red.tab-link-active{background:#ff3b30}.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .button.color-red.button-small-ios.button-fill-ios.active-state,.ios .button.color-red.button-small-ios.button-fill.active-state,.ios .button.color-red.button-small.button-fill-ios.active-state,.ios .button.color-red.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .button.color-green{border-color:#4cd964;color:#4cd964}.ios .button.color-green.active-state{background:rgba(76,217,100,.15)}.ios .button.color-green.button-active,.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios,.ios .button.color-green.tab-link-active{color:#fff}.ios .button.color-green.button-active,.ios .button.color-green.tab-link-active{background:#4cd964}.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios{background:#4cd964;border-color:transparent}.ios .button.color-green.button-small-ios.button-fill-ios.active-state,.ios .button.color-green.button-small-ios.button-fill.active-state,.ios .button.color-green.button-small.button-fill-ios.active-state,.ios .button.color-green.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .button.color-blue{border-color:#007aff;color:#007aff}.ios .button.color-blue.active-state{background:rgba(0,122,255,.15)}.ios .button.color-blue.button-active,.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios,.ios .button.color-blue.tab-link-active{color:#fff}.ios .button.color-blue.button-active,.ios .button.color-blue.tab-link-active{background:#007aff}.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios{background:#007aff;border-color:transparent}.ios .button.color-blue.button-small-ios.button-fill-ios.active-state,.ios .button.color-blue.button-small-ios.button-fill.active-state,.ios .button.color-blue.button-small.button-fill-ios.active-state,.ios .button.color-blue.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .button.color-pink{border-color:#ff2d55;color:#ff2d55}.ios .button.color-pink.active-state{background:rgba(255,45,85,.15)}.ios .button.color-pink.button-active,.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios,.ios .button.color-pink.tab-link-active{color:#fff}.ios .button.color-pink.button-active,.ios .button.color-pink.tab-link-active{background:#ff2d55}.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .button.color-pink.button-small-ios.button-fill-ios.active-state,.ios .button.color-pink.button-small-ios.button-fill.active-state,.ios .button.color-pink.button-small.button-fill-ios.active-state,.ios .button.color-pink.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .button.color-yellow{border-color:#fc0;color:#fc0}.ios .button.color-yellow.active-state{background:rgba(255,204,0,.15)}.ios .button.color-yellow.button-active,.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios,.ios .button.color-yellow.tab-link-active{color:#fff}.ios .button.color-yellow.button-active,.ios .button.color-yellow.tab-link-active{background:#fc0}.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios{background:#fc0;border-color:transparent}.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state,.ios .button.color-yellow.button-small-ios.button-fill.active-state,.ios .button.color-yellow.button-small.button-fill-ios.active-state,.ios .button.color-yellow.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .button.color-orange{border-color:#ff9500;color:#ff9500}.ios .button.color-orange.active-state{background:rgba(255,149,0,.15)}.ios .button.color-orange.button-active,.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios,.ios .button.color-orange.tab-link-active{color:#fff}.ios .button.color-orange.button-active,.ios .button.color-orange.tab-link-active{background:#ff9500}.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios{background:#ff9500;border-color:transparent}.ios .button.color-orange.button-small-ios.button-fill-ios.active-state,.ios .button.color-orange.button-small-ios.button-fill.active-state,.ios .button.color-orange.button-small.button-fill-ios.active-state,.ios .button.color-orange.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .button.color-gray{border-color:#8e8e93;color:#8e8e93}.ios .button.color-gray.active-state{background:rgba(142,142,147,.15)}.ios .button.color-gray.button-active,.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios,.ios .button.color-gray.tab-link-active{color:#fff}.ios .button.color-gray.button-active,.ios .button.color-gray.tab-link-active{background:#8e8e93}.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .button.color-gray.button-small-ios.button-fill-ios.active-state,.ios .button.color-gray.button-small-ios.button-fill.active-state,.ios .button.color-gray.button-small.button-fill-ios.active-state,.ios .button.color-gray.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .button.color-white{border-color:#fff;color:#fff}.ios .button.color-white.active-state{background:rgba(255,255,255,.15)}.ios .button.color-white.button-active,.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios,.ios .button.color-white.tab-link-active{color:#fff}.ios .button.color-white.button-active,.ios .button.color-white.tab-link-active{background:#fff}.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios{background:#fff;border-color:transparent}.ios .button.color-white.button-small-ios.button-fill-ios.active-state,.ios .button.color-white.button-small-ios.button-fill.active-state,.ios .button.color-white.button-small.button-fill-ios.active-state,.ios .button.color-white.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .button.color-black{border-color:#000;color:#000}.ios .button.color-black.active-state{background:rgba(0,0,0,.15)}.ios .button.color-black.button-active,.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios,.ios .button.color-black.tab-link-active{color:#fff}.ios .button.color-black.button-active,.ios .button.color-black.tab-link-active{background:#000}.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios{background:#000;border-color:transparent}.ios .button.color-black.button-small-ios.button-fill-ios.active-state,.ios .button.color-black.button-small-ios.button-fill.active-state,.ios .button.color-black.button-small.button-fill-ios.active-state,.ios .button.color-black.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.ios .icon-back,.ios .icon-prev{width:12px;height:20px}.ios .icon-forward,.ios .icon-next{width:12px;height:20px}.ios .icon-next,.ios .icon-prev{width:10px}.ios .icon-back,.ios .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon-forward,.ios .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .navbar .f7-icons,.ios .toolbar .f7-icons{font-size:22px}.ios .tabbar .f7-icons,.ios .tabbar-labels .f7-icons{font-size:25px}.ios .item-media .f7-icons{font-size:25px;width:29px;height:29px}.ios .button .f7-icons{font-size:22px}.ios .item-media .icon{color:grey}.ios .color-theme-red .icon-back,.ios .color-theme-red .icon-prev,.ios .icon-back.color-red,.ios .icon-prev.color-red,.ios a.link.color-red .icon-back,.ios a.link.color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-red .icon-forward,.ios .color-theme-red .icon-next,.ios .icon-forward.color-red,.ios .icon-next.color-red,.ios a.link.color-red .icon-forward,.ios a.link.color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-back,.ios .color-theme-green .icon-prev,.ios .icon-back.color-green,.ios .icon-prev.color-green,.ios a.link.color-green .icon-back,.ios a.link.color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-forward,.ios .color-theme-green .icon-next,.ios .icon-forward.color-green,.ios .icon-next.color-green,.ios a.link.color-green .icon-forward,.ios a.link.color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-back,.ios .color-theme-blue .icon-prev,.ios .icon-back.color-blue,.ios .icon-prev.color-blue,.ios a.link.color-blue .icon-back,.ios a.link.color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-forward,.ios .color-theme-blue .icon-next,.ios .icon-forward.color-blue,.ios .icon-next.color-blue,.ios a.link.color-blue .icon-forward,.ios a.link.color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-back,.ios .color-theme-pink .icon-prev,.ios .icon-back.color-pink,.ios .icon-prev.color-pink,.ios a.link.color-pink .icon-back,.ios a.link.color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-forward,.ios .color-theme-pink .icon-next,.ios .icon-forward.color-pink,.ios .icon-next.color-pink,.ios a.link.color-pink .icon-forward,.ios a.link.color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-back,.ios .color-theme-yellow .icon-prev,.ios .icon-back.color-yellow,.ios .icon-prev.color-yellow,.ios a.link.color-yellow .icon-back,.ios a.link.color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-forward,.ios .color-theme-yellow .icon-next,.ios .icon-forward.color-yellow,.ios .icon-next.color-yellow,.ios a.link.color-yellow .icon-forward,.ios a.link.color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-back,.ios .color-theme-orange .icon-prev,.ios .icon-back.color-orange,.ios .icon-prev.color-orange,.ios a.link.color-orange .icon-back,.ios a.link.color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-forward,.ios .color-theme-orange .icon-next,.ios .icon-forward.color-orange,.ios .icon-next.color-orange,.ios a.link.color-orange .icon-forward,.ios a.link.color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-back,.ios .color-theme-gray .icon-prev,.ios .icon-back.color-gray,.ios .icon-prev.color-gray,.ios a.link.color-gray .icon-back,.ios a.link.color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-forward,.ios .color-theme-gray .icon-next,.ios .icon-forward.color-gray,.ios .icon-next.color-gray,.ios a.link.color-gray .icon-forward,.ios a.link.color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-back,.ios .color-theme-white .icon-prev,.ios .icon-back.color-white,.ios .icon-prev.color-white,.ios a.link.color-white .icon-back,.ios a.link.color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-forward,.ios .color-theme-white .icon-next,.ios .icon-forward.color-white,.ios .icon-next.color-white,.ios a.link.color-white .icon-forward,.ios a.link.color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-back,.ios .color-theme-black .icon-prev,.ios .icon-back.color-black,.ios .icon-prev.color-black,.ios a.link.color-black .icon-back,.ios a.link.color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-forward,.ios .color-theme-black .icon-next,.ios .icon-forward.color-black,.ios .icon-next.color-black,.ios a.link.color-black .icon-forward,.ios a.link.color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon.color-red{color:#ff3b30}.ios .icon.color-green{color:#4cd964}.ios .icon.color-blue{color:#007aff}.ios .icon.color-pink{color:#ff2d55}.ios .icon.color-yellow{color:#fc0}.ios .icon.color-orange{color:#ff9500}.ios .icon.color-gray{color:#8e8e93}.ios .icon.color-white{color:#fff}.ios .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;display:none;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-inner{position:relative}.dialog-title{font-weight:500}.dialog-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}.dialog-input-field .item-input-wrap{margin:0;padding:0}.dialog-input{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;-webkit-box-shadow:none;box-shadow:none}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog{width:270px;margin-left:-135px;text-align:center;border-radius:13px;color:#000}.ios .dialog.modal-out{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:13px 13px 0 0;background:rgba(255,255,255,.95)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .dialog-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .dialog-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .dialog-title{font-size:18px;text-align:center;font-weight:600}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;height:44px;font-size:17px;line-height:44px;text-align:center;color:#007aff;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;background:rgba(255,255,255,.95)}.ios .dialog-button:first-child{border-radius:0 0 0 13px}.ios .dialog-button:last-child{border-radius:0 0 13px 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 13px 13px}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button.active-state{background:rgba(230,230,230,.95)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 13px 13px}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .dialog-button:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .dialog-button:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .dialog-no-buttons .dialog-inner{border-radius:13px}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input-field .item-input-wrap{margin:0}.ios .dialog-input{height:26px;background:#fff;padding:0 5px;border:1px solid rgba(0,0,0,.3);font-size:14px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:5px}.ios .dialog-preloader .preloader{width:34px;height:34px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.ios .dialog-button.color-red{color:#ff3b30}.ios .dialog-button.color-green{color:#4cd964}.ios .dialog-button.color-blue{color:#007aff}.ios .dialog-button.color-pink{color:#ff2d55}.ios .dialog-button.color-yellow{color:#fc0}.ios .dialog-button.color-orange{color:#ff9500}.ios .dialog-button.color-gray{color:#8e8e93}.ios .dialog-button.color-white{color:#fff}.ios .dialog-button.color-black{color:#000}.popup-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.popup-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup-backdrop.backdrop-in{visibility:visible;opacity:1}.popup{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.popup.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){html.with-statusbar .popup-backdrop{z-index:9500}html.with-statusbar.device-ios .popup,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup{height:calc(100% - 24px);top:24px}}@media (min-width:630px),(min-height:630px){html.with-statusbar.device-ios .popup-tablet-fullscreen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup-tablet-fullscreen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup-tablet-fullscreen,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 24px);top:24px}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.login-screen.modal-in,.login-screen.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.login-screen.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.with-statusbar.device-ios .login-screen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .login-screen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .login-screen,html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 24px);top:24px}.login-screen-content{background:#fff}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:480px}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:center}.ios .login-screen-content .block,.ios .login-screen-content .list,.ios .login-screen-content .login-screen-title{margin:25px auto}.ios .login-screen-title{font-size:30px}.ios .theme-dark .login-screen-content,.ios .theme-dark .login-screen-content .list ul{background-color:transparent}.popover-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.popover-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-backdrop.backdrop-in{visibility:visible;opacity:1}.popover{width:260px;z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;-webkit-transition-duration:.3s;transition-duration:.3s}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover.modal-in{opacity:1}.popover.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{background:rgba(255,255,255,.95);border-radius:13px;-webkit-transform:none;transform:none;-webkit-transition-property:opacity;transition-property:opacity}.ios .popover .list:first-child ul{border-radius:13px 13px 0 0}.ios .popover .list:first-child li:first-child,.ios .popover .list:first-child li:first-child a,.ios .popover .list:first-child li:first-child>label{border-radius:13px 13px 0 0}.ios .popover .list:last-child ul{border-radius:0 0 13px 13px}.ios .popover .list:last-child li:last-child,.ios .popover .list:last-child li:last-child a,.ios .popover .list:last-child li:last-child>label{border-radius:0 0 13px 13px}.ios .popover .list:first-child:last-child li:first-child:last-child,.ios .popover .list:first-child:last-child li:first-child:last-child a,.ios .popover .list:first-child:last-child li:first-child:last-child>label,.ios .popover .list:first-child:last-child ul{border-radius:13px}.ios .popover .list+.list{margin-top:35px}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:rgba(255,255,255,.95);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.ios .popover-from-actions .list+.list{margin-top:20px}.ios .popover-from-actions .list ul{background:#fff}.ios .popover-from-actions .item-link i.icon{width:29px;height:29px;font-size:29px}.ios .popover-from-actions-label{padding:8px 10px;color:#8a8a8a;font-size:13px;text-align:center}.ios .popover-from-actions-label:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .popover-from-actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .popover-from-actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .popover,.popover.ios .theme-dark{background:rgba(30,30,30,.95)}.ios .theme-dark .popover .popover-angle:after,.popover.ios .theme-dark .popover-angle:after{background:rgba(30,30,30,.95)}.ios .theme-dark .popover .list ul,.popover.ios .theme-dark .list ul{background-color:transparent}.actions-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.actions-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-backdrop.backdrop-in{visibility:visible;opacity:1}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.actions-modal.modal-in,.actions-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.actions-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal.modal-out{z-index:13499;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}.actions-group{position:relative}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:500}.actions-button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.actions-button-media{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-button-text{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.actions-label{line-height:1.3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-grid .actions-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.actions-grid .actions-button{width:33.33333333%;display:block}.actions-grid .actions-button-media{margin-left:auto;margin-right:auto}.actions-grid .actions-button-text{margin-left:0!important;text-align:center}.ios .actions-group{margin:8px;border-radius:13px;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ios .actions-button,.ios .actions-label{text-align:center;overflow:hidden;background:rgba(255,255,255,.95)}.ios .actions-button b,.ios .actions-button.actions-button-bold,.ios .actions-label b,.ios .actions-label.actions-button-bold{font-weight:600}.ios .actions-button:first-child,.ios .actions-label:first-child{border-radius:13px 13px 0 0}.ios .actions-button:last-child,.ios .actions-label:last-child{border-radius:0 0 13px 13px}.ios .actions-button:last-child:after,.ios .actions-label:last-child:after{display:none!important}.ios .actions-button:first-child:last-child,.ios .actions-label:first-child:last-child{border-radius:13px}.ios .actions-button{height:57px;line-height:57px;font-size:20px;color:#007aff;white-space:normal;text-overflow:ellipsis;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .actions-button.active-state{background:rgba(230,230,230,.9)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media i.icon{width:29px;height:29px;font-size:29px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.ios .actions-label{font-size:13px;min-height:57px;padding:8px 10px;color:#8a8a8a;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (orientation:lanscape){.ios .actions-label{min-height:44px}.ios .actions-button{height:44px;line-height:44px}}.ios .actions-grid .actions-group{margin-top:0;border-radius:0;background:rgba(255,255,255,.95)}.ios .actions-grid .actions-group:first-child{border-radius:13px 13px 0 0}.ios .actions-grid .actions-group:last-child{border-radius:0 0 13px 13px}.ios .actions-grid .actions-group:first-child:last-child{border-radius:13px}.ios .actions-grid .actions-group:not(:last-child){margin-bottom:0}.ios .actions-grid .actions-button,.ios .actions-grid .actions-label{border-radius:0!important;background:0 0}.ios .actions-grid .actions-button-media{width:48px;height:48px;margin-left:auto;margin-right:auto}.ios .actions-grid .actions-button-media i.icon{width:48px;height:48px;font-size:48px}.ios .actions-grid .actions-button-media+.actions-button-text{text-align:center}.ios .actions-grid .actions-button{padding:16px;line-height:1;height:auto}.ios .actions-grid .actions-button:after{display:none!important}.ios .actions-grid .actions-button.active-state{background:rgba(230,230,230,.9)}.ios .actions-grid .actions-button-text{margin-top:8px;line-height:16px;height:16px;font-size:12px;color:#757575}.ios .actions-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .actions-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .actions-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .actions-label:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .actions-button.color-red,.ios .actions-label.color-red{color:#ff3b30}.ios .actions-button.color-green,.ios .actions-label.color-green{color:#4cd964}.ios .actions-button.color-blue,.ios .actions-label.color-blue{color:#007aff}.ios .actions-button.color-pink,.ios .actions-label.color-pink{color:#ff2d55}.ios .actions-button.color-yellow,.ios .actions-label.color-yellow{color:#fc0}.ios .actions-button.color-orange,.ios .actions-label.color-orange{color:#ff9500}.ios .actions-button.color-gray,.ios .actions-label.color-gray{color:#8e8e93}.ios .actions-button.color-white,.ios .actions-label.color-white{color:#fff}.ios .actions-button.color-black,.ios .actions-label.color-black{color:#000}.ios.device-iphone-x .actions-modal.modal-in{-webkit-transform:translate3d(0,calc(0px - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0px - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0px - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0px - env(safe-area-inset-bottom)),0)}.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:11000}.sheet-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:260px;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:12500}.sheet-modal.modal-in,.sheet-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.sheet-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-modal.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sheet-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.ios .sheet-modal{background:#cfd5da}.ios .sheet-modal .toolbar{background:#f7f7f8}.ios .sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - 44px)}.ios .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0}.ios .sheet-modal .toolbar:before{content:'';position:absolute;background-color:#929499;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .sheet-modal .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .sheet-modal .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios.device-iphone-x .sheet-modal .sheet-modal-inner>.page-content,.ios.device-iphone-x .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .theme-dark .sheet-modal,.sheet-modal.ios .theme-dark{background-color:#171717}.ios .theme-dark .sheet-modal .toolbar,.sheet-modal.ios .theme-dark .toolbar{background-color:#1b1b1b}.ios .theme-dark .sheet-modal .toolbar:before,.sheet-modal.ios .theme-dark .toolbar:before{background-color:#282829}.toast{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;position:absolute;max-width:568px;z-index:20000;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.toast.modal-in{opacity:1}.toast .toast-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.toast .toast-text{line-height:20px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.toast .toast-button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons{font-size:50px;width:50px;height:50px}.toast.toast-with-icon .toast-icon .material-icons{font-size:48px;width:48px;height:48px}.toast.toast-center{top:50%;opacity:0}@media (min-width:1024px){.toast{opacity:0}}html.with-statusbar.device-ios .toast-top,html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top{margin-top:20px}html.with-statusbar.device-iphone-x .toast-top{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}html.with-statusbar.device-android .toast-top,html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top{margin-top:24px}.ios .toast{-webkit-transition-duration:450ms;transition-duration:450ms;background:rgba(0,0,0,.75);opacity:0;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-center{width:auto;left:50%;border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:1}.ios .toast.toast-top{top:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1}.ios .toast.toast-bottom{bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px}.ios .toast.toast-center{margin-left:0}}@media (min-width:569px){.ios .toast{border-radius:8px}.ios .toast.toast-bottom{bottom:15px}.ios .toast.toast-top{top:15px}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-content{padding:12px 15px}.ios .toast-button{color:#fff;margin-left:15px}@media (max-width:568px){.ios.device-iphone-x .toast-bottom .toast-content{padding-bottom:calc(12px + constant(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (min-width:569px){.ios.device-iphone-x .toast-bottom{bottom:calc(15px + constant(safe-area-inset-bottom));bottom:calc(15px + env(safe-area-inset-bottom))}}.preloader{display:inline-block;vertical-align:middle}.preloader-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;-webkit-transition-duration:.4s;transition-duration:.4s;visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.preloader-backdrop.backdrop-in{visibility:visible;opacity:1}.preloader-modal{position:absolute;left:50%;top:50%;padding:8px;background:rgba(0,0,0,.8);z-index:14500;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.preloader-modal .preloader{display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .preloader{width:20px;height:20px;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");background-position:50%;background-size:100%;background-repeat:no-repeat;-webkit-animation:ios-preloader-spin 1s steps(12,end) infinite;animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader-modal{border-radius:5px}.ios .preloader-modal .preloader{width:34px;height:34px}.ios .preloader.color-red,.ios .preloader.preloader-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-green,.ios .preloader.preloader-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-blue,.ios .preloader.preloader-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-pink,.ios .preloader.preloader-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-yellow,.ios .preloader.preloader-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-orange,.ios .preloader.preloader-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-gray,.ios .preloader.preloader-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-white,.ios .preloader.preloader-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-black,.ios .preloader.preloader-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes ios-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ios-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;-webkit-transform-origin:center top!important;transform-origin:center top!important}.with-statusbar.device-ios .framework7-root>.progressbar,.with-statusbar.device-ios .framework7-root>.progressbar-infinite,.with-statusbar.device-ios body>.progressbar,.with-statusbar.device-ios body>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:20px}.with-statusbar.device-android .framework7-root>.progressbar,.with-statusbar.device-android .framework7-root>.progressbar-infinite,.with-statusbar.device-android body>.progressbar,.with-statusbar.device-android body>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:24px}.with-statusbar.device-iphone-x .framework7-root>.progressbar,.with-statusbar.device-iphone-x .framework7-root>.progressbar-infinite,.with-statusbar.device-iphone-x body>.progressbar,.with-statusbar.device-iphone-x body>.progressbar-infinite{top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.progressbar{vertical-align:middle}.progressbar span{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-duration:150ms;transition-duration:150ms}.progressbar-infinite:after,.progressbar-infinite:before{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{-webkit-animation:progressbar-in 150ms forwards;animation:progressbar-in 150ms forwards}.progressbar-out{-webkit-animation:progressbar-out 150ms forwards;animation:progressbar-out 150ms forwards}@-webkit-keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.ios .progressbar,.ios .progressbar-infinite{height:2px;background:#b6b6b6;-webkit-transform-origin:center top;transform-origin:center top;border-radius:2px}.ios .progressbar span{background:#007aff}.ios .progressbar-infinite:before{content:'';background:#007aff;-webkit-animation:ios-progressbar-infinite 1s linear infinite;animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:-webkit-gradient(linear,left top,right top,from(#4cd964),color-stop(#5ac8fa),color-stop(#007aff),color-stop(#34aadc),color-stop(#5856d6),color-stop(#ff2d55),color-stop(#5856d6),color-stop(#34aadc),color-stop(#007aff),color-stop(#5ac8fa),to(#4cd964));background-image:-webkit-linear-gradient(left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;-webkit-animation:ios-progressbar-infinite-multicolor 3s linear infinite;animation:ios-progressbar-infinite-multicolor 3s linear infinite}.ios .color-theme-red .progressbar span{background:#ff3b30}.ios .color-theme-red .progressbar-infinite:before{background:#ff3b30}.ios .color-theme-green .progressbar span{background:#4cd964}.ios .color-theme-green .progressbar-infinite:before{background:#4cd964}.ios .color-theme-blue .progressbar span{background:#007aff}.ios .color-theme-blue .progressbar-infinite:before{background:#007aff}.ios .color-theme-pink .progressbar span{background:#ff2d55}.ios .color-theme-pink .progressbar-infinite:before{background:#ff2d55}.ios .color-theme-yellow .progressbar span{background:#fc0}.ios .color-theme-yellow .progressbar-infinite:before{background:#fc0}.ios .color-theme-orange .progressbar span{background:#ff9500}.ios .color-theme-orange .progressbar-infinite:before{background:#ff9500}.ios .color-theme-gray .progressbar span{background:#8e8e93}.ios .color-theme-gray .progressbar-infinite:before{background:#8e8e93}.ios .color-theme-white .progressbar span{background:#fff}.ios .color-theme-white .progressbar-infinite:before{background:#fff}.ios .color-theme-black .progressbar span{background:#000}.ios .color-theme-black .progressbar-infinite:before{background:#000}.ios .progressbar.color-red span{background:#ff3b30}.ios .progressbar-infinite.color-red:before{background:#ff3b30}.ios .progressbar.color-green span{background:#4cd964}.ios .progressbar-infinite.color-green:before{background:#4cd964}.ios .progressbar.color-blue span{background:#007aff}.ios .progressbar-infinite.color-blue:before{background:#007aff}.ios .progressbar.color-pink span{background:#ff2d55}.ios .progressbar-infinite.color-pink:before{background:#ff2d55}.ios .progressbar.color-yellow span{background:#fc0}.ios .progressbar-infinite.color-yellow:before{background:#fc0}.ios .progressbar.color-orange span{background:#ff9500}.ios .progressbar-infinite.color-orange:before{background:#ff9500}.ios .progressbar.color-gray span{background:#8e8e93}.ios .progressbar-infinite.color-gray:before{background:#8e8e93}.ios .progressbar.color-white span{background:#fff}.ios .progressbar-infinite.color-white:before{background:#fff}.ios .progressbar.color-black span{background:#000}.ios .progressbar-infinite.color-black:before{background:#000}@-webkit-keyframes ios-progressbar-infinite{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ios-progressbar-infinite-multicolor{0%{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}.sortable .sortable-handler{position:absolute;top:0;bottom:1px;z-index:10;background-repeat:no-repeat;background-size:18px 12px;opacity:0;pointer-events:none;cursor:move;-webkit-transition-duration:.3s;transition-duration:.3s;right:0;background-position:100% 50%}.sortable .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable li.sorting{z-index:50;background:rgba(255,255,255,.8);-webkit-transition-duration:0s;transition-duration:0s}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1;background-position:50% 50%}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.sortable.theme-dark li.sorting,.theme-dark .sortable li.sorting{background-color:rgba(50,50,50,.8)}.ios .sortable-handler{width:35px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E")}.ios .sortable li.sorting{-webkit-box-shadow:0px 2px 8px rgba(0,0,0,.6);box-shadow:0px 2px 8px rgba(0,0,0,.6)}.ios .sortable-enabled .item-inner,.ios .sortable-enabled .item-link .item-inner{padding-right:35px}.ios .list.sortable-enabled .item-link.no-chevron .item-inner,.ios .list.sortable-enabled .no-chevron .item-link .item-inner,.ios .list.sortable-enabled.no-chevron .item-link .item-inner,.ios .no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:35px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .sortable-handler,.ios.device-iphone-x .ios-right-edge .sortable-handler,.ios.device-iphone-x .panel-right .sortable-handler,.ios.device-iphone-x .popup .sortable-handler,.ios.device-iphone-x .sheet-modal .sortable-handler{right:constant(safe-area-inset-right);right:env(safe-area-inset-right)}.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(35px + constant(safe-area-inset-right));padding-right:calc(35px + env(safe-area-inset-right))}}.swipeout{overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swipeout-deleting{-webkit-transition-duration:.3s;transition-duration:.3s}.swipeout-deleting .swipeout-content{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:#fff;background:#c7c7cc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-right{right:0%;-webkit-transform:translateX(100%);transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.ios .swipeout-actions-left>a,.ios .swipeout-actions-left>button,.ios .swipeout-actions-left>div,.ios .swipeout-actions-left>span,.ios .swipeout-actions-right>a,.ios .swipeout-actions-right>button,.ios .swipeout-actions-right>div,.ios .swipeout-actions-right>span{padding:0 30px;color:#fff}.ios .swipeout-actions-left .swipeout-delete,.ios .swipeout-actions-right .swipeout-delete{background:#ff3b30}.ios .swipeout-actions-left>a.color-red,.ios .swipeout-actions-left>button.color-red,.ios .swipeout-actions-left>div.color-red,.ios .swipeout-actions-left>span.color-red,.ios .swipeout-actions-right>a.color-red,.ios .swipeout-actions-right>button.color-red,.ios .swipeout-actions-right>div.color-red,.ios .swipeout-actions-right>span.color-red{background-color:#ff3b30}.ios .swipeout-actions-left>a.color-green,.ios .swipeout-actions-left>button.color-green,.ios .swipeout-actions-left>div.color-green,.ios .swipeout-actions-left>span.color-green,.ios .swipeout-actions-right>a.color-green,.ios .swipeout-actions-right>button.color-green,.ios .swipeout-actions-right>div.color-green,.ios .swipeout-actions-right>span.color-green{background-color:#4cd964}.ios .swipeout-actions-left>a.color-blue,.ios .swipeout-actions-left>button.color-blue,.ios .swipeout-actions-left>div.color-blue,.ios .swipeout-actions-left>span.color-blue,.ios .swipeout-actions-right>a.color-blue,.ios .swipeout-actions-right>button.color-blue,.ios .swipeout-actions-right>div.color-blue,.ios .swipeout-actions-right>span.color-blue{background-color:#007aff}.ios .swipeout-actions-left>a.color-pink,.ios .swipeout-actions-left>button.color-pink,.ios .swipeout-actions-left>div.color-pink,.ios .swipeout-actions-left>span.color-pink,.ios .swipeout-actions-right>a.color-pink,.ios .swipeout-actions-right>button.color-pink,.ios .swipeout-actions-right>div.color-pink,.ios .swipeout-actions-right>span.color-pink{background-color:#ff2d55}.ios .swipeout-actions-left>a.color-yellow,.ios .swipeout-actions-left>button.color-yellow,.ios .swipeout-actions-left>div.color-yellow,.ios .swipeout-actions-left>span.color-yellow,.ios .swipeout-actions-right>a.color-yellow,.ios .swipeout-actions-right>button.color-yellow,.ios .swipeout-actions-right>div.color-yellow,.ios .swipeout-actions-right>span.color-yellow{background-color:#fc0}.ios .swipeout-actions-left>a.color-orange,.ios .swipeout-actions-left>button.color-orange,.ios .swipeout-actions-left>div.color-orange,.ios .swipeout-actions-left>span.color-orange,.ios .swipeout-actions-right>a.color-orange,.ios .swipeout-actions-right>button.color-orange,.ios .swipeout-actions-right>div.color-orange,.ios .swipeout-actions-right>span.color-orange{background-color:#ff9500}.ios .swipeout-actions-left>a.color-gray,.ios .swipeout-actions-left>button.color-gray,.ios .swipeout-actions-left>div.color-gray,.ios .swipeout-actions-left>span.color-gray,.ios .swipeout-actions-right>a.color-gray,.ios .swipeout-actions-right>button.color-gray,.ios .swipeout-actions-right>div.color-gray,.ios .swipeout-actions-right>span.color-gray{background-color:#8e8e93}.ios .swipeout-actions-left>a.color-white,.ios .swipeout-actions-left>button.color-white,.ios .swipeout-actions-left>div.color-white,.ios .swipeout-actions-left>span.color-white,.ios .swipeout-actions-right>a.color-white,.ios .swipeout-actions-right>button.color-white,.ios .swipeout-actions-right>div.color-white,.ios .swipeout-actions-right>span.color-white{background-color:#fff}.ios .swipeout-actions-left>a.color-black,.ios .swipeout-actions-left>button.color-black,.ios .swipeout-actions-left>div.color-black,.ios .swipeout-actions-left>span.color-black,.ios .swipeout-actions-right>a.color-black,.ios .swipeout-actions-right>button.color-black,.ios .swipeout-actions-right>div.color-black,.ios .swipeout-actions-right>span.color-black{background-color:#000}.accordion-item-toggle{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color}.accordion-item-toggle .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .item-link .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{-webkit-transform:none;transform:none}.ios .list .accordion-item-toggle .item-inner{background-size:8px 13px;background:no-repeat calc(100% - 15px) center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");padding-right:35px}.ios .list .accordion-item-toggle.active-state{background-color:#d9d9d9}.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .accordion-item-opened.media-item>.item-link .item-title-row,.ios .links-list .accordion-item-opened>a,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.ios .theme-dark .list .accordion-item-toggle .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.ios .theme-dark .list .accordion-item-toggle.active-state{background-color:#363636}.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.ios .theme-dark .links-list .accordion-item-opened>a,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.ios .contacts-list{margin:0}.ios .contacts-list .list-group-title{padding:0 15px;background:#f7f7f7;color:#000;font-weight:600;line-height:22px;height:22px}.contacts-list.ios .theme-dark .list-group-title,.ios .theme-dark .contacts-list .list-group-title{background-color:#111;color:#fff}.list-index{position:absolute;top:0;bottom:0;right:0;text-align:center;z-index:10;width:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{font-size:11px;font-weight:600;list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:14px;line-height:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;border-radius:50%;color:#fff;font-weight:500}.ios .list-index ul{color:#007aff}.ios .list-index .list-index-skip-placeholder:after{content:'';width:6px;height:6px;margin-left:-3px;margin-top:-3px;background:#007aff}.ios .list-index .list-index-label{margin-bottom:-22px;margin-right:15px;width:44px;height:44px;line-height:44px;border-radius:50%;background:#007aff;font-size:17px}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.ios .navbar~.list-index,.ios .navbar~.page>.list-index{top:44px}.ios .toolbar~* .page>.list-index,.ios .toolbar~.list-index,.ios .toolbar~.page>.list-index{bottom:44px}.ios .tabbar-labels~* .page>.list-index,.ios .tabbar-labels~.list-index,.ios .tabbar-labels~.page>.list-index{bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page>.list-index,.ios .tabbar-labels~.list-index,.ios .tabbar-labels~.page>.list-index{bottom:56px}}.ios.device-iphone-x .toolbar~* .page>.list-index,.ios.device-iphone-x .toolbar~.list-index,.ios.device-iphone-x .toolbar~.page>.list-index{bottom:calc(44px + constant(safe-area-inset-bottom));bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page>.list-index,.ios.device-iphone-x .tabbar-labels~.list-index,.ios.device-iphone-x .tabbar-labels~.page>.list-index{bottom:calc(50px + constant(safe-area-inset-bottom));bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page>.list-index,.ios.device-iphone-x .tabbar-labels~.list-index,.ios.device-iphone-x .tabbar-labels~.page>.list-index{bottom:calc(56px + constant(safe-area-inset-bottom));bottom:calc(56px + env(safe-area-inset-bottom))}}.ios .color-theme-red .list-index ul,.ios .list-index.color-theme-red ul{color:#ff3b30}.ios .color-theme-red .list-index .list-index-label,.ios .color-theme-red .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-red .list-index-label,.ios .list-index.color-theme-red .list-index-skip-placeholder:after{background-color:#ff3b30}.ios .color-theme-green .list-index ul,.ios .list-index.color-theme-green ul{color:#4cd964}.ios .color-theme-green .list-index .list-index-label,.ios .color-theme-green .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-green .list-index-label,.ios .list-index.color-theme-green .list-index-skip-placeholder:after{background-color:#4cd964}.ios .color-theme-blue .list-index ul,.ios .list-index.color-theme-blue ul{color:#007aff}.ios .color-theme-blue .list-index .list-index-label,.ios .color-theme-blue .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-blue .list-index-label,.ios .list-index.color-theme-blue .list-index-skip-placeholder:after{background-color:#007aff}.ios .color-theme-pink .list-index ul,.ios .list-index.color-theme-pink ul{color:#ff2d55}.ios .color-theme-pink .list-index .list-index-label,.ios .color-theme-pink .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-pink .list-index-label,.ios .list-index.color-theme-pink .list-index-skip-placeholder:after{background-color:#ff2d55}.ios .color-theme-yellow .list-index ul,.ios .list-index.color-theme-yellow ul{color:#fc0}.ios .color-theme-yellow .list-index .list-index-label,.ios .color-theme-yellow .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-yellow .list-index-label,.ios .list-index.color-theme-yellow .list-index-skip-placeholder:after{background-color:#fc0}.ios .color-theme-orange .list-index ul,.ios .list-index.color-theme-orange ul{color:#ff9500}.ios .color-theme-orange .list-index .list-index-label,.ios .color-theme-orange .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-orange .list-index-label,.ios .list-index.color-theme-orange .list-index-skip-placeholder:after{background-color:#ff9500}.ios .color-theme-gray .list-index ul,.ios .list-index.color-theme-gray ul{color:#8e8e93}.ios .color-theme-gray .list-index .list-index-label,.ios .color-theme-gray .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-gray .list-index-label,.ios .list-index.color-theme-gray .list-index-skip-placeholder:after{background-color:#8e8e93}.ios .color-theme-white .list-index ul,.ios .list-index.color-theme-white ul{color:#fff}.ios .color-theme-white .list-index .list-index-label,.ios .color-theme-white .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-white .list-index-label,.ios .list-index.color-theme-white .list-index-skip-placeholder:after{background-color:#fff}.ios .color-theme-black .list-index ul,.ios .list-index.color-theme-black ul{color:#000}.ios .color-theme-black .list-index .list-index-label,.ios .color-theme-black .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-black .list-index-label,.ios .list-index.color-theme-black .list-index-skip-placeholder:after{background-color:#000}.ios .list-index.color-red ul{color:#ff3b30}.ios .list-index.color-red .list-index-label,.ios .list-index.color-red .list-index-skip-placeholder:after{background-color:#ff3b30}.ios .list-index.color-green ul{color:#4cd964}.ios .list-index.color-green .list-index-label,.ios .list-index.color-green .list-index-skip-placeholder:after{background-color:#4cd964}.ios .list-index.color-blue ul{color:#007aff}.ios .list-index.color-blue .list-index-label,.ios .list-index.color-blue .list-index-skip-placeholder:after{background-color:#007aff}.ios .list-index.color-pink ul{color:#ff2d55}.ios .list-index.color-pink .list-index-label,.ios .list-index.color-pink .list-index-skip-placeholder:after{background-color:#ff2d55}.ios .list-index.color-yellow ul{color:#fc0}.ios .list-index.color-yellow .list-index-label,.ios .list-index.color-yellow .list-index-skip-placeholder:after{background-color:#fc0}.ios .list-index.color-orange ul{color:#ff9500}.ios .list-index.color-orange .list-index-label,.ios .list-index.color-orange .list-index-skip-placeholder:after{background-color:#ff9500}.ios .list-index.color-gray ul{color:#8e8e93}.ios .list-index.color-gray .list-index-label,.ios .list-index.color-gray .list-index-skip-placeholder:after{background-color:#8e8e93}.ios .list-index.color-white ul{color:#fff}.ios .list-index.color-white .list-index-label,.ios .list-index.color-white .list-index-skip-placeholder:after{background-color:#fff}.ios .list-index.color-black ul{color:#000}.ios .list-index.color-black .list-index-label,.ios .list-index.color-black .list-index-skip-placeholder:after{background-color:#000}.timeline{-webkit-box-sizing:border-box;box-sizing:border-box}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline-item-date{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;margin-top:3px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:13px}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-horizontal{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;height:100%}.timeline-horizontal .timeline-item-date{width:auto;line-height:34px;position:absolute;left:0;top:0;width:100%;height:34px;text-align:left}.timeline-horizontal .timeline-item-content{overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal.col-100 .timeline-item{width:100vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-5 .timeline-item{width:5vw}@media (min-width:768px){.timeline-horizontal.tablet-100 .timeline-item{width:100vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-5 .timeline-item{width:5vw}}.timeline-horizontal .timeline-month,.timeline-horizontal .timeline-year{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.timeline-horizontal .timeline-month-title,.timeline-horizontal .timeline-year-title{position:absolute;left:0;top:0;width:100%;line-height:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-horizontal .timeline-month-title span,.timeline-horizontal .timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky}.timeline-horizontal .timeline-year-title{font-size:16px}.timeline-horizontal .timeline-month-title span{margin-top:-2px}.ios .timeline{margin:35px 0;padding:0 15px}.ios .block-strong .timeline{padding:0;margin:0}.ios .timeline-item{padding:2px 0px 15px}.ios .timeline-item:last-child{padding-bottom:2px}.ios .timeline-item-content .block,.ios .timeline-item-content .card,.ios .timeline-item-content .list,.ios .timeline-item-content.block,.ios .timeline-item-content.card,.ios .timeline-item-content.list{margin:0;width:100%}.ios .timeline-item-content .block+.block,.ios .timeline-item-content .block+.card,.ios .timeline-item-content .block+.list,.ios .timeline-item-content .card+.block,.ios .timeline-item-content .card+.card,.ios .timeline-item-content .card+.list,.ios .timeline-item-content .list+.block,.ios .timeline-item-content .list+.card,.ios .timeline-item-content .list+.list{margin:15px 0 0}.ios .timeline-item-inner{border-radius:7px;padding:8px 15px}.ios .timeline-item-inner+.timeline-item-inner{margin-top:15px}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-item-divider{margin-left:15px;margin-right:15px}.ios .timeline-item-time{margin-top:15px;color:#6d6d72}.ios .timeline-item-time:first-child,.ios .timeline-item-time:last-child{margin-top:0}.ios .timeline-item-title{font-size:17px;font-weight:600}.ios .timeline-item-subtitle{font-size:15px}.ios .timeline-sides .timeline-item{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item .timeline-item-date{text-align:right}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.ios .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item-left .timeline-item-date{text-align:left}.ios .timeline-sides .timeline-item-right{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item-right .timeline-item-date{text-align:right}@media (min-width:768px){.ios .tablet-sides .timeline-item{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item .timeline-item-date{text-align:right}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.ios .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item-left .timeline-item-date{text-align:left}.ios .tablet-sides .timeline-item-right{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item-right .timeline-item-date{text-align:right}}.ios .timeline-horizontal{padding:0;margin:0}.ios .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:10px}.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.ios .timeline-horizontal>.timeline-item:last-child:after{display:none!important}.ios .timeline-horizontal .timeline-item-date{background:#f7f7f8;padding:0px 10px}.ios .timeline-horizontal .timeline-item-content{padding:10px;height:calc(100% - 10px)}.ios .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-month .timeline-item:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-horizontal .timeline-year:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-year:last-child:after{display:none!important}.ios .timeline-month-title,.ios .timeline-year-title{padding:0 10px;background:#f7f7f8}.ios .timeline-month-title span,.ios .timeline-year-title span{left:10px}.ios .timeline-year-title span{margin-top:3px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(10px + constant(safe-area-inset-left));left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(10px + constant(safe-area-inset-left));padding-left:calc(10px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right));left:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .timeline-month-title,.ios .theme-dark .timeline-year-title{background:#1b1b1b}.ios .theme-dark .timeline-item-inner{background-color:#1c1c1d}.ios .theme-dark .timeline-item-time{color:#8e8e93}.ios .theme-dark .timeline-horizontal .timeline-item-date,.timeline-horizontal.ios .theme-dark .timeline-item-date{background:#1b1b1b}.ios .theme-dark .timeline-horizontal .timeline-item-date:after,.timeline-horizontal.ios .theme-dark .timeline-item-date:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before,.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-item:after,.timeline-horizontal.ios .theme-dark .timeline-item:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-year:after,.timeline-horizontal.ios .theme-dark .timeline-year:after{background-color:#282829}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}.panel-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:5999;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel-backdrop.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel{z-index:1000;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch;top:0;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:260px;background-color:#fff}.panel.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.panel-right{right:0}.panel-right.panel-cover{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.panel-visible-by-breakpoint{display:block;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}html.with-panel-left-cover .panel-left{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-statusbar.device-ios .panel,html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel{top:20px;height:calc(100% - 20px)}html.with-statusbar.device-android .panel,html.with-statusbar.md:not(.device-ios):not(.device-android) .panel{top:24px;height:calc(100% - 24px)}html.with-statusbar.device-iphone-x .panel{top:constant(safe-area-inset-top);top:env(safe-area-inset-top);height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top))}.ios .panel-backdrop{-webkit-transition-duration:.4s;transition-duration:.4s;background:rgba(0,0,0,0)}.ios .panel{-webkit-transition-duration:.4s;transition-duration:.4s}.ios.with-panel-left-reveal .framework7-root>.view,.ios.with-panel-left-reveal .views,.ios.with-panel-right-reveal .framework7-root>.view,.ios.with-panel-right-reveal .views,.ios.with-panel-transitioning .framework7-root>.view,.ios.with-panel-transitioning .views{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card{background:#fff;position:relative;border-radius:4px;font-size:14px}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-content{position:relative}.card-content-padding{position:relative}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-footer,.card-header{min-height:44px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.card-header{border-radius:4px 4px 0 0}.card-header:after{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .card-header:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 4px 4px}.card-footer:before{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}html.device-pixel-ratio-2 .card-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-footer.no-hairline:before{display:none!important}.ios .card .list ul,.ios .cards-list ul{background:0 0}.ios .card{-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.3);box-shadow:0px 1px 2px rgba(0,0,0,.3);margin:10px}.ios .card-outline{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.ios .card-footer a.link,.ios .card-header a.link{line-height:44px;height:44px;margin-top:-10px;margin-bottom:-10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .card-footer a.icon-only,.ios .card-header a.icon-only{min-width:44px}.ios .card-content-padding{padding:15px}.ios .card-content-padding>.block,.ios .card-content-padding>.list{margin:-15px}.ios .card-footer,.ios .card-header{min-height:44px;padding:10px 15px}.ios .card-header{font-size:17px}.ios .card-footer{color:#6d6d72}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(10px + constant(safe-area-inset-left));margin-left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(10px + constant(safe-area-inset-right));margin-right:calc(10px + env(safe-area-inset-right))}}.ios .theme-dark .card{background-color:#1c1c1d}.ios .theme-dark .card-outline{border-color:#282829}.ios .theme-dark .card-header:after{background-color:#282829}.ios .theme-dark .card-footer{color:#8e8e93}.ios .theme-dark .card-footer:before{background-color:#282829}.chip{font-weight:400;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:2px 0}.chip-media{border-radius:50%;text-align:center;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-repeat:no-repeat}.chip .chip-delete.active-state{opacity:1}.ios .chip{font-size:13px;color:#000;background:rgba(0,0,0,.12);height:24px;border-radius:12px;padding:0 10px}.ios .chip-outline{background:0 0;border:1px solid rgba(0,0,0,.12)}.ios .chip-media{width:24px;height:24px;vertical-align:middle;border-radius:50%;text-align:center;line-height:16px;color:#fff;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-10px}.ios .chip-media+.chip-label{margin-left:4px}.ios .chip-media i.icon{font-size:16px;height:16px}.ios .chip-delete{width:24px;height:24px;line-height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:14px 14px;opacity:.54;margin-right:-10px}.ios .theme-dark .chip{background-color:#333;color:#fff}.ios .theme-dark .chip-outline{background:0 0;border-color:#333}.ios .theme-dark .chip-delete{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E")}.ios .chip.color-red{background:#ff3b30;color:#fff}.ios .chip.color-red.chip-outline{background:0 0;border-color:#ff3b30;color:#ff3b30}.ios .chip.color-green{background:#4cd964;color:#fff}.ios .chip.color-green.chip-outline{background:0 0;border-color:#4cd964;color:#4cd964}.ios .chip.color-blue{background:#007aff;color:#fff}.ios .chip.color-blue.chip-outline{background:0 0;border-color:#007aff;color:#007aff}.ios .chip.color-pink{background:#ff2d55;color:#fff}.ios .chip.color-pink.chip-outline{background:0 0;border-color:#ff2d55;color:#ff2d55}.ios .chip.color-yellow{background:#fc0;color:#fff}.ios .chip.color-yellow.chip-outline{background:0 0;border-color:#fc0;color:#fc0}.ios .chip.color-orange{background:#ff9500;color:#fff}.ios .chip.color-orange.chip-outline{background:0 0;border-color:#ff9500;color:#ff9500}.ios .chip.color-gray{background:#8e8e93;color:#fff}.ios .chip.color-gray.chip-outline{background:0 0;border-color:#8e8e93;color:#8e8e93}.ios .chip.color-white{background:#fff;color:#fff}.ios .chip.color-white.chip-outline{background:0 0;border-color:#fff;color:#fff}.ios .chip.color-black{background:#000;color:#fff}.ios .chip.color-black.chip-outline{background:0 0;border-color:#000;color:#000}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select,.list textarea{width:100%}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:44px}.list textarea{resize:none;line-height:1.4;height:100px}.list .item-floating-label,.list .item-label{vertical-align:top;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.list .item-input-wrap{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;-webkit-transition-duration:.1s;transition-duration:.1s;position:absolute;top:50%;border-radius:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;right:0}.input-clear-button:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center center}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #727272;right:2px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:14px}.ios .list input[type=date],.ios .list input[type=datetime-local],.ios .list input[type=email],.ios .list input[type=number],.ios .list input[type=password],.ios .list input[type=search],.ios .list input[type=tel],.ios .list input[type=text],.ios .list input[type=time],.ios .list input[type=url],.ios .list select{height:44px;color:#000;font-size:17px}.ios .list textarea{color:#000;font-size:17px;padding-top:11px;padding-bottom:11px}.ios .list textarea.resizable{height:44px}.ios .item-floating-label,.ios .item-label{font-size:12px;width:100%;line-height:1;overflow:visible}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input .item-inner{display:block}.ios .item-input .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.ios .item-input-wrap{margin-top:-8px;margin-bottom:-8px}.ios .inline-label .item-inner,.ios .inline-labels .item-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{font-size:17px;width:35%;line-height:1.4;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:-8px;margin-left:5px}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:-8px}.ios .item-input-with-error-message .item-input-wrap input,.ios .item-input-with-error-message .item-input-wrap select,.ios .item-input-with-error-message .item-input-wrap textarea,.ios div.input-with-error-message input,.ios div.input-with-error-message select,.ios div.input-with-error-message textarea,.ios span.input-with-error-message input,.ios span.input-with-error-message select,.ios span.input-with-error-message textarea{color:#ff3b30}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{font-size:12px;line-height:1.4;position:relative;margin-bottom:6px;margin-top:-8px}.ios .input-info,.ios .item-input-info{color:#8e8e93}.ios .input-error-message,.ios .item-input-error-message{color:#ff3b30;display:none}.ios .item-input-invalid .item-input-error-message{display:block}.ios .item-input-invalid .item-input-info{display:none}.ios .input-invalid .input-error-message{display:block}.ios .input-invalid .input-info{display:none}.ios .input-clear-button{width:14px;height:14px;margin-top:-7px}.ios .input-clear-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");background-size:14px 14px}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .item-input-wrap .input-clear-button{top:22px}.ios .theme-dark .list input[type=date],.ios .theme-dark .list input[type=datetime-local],.ios .theme-dark .list input[type=email],.ios .theme-dark .list input[type=number],.ios .theme-dark .list input[type=password],.ios .theme-dark .list input[type=search],.ios .theme-dark .list input[type=tel],.ios .theme-dark .list input[type=text],.ios .theme-dark .list input[type=time],.ios .theme-dark .list input[type=url],.ios .theme-dark .list select,.list.ios .theme-dark input[type=date],.list.ios .theme-dark input[type=datetime-local],.list.ios .theme-dark input[type=email],.list.ios .theme-dark input[type=number],.list.ios .theme-dark input[type=password],.list.ios .theme-dark input[type=search],.list.ios .theme-dark input[type=tel],.list.ios .theme-dark input[type=text],.list.ios .theme-dark input[type=time],.list.ios .theme-dark input[type=url],.list.ios .theme-dark select{color:#fff}.ios .theme-dark .list textarea,.list.ios .theme-dark textarea{color:#fff}.checkbox i,.icon-checkbox{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}.checkbox .icon-checkbox,label.item-checkbox .icon-checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.checkbox .icon-checkbox:after,label.item-checkbox .icon-checkbox:after{content:'';position:absolute}label.item-checkbox{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i,.ios .icon-checkbox{width:22px;height:22px;border-radius:50%;border:1px solid #c7c7cc}.ios .checkbox i:after,.ios .icon-checkbox:after{left:50%;top:50%;margin-left:-6px;margin-top:-4px;width:12px;height:9px}.ios .checkbox input[type=checkbox]:checked~i,.ios label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border:none;background:#007aff}.ios .checkbox input[type=checkbox]:checked~i:after,.ios label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{background:no-repeat center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");background-size:12px 9px}.ios label.item-checkbox>.icon-checkbox{margin-right:15px}.ios label.item-checkbox .item-content .item-media,.ios label.item-checkbox.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.ios label.item-checkbox.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .theme-dark label.item-checkbox.active-state{background-color:#363636}.ios .color-theme-red .checkbox input[type=checkbox]:checked~i,.ios .color-theme-red label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff3b30}.ios .color-theme-green .checkbox input[type=checkbox]:checked~i,.ios .color-theme-green label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#4cd964}.ios .color-theme-blue .checkbox input[type=checkbox]:checked~i,.ios .color-theme-blue label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#007aff}.ios .color-theme-pink .checkbox input[type=checkbox]:checked~i,.ios .color-theme-pink label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff2d55}.ios .color-theme-yellow .checkbox input[type=checkbox]:checked~i,.ios .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#fc0}.ios .color-theme-orange .checkbox input[type=checkbox]:checked~i,.ios .color-theme-orange label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff9500}.ios .color-theme-gray .checkbox input[type=checkbox]:checked~i,.ios .color-theme-gray label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#8e8e93}.ios .color-theme-white .checkbox input[type=checkbox]:checked~i,.ios .color-theme-white label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#fff}.ios .color-theme-black .checkbox input[type=checkbox]:checked~i,.ios .color-theme-black label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#000}.ios .checkbox.color-red input[type=checkbox]:checked~i,.ios label.item-checkbox.color-red input[type=checkbox]:checked~.icon-checkbox{background:#ff3b30}.ios .checkbox.color-green input[type=checkbox]:checked~i,.ios label.item-checkbox.color-green input[type=checkbox]:checked~.icon-checkbox{background:#4cd964}.ios .checkbox.color-blue input[type=checkbox]:checked~i,.ios label.item-checkbox.color-blue input[type=checkbox]:checked~.icon-checkbox{background:#007aff}.ios .checkbox.color-pink input[type=checkbox]:checked~i,.ios label.item-checkbox.color-pink input[type=checkbox]:checked~.icon-checkbox{background:#ff2d55}.ios .checkbox.color-yellow input[type=checkbox]:checked~i,.ios label.item-checkbox.color-yellow input[type=checkbox]:checked~.icon-checkbox{background:#fc0}.ios .checkbox.color-orange input[type=checkbox]:checked~i,.ios label.item-checkbox.color-orange input[type=checkbox]:checked~.icon-checkbox{background:#ff9500}.ios .checkbox.color-gray input[type=checkbox]:checked~i,.ios label.item-checkbox.color-gray input[type=checkbox]:checked~.icon-checkbox{background:#8e8e93}.ios .checkbox.color-white input[type=checkbox]:checked~i,.ios label.item-checkbox.color-white input[type=checkbox]:checked~.icon-checkbox{background:#fff}.ios .checkbox.color-black input[type=checkbox]:checked~i,.ios label.item-checkbox.color-black input[type=checkbox]:checked~.icon-checkbox{background:#000}.icon-radio{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}.radio .icon-radio,label.item-radio .icon-radio{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.radio .icon-radio:after,label.item-radio .icon-radio:after{content:'';position:absolute}label.item-radio{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio{width:22px;height:22px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.ios .radio .icon-radio{border-radius:50%;border:1px solid #c7c7cc}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;right:10px}.ios label.item-radio .item-inner{padding-right:35px}.ios .radio input[type=radio]:checked~.icon-radio,.ios label.item-radio input[type=radio]:checked~* .icon-radio,.ios label.item-radio input[type=radio]:checked~.icon-radio{background:no-repeat center;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");background-size:13px 10px}.ios .radio input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios label.item-radio .item-content .item-media,.ios label.item-radio.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.ios label.item-radio.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}@media (orientation:landscape){.ios.device-iphone-x .ios-edges label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .ios-right-edge label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .panel-right label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .popup label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .sheet-modal label.item-radio input[type=radio]~.icon-radio{right:calc(10px + constant(safe-area-inset-right));right:calc(10px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset) label.item-radio .item-inner{padding-right:calc(35px + constant(safe-area-inset-right))!important;padding-right:calc(35px + env(safe-area-inset-right))}}.ios .theme-dark label.item-radio.active-state{background-color:#363636}.ios .color-theme-red .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-red .radio input[type=radio]:checked~.icon-radio{border-color:#ff3b30}.ios .color-theme-green .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-green .radio input[type=radio]:checked~.icon-radio{border-color:#4cd964}.ios .color-theme-blue .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-blue .radio input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios .color-theme-pink .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-pink .radio input[type=radio]:checked~.icon-radio{border-color:#ff2d55}.ios .color-theme-yellow .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-yellow .radio input[type=radio]:checked~.icon-radio{border-color:#fc0}.ios .color-theme-orange .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-orange .radio input[type=radio]:checked~.icon-radio{border-color:#ff9500}.ios .color-theme-gray .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-gray .radio input[type=radio]:checked~.icon-radio{border-color:#8e8e93}.ios .color-theme-white .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-white .radio input[type=radio]:checked~.icon-radio{border-color:#fff}.ios .color-theme-black .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-black .radio input[type=radio]:checked~.icon-radio{border-color:#000}.ios .radio.color-red input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-red input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-red input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-red input[type=radio]:checked~.icon-radio{border-color:#ff3b30}.ios .radio.color-green input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-green input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-green input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-green input[type=radio]:checked~.icon-radio{border-color:#4cd964}.ios .radio.color-blue input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-blue input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-blue input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-blue input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios .radio.color-pink input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-pink input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-pink input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-pink input[type=radio]:checked~.icon-radio{border-color:#ff2d55}.ios .radio.color-yellow input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-yellow input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-yellow input[type=radio]:checked~.icon-radio{border-color:#fc0}.ios .radio.color-orange input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-orange input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-orange input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-orange input[type=radio]:checked~.icon-radio{border-color:#ff9500}.ios .radio.color-gray input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-gray input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-gray input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-gray input[type=radio]:checked~.icon-radio{border-color:#8e8e93}.ios .radio.color-white input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-white input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-white input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-white input[type=radio]:checked~.icon-radio{border-color:#fff}.ios .radio.color-black input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-black input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-black input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-black input[type=radio]:checked~.icon-radio{border-color:#000}.toggle{display:inline-block;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:''}.toggle-icon:after{background:#fff;position:absolute;z-index:2;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-duration:.3s;transition-duration:.3s}.ios .toggle{width:52px;border-radius:16px;height:32px}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:#4cd964}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.ios .toggle-icon{width:52px;border-radius:16px;height:32px;background:#e5e5e5}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:48px;height:28px;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1)}.ios .toggle-icon:after{height:28px;width:28px;top:2px;left:2px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:14px}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:35px}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{width:35px;-webkit-transform:translateX(13px);transform:translateX(13px)}.ios .theme-dark .toggle-icon{background-color:#fff}.ios .theme-dark .toggle-icon:before{background-color:#1c1c1d}.ios .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background-color:#ff3b30}.ios .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background-color:#4cd964}.ios .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background-color:#007aff}.ios .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background-color:#ff2d55}.ios .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background-color:#fc0}.ios .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background-color:#ff9500}.ios .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background-color:#8e8e93}.ios .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background-color:#fff}.ios .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background-color:#000}.range-slider{display:block;width:100%;position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-bar{position:absolute;left:0;top:50%;width:100%;overflow:hidden}.range-bar-active{position:absolute;left:0;top:0;height:100%}.range-knob-wrap{z-index:20;position:absolute;top:50%;left:0}.range-knob{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translateY(100%) scale(0);transform:translateY(100%) scale(0)}.range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.ios .range-slider{height:28px}.ios .range-bar{background:#b7b8b7;border-radius:2px;height:1px}.ios .range-bar-active{background:#007aff}.ios .range-knob-wrap{height:28px;width:28px;margin-top:-14px;margin-left:-14px}.ios .range-knob{background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3)}.ios .range-knob-label{min-width:20px;height:20px;line-height:20px;background:#fff;border-radius:5px;color:#000;font-size:12px;margin-bottom:6px;-webkit-transform:translateX(-50%) translateY(100%) scale(0);transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{-webkit-transform:translateX(-50%) translateY(0%) scale(1);transform:translateX(-50%) translateY(0%) scale(1)}.ios .color-theme-red .range-slider .range-bar-active{background-color:#ff3b30}.ios .color-theme-green .range-slider .range-bar-active{background-color:#4cd964}.ios .color-theme-blue .range-slider .range-bar-active{background-color:#007aff}.ios .color-theme-pink .range-slider .range-bar-active{background-color:#ff2d55}.ios .color-theme-yellow .range-slider .range-bar-active{background-color:#fc0}.ios .color-theme-orange .range-slider .range-bar-active{background-color:#ff9500}.ios .color-theme-gray .range-slider .range-bar-active{background-color:#8e8e93}.ios .color-theme-white .range-slider .range-bar-active{background-color:#fff}.ios .color-theme-black .range-slider .range-bar-active{background-color:#000}.ios .range-slider.color-red .range-bar-active{background-color:#ff3b30}.ios .range-slider.color-green .range-bar-active{background-color:#4cd964}.ios .range-slider.color-blue .range-bar-active{background-color:#007aff}.ios .range-slider.color-pink .range-bar-active{background-color:#ff2d55}.ios .range-slider.color-yellow .range-bar-active{background-color:#fc0}.ios .range-slider.color-orange .range-bar-active{background-color:#ff9500}.ios .range-slider.color-gray .range-bar-active{background-color:#8e8e93}.ios .range-slider.color-white .range-bar-active{background-color:#fff}.ios .range-slider.color-black .range-bar-active{background-color:#000}.stepper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.stepper-button,.stepper-button-minus,.stepper-button-plus{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-value{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.stepper-input-wrap,.stepper-value{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper .stepper-input-wrap input,.stepper .stepper-value{width:45px}.ios .stepper{height:29px}.ios .stepper-button,.ios .stepper-button-minus,.ios .stepper-button-plus{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px;width:40px}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-button-minus:first-child,.ios .stepper-button-plus:first-child,.ios .stepper-button:first-child{border-radius:5px 0 0 5px}.ios .stepper-button-minus:last-child,.ios .stepper-button-plus:last-child,.ios .stepper-button:last-child{border-radius:0 5px 5px 0}.ios .stepper-button-minus.active-state,.ios .stepper-button-plus.active-state,.ios .stepper-button.active-state{background:rgba(0,122,255,.15)}.ios .stepper-button+.stepper-button,.ios .stepper-button+.stepper-button-minus,.ios .stepper-button+.stepper-button-plus,.ios .stepper-button-minus+.stepper-button,.ios .stepper-button-minus+.stepper-button-minus,.ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-button-plus+.stepper-button,.ios .stepper-button-plus+.stepper-button-minus,.ios .stepper-button-plus+.stepper-button-plus{border-left:none}.ios .stepper-button-minus:after,.ios .stepper-button-minus:before,.ios .stepper-button-plus:after,.ios .stepper-button-plus:before{background:#007aff}.ios .stepper-input-wrap,.ios .stepper-value{border-top:1px solid #007aff;border-bottom:1px solid #007aff}.ios .stepper .stepper-value{color:#007aff;font-size:17px}.ios .stepper .stepper-input-wrap input{height:100%;text-align:center;color:#007aff;font-size:17px}.ios .stepper-fill .stepper-button,.ios .stepper-fill .stepper-button-minus,.ios .stepper-fill .stepper-button-plus,.ios .stepper-fill-ios .stepper-button,.ios .stepper-fill-ios .stepper-button-minus,.ios .stepper-fill-ios .stepper-button-plus{color:#fff;background:#007aff}.ios .stepper-fill .stepper-button-minus.active-state,.ios .stepper-fill .stepper-button-plus.active-state,.ios .stepper-fill .stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button.active-state{opacity:.8}.ios .stepper-fill .stepper-button-minus:after,.ios .stepper-fill .stepper-button-minus:before,.ios .stepper-fill .stepper-button-plus:after,.ios .stepper-fill .stepper-button-plus:before,.ios .stepper-fill-ios .stepper-button-minus:after,.ios .stepper-fill-ios .stepper-button-minus:before,.ios .stepper-fill-ios .stepper-button-plus:after,.ios .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper-fill .stepper-button+.stepper-button,.ios .stepper-fill .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.ios .stepper-round .stepper-button-minus:first-child,.ios .stepper-round .stepper-button-plus:first-child,.ios .stepper-round .stepper-button:first-child,.ios .stepper-round-ios .stepper-button-minus:first-child,.ios .stepper-round-ios .stepper-button-plus:first-child,.ios .stepper-round-ios .stepper-button:first-child{border-radius:29px 0 0 29px}.ios .stepper-round .stepper-button-minus:last-child,.ios .stepper-round .stepper-button-plus:last-child,.ios .stepper-round .stepper-button:last-child,.ios .stepper-round-ios .stepper-button-minus:last-child,.ios .stepper-round-ios .stepper-button-plus:last-child,.ios .stepper-round-ios .stepper-button:last-child{border-radius:0 29px 29px 0}.ios .stepper-small,.ios .stepper-small-ios{height:26px}.ios .stepper-small .stepper-input-wrap,.ios .stepper-small .stepper-value,.ios .stepper-small-ios .stepper-input-wrap,.ios .stepper-small-ios .stepper-value{border-top-width:2px;border-bottom-width:2px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{height:26px;-webkit-transition-duration:.2s;transition-duration:.2s;line-height:22px;border-width:2px}.ios .stepper-small .stepper-button .f7-icons,.ios .stepper-small .stepper-button-minus .f7-icons,.ios .stepper-small .stepper-button-plus .f7-icons,.ios .stepper-small-ios .stepper-button .f7-icons,.ios .stepper-small-ios .stepper-button-minus .f7-icons,.ios .stepper-small-ios .stepper-button-plus .f7-icons{font-size:18px}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill .stepper-button.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent;opacity:1}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper-big,.ios .stepper-big-ios{height:44px}.ios .stepper-big .stepper-button,.ios .stepper-big .stepper-button-minus,.ios .stepper-big .stepper-button-plus,.ios .stepper-big-ios .stepper-button,.ios .stepper-big-ios .stepper-button-minus,.ios .stepper-big-ios .stepper-button-plus{height:44px;line-height:42px}.ios .color-theme-red .stepper-button,.ios .color-theme-red .stepper-button-minus,.ios .color-theme-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper-button-minus.active-state,.ios .color-theme-red .stepper-button-plus.active-state,.ios .color-theme-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper-button-minus:after,.ios .color-theme-red .stepper-button-minus:before,.ios .color-theme-red .stepper-button-plus:after,.ios .color-theme-red .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap,.ios .color-theme-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap input,.ios .color-theme-red .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button,.ios .color-theme-red .stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper-button,.ios .color-theme-green .stepper-button-minus,.ios .color-theme-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper-button-minus.active-state,.ios .color-theme-green .stepper-button-plus.active-state,.ios .color-theme-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper-button-minus:after,.ios .color-theme-green .stepper-button-minus:before,.ios .color-theme-green .stepper-button-plus:after,.ios .color-theme-green .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper-input-wrap,.ios .color-theme-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper-input-wrap input,.ios .color-theme-green .stepper-value{color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button,.ios .color-theme-green .stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper-button,.ios .color-theme-blue .stepper-button-minus,.ios .color-theme-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper-button-minus:after,.ios .color-theme-blue .stepper-button-minus:before,.ios .color-theme-blue .stepper-button-plus:after,.ios .color-theme-blue .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper-input-wrap,.ios .color-theme-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper-input-wrap input,.ios .color-theme-blue .stepper-value{color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button,.ios .color-theme-blue .stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper-button,.ios .color-theme-pink .stepper-button-minus,.ios .color-theme-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper-button-minus:after,.ios .color-theme-pink .stepper-button-minus:before,.ios .color-theme-pink .stepper-button-plus:after,.ios .color-theme-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap,.ios .color-theme-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap input,.ios .color-theme-pink .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button,.ios .color-theme-pink .stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper-button,.ios .color-theme-yellow .stepper-button-minus,.ios .color-theme-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper-button-minus:after,.ios .color-theme-yellow .stepper-button-minus:before,.ios .color-theme-yellow .stepper-button-plus:after,.ios .color-theme-yellow .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap,.ios .color-theme-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap input,.ios .color-theme-yellow .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button,.ios .color-theme-yellow .stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper-button,.ios .color-theme-orange .stepper-button-minus,.ios .color-theme-orange .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper-button-minus:after,.ios .color-theme-orange .stepper-button-minus:before,.ios .color-theme-orange .stepper-button-plus:after,.ios .color-theme-orange .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap,.ios .color-theme-orange .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap input,.ios .color-theme-orange .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button,.ios .color-theme-orange .stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper-button,.ios .color-theme-gray .stepper-button-minus,.ios .color-theme-gray .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper-button-minus:after,.ios .color-theme-gray .stepper-button-minus:before,.ios .color-theme-gray .stepper-button-plus:after,.ios .color-theme-gray .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap,.ios .color-theme-gray .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap input,.ios .color-theme-gray .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button,.ios .color-theme-gray .stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper-button,.ios .color-theme-white .stepper-button-minus,.ios .color-theme-white .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper-button-minus.active-state,.ios .color-theme-white .stepper-button-plus.active-state,.ios .color-theme-white .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper-button-minus:after,.ios .color-theme-white .stepper-button-minus:before,.ios .color-theme-white .stepper-button-plus:after,.ios .color-theme-white .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-input-wrap,.ios .color-theme-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper-input-wrap input,.ios .color-theme-white .stepper-value{color:#fff}.ios .color-theme-white .stepper-fill .stepper-button,.ios .color-theme-white .stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper-button,.ios .color-theme-black .stepper-button-minus,.ios .color-theme-black .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper-button-minus.active-state,.ios .color-theme-black .stepper-button-plus.active-state,.ios .color-theme-black .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper-button-minus:after,.ios .color-theme-black .stepper-button-minus:before,.ios .color-theme-black .stepper-button-plus:after,.ios .color-theme-black .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper-input-wrap,.ios .color-theme-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper-input-wrap input,.ios .color-theme-black .stepper-value{color:#000}.ios .color-theme-black .stepper-fill .stepper-button,.ios .color-theme-black .stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.ios .stepper.color-red .stepper-button,.ios .stepper.color-red .stepper-button-minus,.ios .stepper.color-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .stepper.color-red .stepper-button-minus.active-state,.ios .stepper.color-red .stepper-button-plus.active-state,.ios .stepper.color-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .stepper.color-red .stepper-button-minus:after,.ios .stepper.color-red .stepper-button-minus:before,.ios .stepper.color-red .stepper-button-plus:after,.ios .stepper.color-red .stepper-button-plus:before{background-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap,.ios .stepper.color-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input,.ios .stepper.color-red .stepper-value{color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button,.ios .stepper-fill-ios.color-red .stepper-button-minus,.ios .stepper-fill-ios.color-red .stepper-button-plus,.ios .stepper-fill.color-red .stepper-button,.ios .stepper-fill.color-red .stepper-button-minus,.ios .stepper-fill.color-red .stepper-button-plus{background-color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button-minus:after,.ios .stepper-fill-ios.color-red .stepper-button-minus:before,.ios .stepper-fill-ios.color-red .stepper-button-plus:after,.ios .stepper-fill-ios.color-red .stepper-button-plus:before,.ios .stepper-fill.color-red .stepper-button-minus:after,.ios .stepper-fill.color-red .stepper-button-minus:before,.ios .stepper-fill.color-red .stepper-button-plus:after,.ios .stepper-fill.color-red .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .stepper.color-green .stepper-button,.ios .stepper.color-green .stepper-button-minus,.ios .stepper.color-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .stepper.color-green .stepper-button-minus.active-state,.ios .stepper.color-green .stepper-button-plus.active-state,.ios .stepper.color-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .stepper.color-green .stepper-button-minus:after,.ios .stepper.color-green .stepper-button-minus:before,.ios .stepper.color-green .stepper-button-plus:after,.ios .stepper.color-green .stepper-button-plus:before{background-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap,.ios .stepper.color-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input,.ios .stepper.color-green .stepper-value{color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button,.ios .stepper-fill-ios.color-green .stepper-button-minus,.ios .stepper-fill-ios.color-green .stepper-button-plus,.ios .stepper-fill.color-green .stepper-button,.ios .stepper-fill.color-green .stepper-button-minus,.ios .stepper-fill.color-green .stepper-button-plus{background-color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button-minus:after,.ios .stepper-fill-ios.color-green .stepper-button-minus:before,.ios .stepper-fill-ios.color-green .stepper-button-plus:after,.ios .stepper-fill-ios.color-green .stepper-button-plus:before,.ios .stepper-fill.color-green .stepper-button-minus:after,.ios .stepper-fill.color-green .stepper-button-minus:before,.ios .stepper-fill.color-green .stepper-button-plus:after,.ios .stepper-fill.color-green .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .stepper.color-blue .stepper-button,.ios .stepper.color-blue .stepper-button-minus,.ios .stepper.color-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .stepper.color-blue .stepper-button-minus.active-state,.ios .stepper.color-blue .stepper-button-plus.active-state,.ios .stepper.color-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .stepper.color-blue .stepper-button-minus:after,.ios .stepper.color-blue .stepper-button-minus:before,.ios .stepper.color-blue .stepper-button-plus:after,.ios .stepper.color-blue .stepper-button-plus:before{background-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap,.ios .stepper.color-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input,.ios .stepper.color-blue .stepper-value{color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button,.ios .stepper-fill-ios.color-blue .stepper-button-minus,.ios .stepper-fill-ios.color-blue .stepper-button-plus,.ios .stepper-fill.color-blue .stepper-button,.ios .stepper-fill.color-blue .stepper-button-minus,.ios .stepper-fill.color-blue .stepper-button-plus{background-color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button-minus:after,.ios .stepper-fill-ios.color-blue .stepper-button-minus:before,.ios .stepper-fill-ios.color-blue .stepper-button-plus:after,.ios .stepper-fill-ios.color-blue .stepper-button-plus:before,.ios .stepper-fill.color-blue .stepper-button-minus:after,.ios .stepper-fill.color-blue .stepper-button-minus:before,.ios .stepper-fill.color-blue .stepper-button-plus:after,.ios .stepper-fill.color-blue .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper.color-pink .stepper-button,.ios .stepper.color-pink .stepper-button-minus,.ios .stepper.color-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .stepper.color-pink .stepper-button-minus.active-state,.ios .stepper.color-pink .stepper-button-plus.active-state,.ios .stepper.color-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .stepper.color-pink .stepper-button-minus:after,.ios .stepper.color-pink .stepper-button-minus:before,.ios .stepper.color-pink .stepper-button-plus:after,.ios .stepper.color-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap,.ios .stepper.color-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input,.ios .stepper.color-pink .stepper-value{color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button,.ios .stepper-fill-ios.color-pink .stepper-button-minus,.ios .stepper-fill-ios.color-pink .stepper-button-plus,.ios .stepper-fill.color-pink .stepper-button,.ios .stepper-fill.color-pink .stepper-button-minus,.ios .stepper-fill.color-pink .stepper-button-plus{background-color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button-minus:after,.ios .stepper-fill-ios.color-pink .stepper-button-minus:before,.ios .stepper-fill-ios.color-pink .stepper-button-plus:after,.ios .stepper-fill-ios.color-pink .stepper-button-plus:before,.ios .stepper-fill.color-pink .stepper-button-minus:after,.ios .stepper-fill.color-pink .stepper-button-minus:before,.ios .stepper-fill.color-pink .stepper-button-plus:after,.ios .stepper-fill.color-pink .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .stepper.color-yellow .stepper-button,.ios .stepper.color-yellow .stepper-button-minus,.ios .stepper.color-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .stepper.color-yellow .stepper-button-minus.active-state,.ios .stepper.color-yellow .stepper-button-plus.active-state,.ios .stepper.color-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .stepper.color-yellow .stepper-button-minus:after,.ios .stepper.color-yellow .stepper-button-minus:before,.ios .stepper.color-yellow .stepper-button-plus:after,.ios .stepper.color-yellow .stepper-button-plus:before{background-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap,.ios .stepper.color-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input,.ios .stepper.color-yellow .stepper-value{color:#fc0}.ios .stepper-fill-ios.color-yellow .stepper-button,.ios .stepper-fill-ios.color-yellow .stepper-button-minus,.ios .stepper-fill-ios.color-yellow .stepper-button-plus,.ios .stepper-fill.color-yellow .stepper-button,.ios .stepper-fill.color-yellow .stepper-button-minus,.ios .stepper-fill.color-yellow .stepper-button-plus{background-color:#fc0}.ios .stepper-fill-ios.color-yellow .stepper-button-minus:after,.ios .stepper-fill-ios.color-yellow .stepper-button-minus:before,.ios .stepper-fill-ios.color-yellow .stepper-button-plus:after,.ios .stepper-fill-ios.color-yellow .stepper-button-plus:before,.ios .stepper-fill.color-yellow .stepper-button-minus:after,.ios .stepper-fill.color-yellow .stepper-button-minus:before,.ios .stepper-fill.color-yellow .stepper-button-plus:after,.ios .stepper-fill.color-yellow .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .stepper.color-orange .stepper-button,.ios .stepper.color-orange .stepper-button-minus,.ios .stepper.color-orange .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .stepper.color-orange .stepper-button-minus.active-state,.ios .stepper.color-orange .stepper-button-plus.active-state,.ios .stepper.color-orange .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .stepper.color-orange .stepper-button-minus:after,.ios .stepper.color-orange .stepper-button-minus:before,.ios .stepper.color-orange .stepper-button-plus:after,.ios .stepper.color-orange .stepper-button-plus:before{background-color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap,.ios .stepper.color-orange .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input,.ios .stepper.color-orange .stepper-value{color:#ff9500}.ios .stepper-fill-ios.color-orange .stepper-button,.ios .stepper-fill-ios.color-orange .stepper-button-minus,.ios .stepper-fill-ios.color-orange .stepper-button-plus,.ios .stepper-fill.color-orange .stepper-button,.ios .stepper-fill.color-orange .stepper-button-minus,.ios .stepper-fill.color-orange .stepper-button-plus{background-color:#ff9500}.ios .stepper-fill-ios.color-orange .stepper-button-minus:after,.ios .stepper-fill-ios.color-orange .stepper-button-minus:before,.ios .stepper-fill-ios.color-orange .stepper-button-plus:after,.ios .stepper-fill-ios.color-orange .stepper-button-plus:before,.ios .stepper-fill.color-orange .stepper-button-minus:after,.ios .stepper-fill.color-orange .stepper-button-minus:before,.ios .stepper-fill.color-orange .stepper-button-plus:after,.ios .stepper-fill.color-orange .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .stepper.color-gray .stepper-button,.ios .stepper.color-gray .stepper-button-minus,.ios .stepper.color-gray .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .stepper.color-gray .stepper-button-minus.active-state,.ios .stepper.color-gray .stepper-button-plus.active-state,.ios .stepper.color-gray .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .stepper.color-gray .stepper-button-minus:after,.ios .stepper.color-gray .stepper-button-minus:before,.ios .stepper.color-gray .stepper-button-plus:after,.ios .stepper.color-gray .stepper-button-plus:before{background-color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap,.ios .stepper.color-gray .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input,.ios .stepper.color-gray .stepper-value{color:#8e8e93}.ios .stepper-fill-ios.color-gray .stepper-button,.ios .stepper-fill-ios.color-gray .stepper-button-minus,.ios .stepper-fill-ios.color-gray .stepper-button-plus,.ios .stepper-fill.color-gray .stepper-button,.ios .stepper-fill.color-gray .stepper-button-minus,.ios .stepper-fill.color-gray .stepper-button-plus{background-color:#8e8e93}.ios .stepper-fill-ios.color-gray .stepper-button-minus:after,.ios .stepper-fill-ios.color-gray .stepper-button-minus:before,.ios .stepper-fill-ios.color-gray .stepper-button-plus:after,.ios .stepper-fill-ios.color-gray .stepper-button-plus:before,.ios .stepper-fill.color-gray .stepper-button-minus:after,.ios .stepper-fill.color-gray .stepper-button-minus:before,.ios .stepper-fill.color-gray .stepper-button-plus:after,.ios .stepper-fill.color-gray .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .stepper.color-white .stepper-button,.ios .stepper.color-white .stepper-button-minus,.ios .stepper.color-white .stepper-button-plus{border-color:#fff;color:#fff}.ios .stepper.color-white .stepper-button-minus.active-state,.ios .stepper.color-white .stepper-button-plus.active-state,.ios .stepper.color-white .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .stepper.color-white .stepper-button-minus:after,.ios .stepper.color-white .stepper-button-minus:before,.ios .stepper.color-white .stepper-button-plus:after,.ios .stepper.color-white .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white .stepper-input-wrap,.ios .stepper.color-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .stepper.color-white .stepper-input-wrap input,.ios .stepper.color-white .stepper-value{color:#fff}.ios .stepper-fill-ios.color-white .stepper-button,.ios .stepper-fill-ios.color-white .stepper-button-minus,.ios .stepper-fill-ios.color-white .stepper-button-plus,.ios .stepper-fill.color-white .stepper-button,.ios .stepper-fill.color-white .stepper-button-minus,.ios .stepper-fill.color-white .stepper-button-plus{background-color:#fff}.ios .stepper-fill-ios.color-white .stepper-button-minus:after,.ios .stepper-fill-ios.color-white .stepper-button-minus:before,.ios .stepper-fill-ios.color-white .stepper-button-plus:after,.ios .stepper-fill-ios.color-white .stepper-button-plus:before,.ios .stepper-fill.color-white .stepper-button-minus:after,.ios .stepper-fill.color-white .stepper-button-minus:before,.ios .stepper-fill.color-white .stepper-button-plus:after,.ios .stepper-fill.color-white .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .stepper.color-black .stepper-button,.ios .stepper.color-black .stepper-button-minus,.ios .stepper.color-black .stepper-button-plus{border-color:#000;color:#000}.ios .stepper.color-black .stepper-button-minus.active-state,.ios .stepper.color-black .stepper-button-plus.active-state,.ios .stepper.color-black .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .stepper.color-black .stepper-button-minus:after,.ios .stepper.color-black .stepper-button-minus:before,.ios .stepper.color-black .stepper-button-plus:after,.ios .stepper.color-black .stepper-button-plus:before{background-color:#000}.ios .stepper.color-black .stepper-input-wrap,.ios .stepper.color-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .stepper.color-black .stepper-input-wrap input,.ios .stepper.color-black .stepper-value{color:#000}.ios .stepper-fill-ios.color-black .stepper-button,.ios .stepper-fill-ios.color-black .stepper-button-minus,.ios .stepper-fill-ios.color-black .stepper-button-plus,.ios .stepper-fill.color-black .stepper-button,.ios .stepper-fill.color-black .stepper-button-minus,.ios .stepper-fill.color-black .stepper-button-plus{background-color:#000}.ios .stepper-fill-ios.color-black .stepper-button-minus:after,.ios .stepper-fill-ios.color-black .stepper-button-minus:before,.ios .stepper-fill-ios.color-black .stepper-button-plus:after,.ios .stepper-fill-ios.color-black .stepper-button-plus:before,.ios .stepper-fill.color-black .stepper-button-minus:after,.ios .stepper-fill.color-black .stepper-button-minus:before,.ios .stepper-fill.color-black .stepper-button-plus:after,.ios .stepper-fill.color-black .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.sheet-modal.smart-select-sheet .sheet-modal-inner{background:#fff}.sheet-modal.smart-select-sheet .list{margin:0}.sheet-modal.smart-select-sheet .list ul:before{display:none!important}.sheet-modal.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios .smart-select-sheet .page{background:#fff}.ios .smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .smart-select-sheet .page,.ios .theme-dark .smart-select-sheet .sheet-modal-inner{background-color:#1c1c1d}.ios .theme-dark .smart-select-sheet .toolbar:after{background-color:#282829}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.row>.col,.row>[class*=col-]{-webkit-box-sizing:border-box;box-sizing:border-box}.row .col{width:100%}.ios .row .col-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .col-100{width:100%}.ios .row .col-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .col-95{width:95%}.ios .row .col-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .col-90{width:90%}.ios .row .col-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .col-85{width:85%}.ios .row .col-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .col-80{width:80%}.ios .row .col-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .col-75{width:75%}.ios .row .col-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .col-70{width:70%}.ios .row .col-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .col-66{width:66.66666666666666%}.ios .row .col-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .col-65{width:65%}.ios .row .col-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .col-60{width:60%}.ios .row .col-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .col-55{width:55%}.ios .row .col-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .col-50{width:50%}.ios .row .col-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .col-45{width:45%}.ios .row .col-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .col-40{width:40%}.ios .row .col-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .col-35{width:35%}.ios .row .col-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .col-33{width:33.333333333333336%}.ios .row .col-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .col-30{width:30%}.ios .row .col-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .col-25{width:25%}.ios .row .col-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .col-20{width:20%}.ios .row .col-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .col-15{width:15%}.ios .row .col-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .col-10{width:10%}.ios .row .col-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .col-5{width:5%}.ios .row .col:nth-last-child(1),.ios .row .col:nth-last-child(1)~.col{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .col:nth-last-child(1),.ios .row.no-gap .col:nth-last-child(1)~.col{width:100%}.ios .row .col:nth-last-child(2),.ios .row .col:nth-last-child(2)~.col{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .col:nth-last-child(2),.ios .row.no-gap .col:nth-last-child(2)~.col{width:50%}.ios .row .col:nth-last-child(3),.ios .row .col:nth-last-child(3)~.col{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .col:nth-last-child(3),.ios .row.no-gap .col:nth-last-child(3)~.col{width:33.33333333%}.ios .row .col:nth-last-child(4),.ios .row .col:nth-last-child(4)~.col{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .col:nth-last-child(4),.ios .row.no-gap .col:nth-last-child(4)~.col{width:25%}.ios .row .col:nth-last-child(5),.ios .row .col:nth-last-child(5)~.col{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .col:nth-last-child(5),.ios .row.no-gap .col:nth-last-child(5)~.col{width:20%}.ios .row .col:nth-last-child(6),.ios .row .col:nth-last-child(6)~.col{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .col:nth-last-child(6),.ios .row.no-gap .col:nth-last-child(6)~.col{width:16.66666667%}.ios .row .col:nth-last-child(7),.ios .row .col:nth-last-child(7)~.col{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .col:nth-last-child(7),.ios .row.no-gap .col:nth-last-child(7)~.col{width:14.28571429%}.ios .row .col:nth-last-child(8),.ios .row .col:nth-last-child(8)~.col{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .col:nth-last-child(8),.ios .row.no-gap .col:nth-last-child(8)~.col{width:12.5%}.ios .row .col:nth-last-child(9),.ios .row .col:nth-last-child(9)~.col{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .col:nth-last-child(9),.ios .row.no-gap .col:nth-last-child(9)~.col{width:11.11111111%}.ios .row .col:nth-last-child(10),.ios .row .col:nth-last-child(10)~.col{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .col:nth-last-child(10),.ios .row.no-gap .col:nth-last-child(10)~.col{width:10%}.ios .row .col:nth-last-child(11),.ios .row .col:nth-last-child(11)~.col{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .col:nth-last-child(11),.ios .row.no-gap .col:nth-last-child(11)~.col{width:9.09090909%}.ios .row .col:nth-last-child(12),.ios .row .col:nth-last-child(12)~.col{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .col:nth-last-child(12),.ios .row.no-gap .col:nth-last-child(12)~.col{width:8.33333333%}.ios .row .col:nth-last-child(13),.ios .row .col:nth-last-child(13)~.col{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .col:nth-last-child(13),.ios .row.no-gap .col:nth-last-child(13)~.col{width:7.69230769%}.ios .row .col:nth-last-child(14),.ios .row .col:nth-last-child(14)~.col{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .col:nth-last-child(14),.ios .row.no-gap .col:nth-last-child(14)~.col{width:7.14285714%}.ios .row .col:nth-last-child(15),.ios .row .col:nth-last-child(15)~.col{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .col:nth-last-child(15),.ios .row.no-gap .col:nth-last-child(15)~.col{width:6.66666667%}.ios .row .col:nth-last-child(16),.ios .row .col:nth-last-child(16)~.col{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .col:nth-last-child(16),.ios .row.no-gap .col:nth-last-child(16)~.col{width:6.25%}.ios .row .col:nth-last-child(17),.ios .row .col:nth-last-child(17)~.col{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .col:nth-last-child(17),.ios .row.no-gap .col:nth-last-child(17)~.col{width:5.88235294%}.ios .row .col:nth-last-child(18),.ios .row .col:nth-last-child(18)~.col{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .col:nth-last-child(18),.ios .row.no-gap .col:nth-last-child(18)~.col{width:5.55555556%}.ios .row .col:nth-last-child(19),.ios .row .col:nth-last-child(19)~.col{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .col:nth-last-child(19),.ios .row.no-gap .col:nth-last-child(19)~.col{width:5.26315789%}.ios .row .col:nth-last-child(20),.ios .row .col:nth-last-child(20)~.col{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .col:nth-last-child(20),.ios .row.no-gap .col:nth-last-child(20)~.col{width:5%}.ios .row .col:nth-last-child(21),.ios .row .col:nth-last-child(21)~.col{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .col:nth-last-child(21),.ios .row.no-gap .col:nth-last-child(21)~.col{width:4.76190476%}@media (min-width:768px){.ios .row .tablet-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .tablet-100{width:100%}.ios .row .tablet-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .tablet-95{width:95%}.ios .row .tablet-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .tablet-90{width:90%}.ios .row .tablet-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .tablet-85{width:85%}.ios .row .tablet-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .tablet-80{width:80%}.ios .row .tablet-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .tablet-75{width:75%}.ios .row .tablet-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .tablet-70{width:70%}.ios .row .tablet-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .tablet-66{width:66.66666666666666%}.ios .row .tablet-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .tablet-65{width:65%}.ios .row .tablet-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .tablet-60{width:60%}.ios .row .tablet-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .tablet-55{width:55%}.ios .row .tablet-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .tablet-50{width:50%}.ios .row .tablet-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .tablet-45{width:45%}.ios .row .tablet-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .tablet-40{width:40%}.ios .row .tablet-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .tablet-35{width:35%}.ios .row .tablet-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .tablet-33{width:33.333333333333336%}.ios .row .tablet-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .tablet-30{width:30%}.ios .row .tablet-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .tablet-25{width:25%}.ios .row .tablet-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .tablet-20{width:20%}.ios .row .tablet-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .tablet-15{width:15%}.ios .row .tablet-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .tablet-10{width:10%}.ios .row .tablet-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .tablet-5{width:5%}.ios .row .tablet-auto:nth-last-child(1),.ios .row .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .tablet-auto:nth-last-child(1),.ios .row.no-gap .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%}.ios .row .tablet-auto:nth-last-child(2),.ios .row .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .tablet-auto:nth-last-child(2),.ios .row.no-gap .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%}.ios .row .tablet-auto:nth-last-child(3),.ios .row .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .tablet-auto:nth-last-child(3),.ios .row.no-gap .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%}.ios .row .tablet-auto:nth-last-child(4),.ios .row .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .tablet-auto:nth-last-child(4),.ios .row.no-gap .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%}.ios .row .tablet-auto:nth-last-child(5),.ios .row .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .tablet-auto:nth-last-child(5),.ios .row.no-gap .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%}.ios .row .tablet-auto:nth-last-child(6),.ios .row .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .tablet-auto:nth-last-child(6),.ios .row.no-gap .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%}.ios .row .tablet-auto:nth-last-child(7),.ios .row .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .tablet-auto:nth-last-child(7),.ios .row.no-gap .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%}.ios .row .tablet-auto:nth-last-child(8),.ios .row .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .tablet-auto:nth-last-child(8),.ios .row.no-gap .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%}.ios .row .tablet-auto:nth-last-child(9),.ios .row .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .tablet-auto:nth-last-child(9),.ios .row.no-gap .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%}.ios .row .tablet-auto:nth-last-child(10),.ios .row .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .tablet-auto:nth-last-child(10),.ios .row.no-gap .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%}.ios .row .tablet-auto:nth-last-child(11),.ios .row .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .tablet-auto:nth-last-child(11),.ios .row.no-gap .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%}.ios .row .tablet-auto:nth-last-child(12),.ios .row .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .tablet-auto:nth-last-child(12),.ios .row.no-gap .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%}.ios .row .tablet-auto:nth-last-child(13),.ios .row .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .tablet-auto:nth-last-child(13),.ios .row.no-gap .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%}.ios .row .tablet-auto:nth-last-child(14),.ios .row .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .tablet-auto:nth-last-child(14),.ios .row.no-gap .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%}.ios .row .tablet-auto:nth-last-child(15),.ios .row .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .tablet-auto:nth-last-child(15),.ios .row.no-gap .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%}.ios .row .tablet-auto:nth-last-child(16),.ios .row .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .tablet-auto:nth-last-child(16),.ios .row.no-gap .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%}.ios .row .tablet-auto:nth-last-child(17),.ios .row .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .tablet-auto:nth-last-child(17),.ios .row.no-gap .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%}.ios .row .tablet-auto:nth-last-child(18),.ios .row .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .tablet-auto:nth-last-child(18),.ios .row.no-gap .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%}.ios .row .tablet-auto:nth-last-child(19),.ios .row .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .tablet-auto:nth-last-child(19),.ios .row.no-gap .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%}.ios .row .tablet-auto:nth-last-child(20),.ios .row .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .tablet-auto:nth-last-child(20),.ios .row.no-gap .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%}.ios .row .tablet-auto:nth-last-child(21),.ios .row .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .tablet-auto:nth-last-child(21),.ios .row.no-gap .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%}}@media (min-width:1025px){.ios .row .desktop-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .desktop-100{width:100%}.ios .row .desktop-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .desktop-95{width:95%}.ios .row .desktop-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .desktop-90{width:90%}.ios .row .desktop-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .desktop-85{width:85%}.ios .row .desktop-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .desktop-80{width:80%}.ios .row .desktop-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .desktop-75{width:75%}.ios .row .desktop-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .desktop-70{width:70%}.ios .row .desktop-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .desktop-66{width:66.66666666666666%}.ios .row .desktop-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .desktop-65{width:65%}.ios .row .desktop-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .desktop-60{width:60%}.ios .row .desktop-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .desktop-55{width:55%}.ios .row .desktop-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .desktop-50{width:50%}.ios .row .desktop-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .desktop-45{width:45%}.ios .row .desktop-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .desktop-40{width:40%}.ios .row .desktop-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .desktop-35{width:35%}.ios .row .desktop-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .desktop-33{width:33.333333333333336%}.ios .row .desktop-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .desktop-30{width:30%}.ios .row .desktop-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .desktop-25{width:25%}.ios .row .desktop-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .desktop-20{width:20%}.ios .row .desktop-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .desktop-15{width:15%}.ios .row .desktop-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .desktop-10{width:10%}.ios .row .desktop-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .desktop-5{width:5%}.ios .row .desktop-auto:nth-last-child(1),.ios .row .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .desktop-auto:nth-last-child(1),.ios .row.no-gap .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%}.ios .row .desktop-auto:nth-last-child(2),.ios .row .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .desktop-auto:nth-last-child(2),.ios .row.no-gap .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%}.ios .row .desktop-auto:nth-last-child(3),.ios .row .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .desktop-auto:nth-last-child(3),.ios .row.no-gap .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%}.ios .row .desktop-auto:nth-last-child(4),.ios .row .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .desktop-auto:nth-last-child(4),.ios .row.no-gap .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%}.ios .row .desktop-auto:nth-last-child(5),.ios .row .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .desktop-auto:nth-last-child(5),.ios .row.no-gap .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%}.ios .row .desktop-auto:nth-last-child(6),.ios .row .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .desktop-auto:nth-last-child(6),.ios .row.no-gap .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%}.ios .row .desktop-auto:nth-last-child(7),.ios .row .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .desktop-auto:nth-last-child(7),.ios .row.no-gap .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%}.ios .row .desktop-auto:nth-last-child(8),.ios .row .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .desktop-auto:nth-last-child(8),.ios .row.no-gap .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%}.ios .row .desktop-auto:nth-last-child(9),.ios .row .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .desktop-auto:nth-last-child(9),.ios .row.no-gap .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%}.ios .row .desktop-auto:nth-last-child(10),.ios .row .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .desktop-auto:nth-last-child(10),.ios .row.no-gap .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%}.ios .row .desktop-auto:nth-last-child(11),.ios .row .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .desktop-auto:nth-last-child(11),.ios .row.no-gap .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%}.ios .row .desktop-auto:nth-last-child(12),.ios .row .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .desktop-auto:nth-last-child(12),.ios .row.no-gap .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%}.ios .row .desktop-auto:nth-last-child(13),.ios .row .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .desktop-auto:nth-last-child(13),.ios .row.no-gap .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%}.ios .row .desktop-auto:nth-last-child(14),.ios .row .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .desktop-auto:nth-last-child(14),.ios .row.no-gap .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%}.ios .row .desktop-auto:nth-last-child(15),.ios .row .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .desktop-auto:nth-last-child(15),.ios .row.no-gap .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%}.ios .row .desktop-auto:nth-last-child(16),.ios .row .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .desktop-auto:nth-last-child(16),.ios .row.no-gap .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%}.ios .row .desktop-auto:nth-last-child(17),.ios .row .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .desktop-auto:nth-last-child(17),.ios .row.no-gap .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%}.ios .row .desktop-auto:nth-last-child(18),.ios .row .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .desktop-auto:nth-last-child(18),.ios .row.no-gap .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%}.ios .row .desktop-auto:nth-last-child(19),.ios .row .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .desktop-auto:nth-last-child(19),.ios .row.no-gap .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%}.ios .row .desktop-auto:nth-last-child(20),.ios .row .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .desktop-auto:nth-last-child(20),.ios .row.no-gap .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%}.ios .row .desktop-auto:nth-last-child(21),.ios .row .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .desktop-auto:nth-last-child(21),.ios .row.no-gap .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%}}.calendar{overflow:hidden;height:320px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calendar.modal-in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:220px}.calendar.calendar-modal{height:calc(100vh - 44px)}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-modal{position:absolute;height:420px;overflow:hidden;top:50%;left:50%;min-width:300px;max-width:380px;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:12000;background:#fff;width:90%;border-radius:4px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.calendar-modal.modal-in,.calendar-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.calendar-modal.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.calendar-popover{width:320px}.calendar-popover .calendar{height:320px}.calendar-week-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:11px}.calendar-week-header .calendar-week-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);text-align:center}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.calendar-month{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:#000;height:100%}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:#b8b8b8}.calendar-day.calendar-day-disabled{color:#d4d4d4;cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.calendar-day .calendar-day-number{display:inline-block;border-radius:100%;position:relative}.calendar-day .calendar-day-events{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;width:100%;top:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:4px;height:4px;border-radius:50%}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.ios .calendar-header{height:44px;background:#f7f7f8;font-size:17px;line-height:44px;font-weight:600;padding:0 8px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ios .calendar-footer{position:relative;padding:0 8px;width:100%;height:44px;background:#f7f7f8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:17px}.ios .calendar-footer:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-week-header{background:#f7f7f8;height:18px}.ios .calendar-week-header .calendar-week-day{line-height:18px}.ios .calendar-row:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-row:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-row:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-day{font-size:15px}.ios .calendar-day.calendar-day-today .calendar-day-number{background:#e3e3e3}.ios .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .calendar-day .calendar-day-number{width:30px;height:30px;line-height:30px}.ios .calendar-day .calendar-day-event{background:#007aff}.ios .calendar-month-selector a.icon-only,.ios .calendar-year-selector a.icon-only{min-width:36px}.ios .calendar-sheet:before{content:'';position:absolute;background-color:#929499;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-sheet{background:#fff}.ios .calendar-sheet:before{z-index:600}.ios .calendar-sheet .toolbar:before{display:none!important}.ios .calendar-modal .toolbar:before,.ios .calendar-popover .toolbar:before{display:none!important}.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.ios .calendar-popover .toolbar{background:0 0}.ios .calendar-popover .calendar-footer,.ios .calendar-popover .calendar-header,.ios .calendar-popover .calendar-week-header{background:0 0}.ios.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-left-edge.calendar .calendar-row,.ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .panel-left.calendar .calendar-row,.ios.device-iphone-x .panel-left.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-right-edge.calendar .calendar-row,.ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .panel-right.calendar .calendar-row,.ios.device-iphone-x .panel-right.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.calendar.ios .theme-dark .calendar-footer,.calendar.ios .theme-dark .calendar-header,.calendar.ios .theme-dark .calendar-week-header,.ios .theme-dark .calendar .calendar-footer,.ios .theme-dark .calendar .calendar-header,.ios .theme-dark .calendar .calendar-week-header{background-color:#1b1b1b}.ios .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.ios .theme-dark .calendar-footer:before,.ios .theme-dark .calendar-row:before,.ios .theme-dark .calendar-sheet:before{background-color:#282829}.ios .theme-dark .calendar-day{color:#fff}.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number{background:#333}.ios .theme-dark .calendar-day.calendar-day-disabled{color:#8e8e93}.ios .theme-dark .calendar-day.calendar-day-next,.ios .theme-dark .calendar-day.calendar-day-prev{color:#555}.calendar-modal.ios .theme-dark,.ios .theme-dark .calendar-modal,.ios .theme-dark .calendar-sheet{background:#171717}.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#ff3b30}.ios .color-red .calendar-day .calendar-day-event,.ios .color-theme-red .calendar-day .calendar-day-event{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4cd964}.ios .color-green .calendar-day .calendar-day-event,.ios .color-theme-green .calendar-day .calendar-day-event{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .color-blue .calendar-day .calendar-day-event,.ios .color-theme-blue .calendar-day .calendar-day-event{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#ff2d55}.ios .color-pink .calendar-day .calendar-day-event,.ios .color-theme-pink .calendar-day .calendar-day-event{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#fc0}.ios .color-theme-yellow .calendar-day .calendar-day-event,.ios .color-yellow .calendar-day .calendar-day-event{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9500}.ios .color-orange .calendar-day .calendar-day-event,.ios .color-theme-orange .calendar-day .calendar-day-event{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#8e8e93}.ios .color-gray .calendar-day .calendar-day-event,.ios .color-theme-gray .calendar-day .calendar-day-event{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff}.ios .color-theme-white .calendar-day .calendar-day-event,.ios .color-white .calendar-day .calendar-day-event{background:#fff}.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000}.ios .color-black .calendar-day .calendar-day-event,.ios .color-theme-black .calendar-day .calendar-day-event{background:#000}.picker{width:100%;height:260px}.picker.picker-inline,.popover .picker{height:200px}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:200px}}.picker-popover{width:280px}.picker-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.picker-items{-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.picker-item{height:36px;line-height:36px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{-webkit-transform:translate3d(0,0,0) rotateX(0deg);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.picker-3d .picker-columns{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ios .picker-columns{font-size:24px}.ios .picker-column-divider{color:#000}.ios .picker-item{color:#707274}.ios .picker-item.picker-item-selected{color:#000}.ios .picker-popover .toolbar{background:0 0}.ios .picker-popover .toolbar:before{display:none!important}.ios .picker-popover .picker>.toolbar+.picker-columns{height:calc(100% - 44px)}.ios .picker-popover .toolbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .picker-popover .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-popover .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .picker-center-highlight:before{content:'';position:absolute;background-color:#a8abb0;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .picker-center-highlight:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-center-highlight:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .picker-center-highlight:after{content:'';position:absolute;background-color:#a8abb0;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .picker-center-highlight:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-center-highlight:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .picker-item.picker-item-selected{color:#fff}.ios .theme-dark .picker-popover .toolbar:after,.picker-popover.ios .theme-dark .toolbar:after{background-color:#282829}.ios .theme-dark .picker-center-highlight:before{background-color:#282829}.ios .theme-dark .picker-center-highlight:after{background-color:#282829}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.ptr-preloader .preloader{position:absolute;left:50%}.ios .ptr-preloader{position:relative;height:44px;margin-top:-44px;width:100%;left:0;top:0}.ios .ptr-preloader .preloader{width:27px;height:27px;margin-left:-13px;margin-top:-13px;visibility:hidden;top:50%}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;-webkit-transform:rotate(0deg) translate3d(0,0,0);transform:rotate(0deg) translate3d(0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:13px;height:20px;margin-left:-6px;margin-top:-10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");background-size:13px 20px;visibility:visible}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{-webkit-animation:none;animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.ios .ptr-refreshing{-webkit-transform:translate3d(0,44px,0);transform:translate3d(0,44px,0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{-webkit-transform:rotate(180deg) translate3d(0,0,0);transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:-44px;height:calc(100% + 44px)}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.lazy-loaded.lazy-fade-in{-webkit-animation:lazyFadeIn .6s;animation:lazyFadeIn .6s}@-webkit-keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead{font-size:12px}.data-table thead td,.data-table thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top}.data-table td,.data-table th{padding:0;position:relative}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:18px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);opacity:0}html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.card .data-table .card-header,.data-table.card .card-header{height:64px}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.data-table .data-table-actions,.data-table .data-table-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-actions{margin-left:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.data-table .data-table-actions a.link{min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.data-table .data-table-header-selected{display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-title-selected{font-size:14px}.data-table .data-table-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:12px;overflow:hidden;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;-webkit-transform:none!important;transform:none!important;font-size:12px;margin-right:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.theme-dark .data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}.ios .data-table thead td,.ios .data-table thead th{font-weight:600}.ios .data-table thead td:not(.sortable-cell-active),.ios .data-table thead th:not(.sortable-cell-active){color:#8e8e93}.ios .data-table thead i.f7-icons,.ios .data-table thead i.icon{font-size:18px;width:18px;height:18px}.ios .data-table tbody tr.data-table-row-selected{background:#f7f7f8}.ios .data-table td,.ios .data-table th{padding-left:15px;padding-right:15px;height:44px}.ios .data-table td.checkbox-cell,.ios .data-table th.checkbox-cell{width:22px;padding-right:7px}.ios .data-table td.checkbox-cell+td,.ios .data-table td.checkbox-cell+th,.ios .data-table th.checkbox-cell+td,.ios .data-table th.checkbox-cell+th{padding-left:8px}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .data-table td.actions-cell a.icon-only,.ios .data-table th.actions-cell a.icon-only{width:18px;height:18px;line-height:18px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .card .data-table .card-footer,.ios .card .data-table .card-header,.ios .data-table.card .card-footer,.ios .data-table.card .card-header{padding-left:15px;padding-right:8px}.ios .data-table-title{font-size:17px;font-weight:600}.ios .data-table-actions a.link+a.link,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-actions i.f7-icons,.ios .data-table-actions i.icon{font-size:22px}.ios .data-table .card-header>.data-table-header,.ios .data-table .card-header>.data-table-header-selected{padding-top:10px;padding-bottom:10px;height:100%;padding-left:15px;padding-right:8px;margin-left:-15px;margin-right:-8px}.ios .data-table-header-selected{background:rgba(0,122,255,.1)}.ios .data-table-title-selected{color:#007aff}.ios .data-table tbody td:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios.device-desktop .data-table tbody tr:hover{background:#f7f7f8}.ios .data-table-footer{height:44px;color:#8e8e93}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.ios .data-table-footer:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.ios .input-cell .table-head-label+.input{margin-top:4px}.ios .input-cell .input{height:24px}.ios .input-cell .input input,.ios .input-cell .input select,.ios .input-cell .input textarea{height:24px;color:#000;font-size:14px}@media (max-width:480px) and (orientation:portrait){.ios .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:#8e8e93;font-weight:600}.ios .data-table-collapsible tr:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.ios .theme-dark tbody td:before,.ios .theme-dark .data-table tbody td:before{background-color:#282829}.data-table.ios .theme-dark.data-table-collapsible tr:before,.ios .theme-dark .data-table.data-table-collapsible tr:before{background-color:#282829}.data-table.ios .theme-dark tbody tr.data-table-row-selected,.ios .theme-dark .data-table tbody tr.data-table-row-selected{background-color:#363636}.ios.device-desktop .theme-dark .data-table tbody tr:hover,.ios.device-desktop .theme-dark.data-table tbody tr:hover{background:#363636}.ios .color-theme-red .data-table-header-selected,.ios .data-table-header-selected.color-red{background:rgba(255,59,48,.1)}.ios .color-red .data-table-title-selected,.ios .color-theme-red .data-table-title-selected{color:#ff3b30}.ios .color-theme-green .data-table-header-selected,.ios .data-table-header-selected.color-green{background:rgba(76,217,100,.1)}.ios .color-green .data-table-title-selected,.ios .color-theme-green .data-table-title-selected{color:#4cd964}.ios .color-theme-blue .data-table-header-selected,.ios .data-table-header-selected.color-blue{background:rgba(0,122,255,.1)}.ios .color-blue .data-table-title-selected,.ios .color-theme-blue .data-table-title-selected{color:#007aff}.ios .color-theme-pink .data-table-header-selected,.ios .data-table-header-selected.color-pink{background:rgba(255,45,85,.1)}.ios .color-pink .data-table-title-selected,.ios .color-theme-pink .data-table-title-selected{color:#ff2d55}.ios .color-theme-yellow .data-table-header-selected,.ios .data-table-header-selected.color-yellow{background:rgba(255,204,0,.1)}.ios .color-theme-yellow .data-table-title-selected,.ios .color-yellow .data-table-title-selected{color:#fc0}.ios .color-theme-orange .data-table-header-selected,.ios .data-table-header-selected.color-orange{background:rgba(255,149,0,.1)}.ios .color-orange .data-table-title-selected,.ios .color-theme-orange .data-table-title-selected{color:#ff9500}.ios .color-theme-gray .data-table-header-selected,.ios .data-table-header-selected.color-gray{background:rgba(142,142,147,.1)}.ios .color-gray .data-table-title-selected,.ios .color-theme-gray .data-table-title-selected{color:#8e8e93}.ios .color-theme-white .data-table-header-selected,.ios .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.ios .color-theme-white .data-table-title-selected,.ios .color-white .data-table-title-selected{color:#fff}.ios .color-theme-black .data-table-header-selected,.ios .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.ios .color-black .data-table-title-selected,.ios .color-theme-black .data-table-title-selected{color:#000}.fab{position:absolute;z-index:1500}.fab-buttons a,.fab>a{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;z-index:1}.fab>a i{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);-webkit-transition:.3s;transition:.3s}.fab>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab[class*=fab-center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fab div.fab-buttons a{width:40px;height:40px}.fab-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0px,0) scale(1)!important;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){-webkit-transition-delay:150ms;transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){-webkit-transition-delay:250ms;transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:40px;margin-left:-20px}.fab-buttons-top{bottom:100%;margin-bottom:16px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fab-buttons-top a{-webkit-transform:translate3d(0,8px,0) scale(.3);transform:translate3d(0,8px,0) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fab-buttons-bottom a{-webkit-transform:translate3d(0,-8px,0) scale(.3);transform:translate3d(0,-8px,0) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:40px;margin-top:-20px}.fab-buttons-left{right:100%;margin-right:16px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fab-buttons-left a{-webkit-transform:translate3d(8px,0px,0) scale(.3);transform:translate3d(8px,0px,0) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{-webkit-transform:translate3d(-8px,0,0) scale(.3);transform:translate3d(-8px,0,0) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:-20px;bottom:100%;margin-bottom:16px;-webkit-transform:translateY(-8px) scale(.3);transform:translateY(-8px) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:-20px;top:50%;margin-left:16px;-webkit-transform:translateX(-8px) scale(.3);transform:translateX(-8px) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:-20px;top:100%;margin-top:16px;-webkit-transform:translateY(8px) scale(.3);transform:translateY(8px) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:-20px;top:50%;margin-right:16px;-webkit-transform:translateX(8px) scale(.3);transform:translateX(8px) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{-webkit-transition-duration:250ms;transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto}.fab-extended>a{width:100%!important}.fab-text{padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:4px 12px;border-radius:4px;background:#fff;color:#333;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.ios .fab-buttons a,.ios .fab>a{background:#007aff;width:50px;height:50px;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.4);box-shadow:0px 2px 4px rgba(0,0,0,.4);border-radius:25px;color:#fff}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background:#0066d6}.ios .fab-buttons a i.icon,.ios .fab>a i.icon{font-size:21px}.ios .fab[class*=fab-left]{left:15px}.ios .fab[class*=fab-right]{right:15px}.ios .fab[class*="-top"]{top:15px}.ios .fab[class*="-bottom"]{bottom:15px}.ios .navbar~* .fab[class*="-top"],.ios .navbar~.fab[class*="-top"]{margin-top:44px}.ios .toolbar~* .fab[class*="-bottom"],.ios .toolbar~.fab[class*="-bottom"]{margin-bottom:44px}.ios .tabbar-labels~* .fab[class*="-bottom"],.ios .tabbar-labels~.fab[class*="-bottom"]{margin-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .fab[class*="-bottom"],.ios .tabbar-labels~.fab[class*="-bottom"]{margin-bottom:56px}}.ios .fab-morph{border-radius:25px;background:#007aff;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.4);box-shadow:0px 2px 4px rgba(0,0,0,.4)}.ios .fab-morph>a{-webkit-box-shadow:none;box-shadow:none;background:0 0!important}.ios .fab-extended{min-width:50px}.ios .fab-extended>a{width:100%;height:50px}.ios .fab-extended>a i{left:25px}.ios .fab-extended i~.fab-text{padding-left:50px}.ios .fab-label{-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.4);box-shadow:0px 1px 2px rgba(0,0,0,.4)}.ios .color-theme-red .fab-buttons a,.ios .color-theme-red .fab>a,.ios .color-theme-red.fab-buttons a,.ios .color-theme-red.fab>a{background:#ff3b30}.ios .color-theme-red .fab-buttons a.active-state,.ios .color-theme-red .fab>a.active-state,.ios .color-theme-red.fab-buttons a.active-state,.ios .color-theme-red.fab>a.active-state{background:#ff1407}.ios .color-theme-red .fab-morph,.ios .color-theme-red.fab-morph{background:#ff3b30}.ios .color-theme-green .fab-buttons a,.ios .color-theme-green .fab>a,.ios .color-theme-green.fab-buttons a,.ios .color-theme-green.fab>a{background:#4cd964}.ios .color-theme-green .fab-buttons a.active-state,.ios .color-theme-green .fab>a.active-state,.ios .color-theme-green.fab-buttons a.active-state,.ios .color-theme-green.fab>a.active-state{background:#2cd048}.ios .color-theme-green .fab-morph,.ios .color-theme-green.fab-morph{background:#4cd964}.ios .color-theme-blue .fab-buttons a,.ios .color-theme-blue .fab>a,.ios .color-theme-blue.fab-buttons a,.ios .color-theme-blue.fab>a{background:#007aff}.ios .color-theme-blue .fab-buttons a.active-state,.ios .color-theme-blue .fab>a.active-state,.ios .color-theme-blue.fab-buttons a.active-state,.ios .color-theme-blue.fab>a.active-state{background:#0066d6}.ios .color-theme-blue .fab-morph,.ios .color-theme-blue.fab-morph{background:#007aff}.ios .color-theme-pink .fab-buttons a,.ios .color-theme-pink .fab>a,.ios .color-theme-pink.fab-buttons a,.ios .color-theme-pink.fab>a{background:#ff2d55}.ios .color-theme-pink .fab-buttons a.active-state,.ios .color-theme-pink .fab>a.active-state,.ios .color-theme-pink.fab-buttons a.active-state,.ios .color-theme-pink.fab>a.active-state{background:#ff0434}.ios .color-theme-pink .fab-morph,.ios .color-theme-pink.fab-morph{background:#ff2d55}.ios .color-theme-yellow .fab-buttons a,.ios .color-theme-yellow .fab>a,.ios .color-theme-yellow.fab-buttons a,.ios .color-theme-yellow.fab>a{background:#fc0}.ios .color-theme-yellow .fab-buttons a.active-state,.ios .color-theme-yellow .fab>a.active-state,.ios .color-theme-yellow.fab-buttons a.active-state,.ios .color-theme-yellow.fab>a.active-state{background:#d6ab00}.ios .color-theme-yellow .fab-morph,.ios .color-theme-yellow.fab-morph{background:#fc0}.ios .color-theme-orange .fab-buttons a,.ios .color-theme-orange .fab>a,.ios .color-theme-orange.fab-buttons a,.ios .color-theme-orange.fab>a{background:#ff9500}.ios .color-theme-orange .fab-buttons a.active-state,.ios .color-theme-orange .fab>a.active-state,.ios .color-theme-orange.fab-buttons a.active-state,.ios .color-theme-orange.fab>a.active-state{background:#d67d00}.ios .color-theme-orange .fab-morph,.ios .color-theme-orange.fab-morph{background:#ff9500}.ios .color-theme-gray .fab-buttons a,.ios .color-theme-gray .fab>a,.ios .color-theme-gray.fab-buttons a,.ios .color-theme-gray.fab>a{background:#8e8e93}.ios .color-theme-gray .fab-buttons a.active-state,.ios .color-theme-gray .fab>a.active-state,.ios .color-theme-gray.fab-buttons a.active-state,.ios .color-theme-gray.fab>a.active-state{background:#79797f}.ios .color-theme-gray .fab-morph,.ios .color-theme-gray.fab-morph{background:#8e8e93}.ios .color-theme-white .fab-buttons a,.ios .color-theme-white .fab>a,.ios .color-theme-white.fab-buttons a,.ios .color-theme-white.fab>a{background:#fff}.ios .color-theme-white .fab-buttons a.active-state,.ios .color-theme-white .fab>a.active-state,.ios .color-theme-white.fab-buttons a.active-state,.ios .color-theme-white.fab>a.active-state{background:#ebebeb}.ios .color-theme-white .fab-morph,.ios .color-theme-white.fab-morph{background:#fff}.ios .color-theme-black .fab-buttons a,.ios .color-theme-black .fab>a,.ios .color-theme-black.fab-buttons a,.ios .color-theme-black.fab>a{background:#000}.ios .color-theme-black .fab-buttons a.active-state,.ios .color-theme-black .fab>a.active-state,.ios .color-theme-black.fab-buttons a.active-state,.ios .color-theme-black.fab>a.active-state{background:#000}.ios .color-theme-black .fab-morph,.ios .color-theme-black.fab-morph{background:#000}.ios .fab .fab-buttons>a.color-red,.ios .fab-buttons.color-red a,.ios .fab.color-red .fab-buttons>a,.ios .fab.color-red>a,.ios .fab>a.color-red{background:#ff3b30}.ios .fab .fab-buttons>a.color-red.active-state,.ios .fab-buttons.color-red a.active-state,.ios .fab.color-red .fab-buttons>a.active-state,.ios .fab.color-red>a.active-state,.ios .fab>a.color-red.active-state{background:#ff1407}.ios .fab-morph.color-red{background:#ff3b30}.ios .fab .fab-buttons>a.color-green,.ios .fab-buttons.color-green a,.ios .fab.color-green .fab-buttons>a,.ios .fab.color-green>a,.ios .fab>a.color-green{background:#4cd964}.ios .fab .fab-buttons>a.color-green.active-state,.ios .fab-buttons.color-green a.active-state,.ios .fab.color-green .fab-buttons>a.active-state,.ios .fab.color-green>a.active-state,.ios .fab>a.color-green.active-state{background:#2cd048}.ios .fab-morph.color-green{background:#4cd964}.ios .fab .fab-buttons>a.color-blue,.ios .fab-buttons.color-blue a,.ios .fab.color-blue .fab-buttons>a,.ios .fab.color-blue>a,.ios .fab>a.color-blue{background:#007aff}.ios .fab .fab-buttons>a.color-blue.active-state,.ios .fab-buttons.color-blue a.active-state,.ios .fab.color-blue .fab-buttons>a.active-state,.ios .fab.color-blue>a.active-state,.ios .fab>a.color-blue.active-state{background:#0066d6}.ios .fab-morph.color-blue{background:#007aff}.ios .fab .fab-buttons>a.color-pink,.ios .fab-buttons.color-pink a,.ios .fab.color-pink .fab-buttons>a,.ios .fab.color-pink>a,.ios .fab>a.color-pink{background:#ff2d55}.ios .fab .fab-buttons>a.color-pink.active-state,.ios .fab-buttons.color-pink a.active-state,.ios .fab.color-pink .fab-buttons>a.active-state,.ios .fab.color-pink>a.active-state,.ios .fab>a.color-pink.active-state{background:#ff0434}.ios .fab-morph.color-pink{background:#ff2d55}.ios .fab .fab-buttons>a.color-yellow,.ios .fab-buttons.color-yellow a,.ios .fab.color-yellow .fab-buttons>a,.ios .fab.color-yellow>a,.ios .fab>a.color-yellow{background:#fc0}.ios .fab .fab-buttons>a.color-yellow.active-state,.ios .fab-buttons.color-yellow a.active-state,.ios .fab.color-yellow .fab-buttons>a.active-state,.ios .fab.color-yellow>a.active-state,.ios .fab>a.color-yellow.active-state{background:#d6ab00}.ios .fab-morph.color-yellow{background:#fc0}.ios .fab .fab-buttons>a.color-orange,.ios .fab-buttons.color-orange a,.ios .fab.color-orange .fab-buttons>a,.ios .fab.color-orange>a,.ios .fab>a.color-orange{background:#ff9500}.ios .fab .fab-buttons>a.color-orange.active-state,.ios .fab-buttons.color-orange a.active-state,.ios .fab.color-orange .fab-buttons>a.active-state,.ios .fab.color-orange>a.active-state,.ios .fab>a.color-orange.active-state{background:#d67d00}.ios .fab-morph.color-orange{background:#ff9500}.ios .fab .fab-buttons>a.color-gray,.ios .fab-buttons.color-gray a,.ios .fab.color-gray .fab-buttons>a,.ios .fab.color-gray>a,.ios .fab>a.color-gray{background:#8e8e93}.ios .fab .fab-buttons>a.color-gray.active-state,.ios .fab-buttons.color-gray a.active-state,.ios .fab.color-gray .fab-buttons>a.active-state,.ios .fab.color-gray>a.active-state,.ios .fab>a.color-gray.active-state{background:#79797f}.ios .fab-morph.color-gray{background:#8e8e93}.ios .fab .fab-buttons>a.color-white,.ios .fab-buttons.color-white a,.ios .fab.color-white .fab-buttons>a,.ios .fab.color-white>a,.ios .fab>a.color-white{background:#fff}.ios .fab .fab-buttons>a.color-white.active-state,.ios .fab-buttons.color-white a.active-state,.ios .fab.color-white .fab-buttons>a.active-state,.ios .fab.color-white>a.active-state,.ios .fab>a.color-white.active-state{background:#ebebeb}.ios .fab-morph.color-white{background:#fff}.ios .fab .fab-buttons>a.color-black,.ios .fab-buttons.color-black a,.ios .fab.color-black .fab-buttons>a,.ios .fab.color-black>a,.ios .fab>a.color-black{background:#000}.ios .fab .fab-buttons>a.color-black.active-state,.ios .fab-buttons.color-black a.active-state,.ios .fab.color-black .fab-buttons>a.active-state,.ios .fab.color-black>a.active-state,.ios .fab>a.color-black.active-state{background:#000}.ios .fab-morph.color-black{background:#000}.ios.device-iphone-x .fab[class*="-bottom"]{bottom:calc(15px + constant(safe-area-inset-bottom));bottom:calc(15px + env(safe-area-inset-bottom))}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .fab[class*=fab-left],.ios.device-iphone-x .ios-left-edge .fab[class*=fab-left],.ios.device-iphone-x .panel-left .fab[class*=fab-left],.ios.device-iphone-x .popup .fab[class*=fab-left],.ios.device-iphone-x .sheet-modal .fab[class*=fab-left]{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .fab[class*=fab-right],.ios.device-iphone-x .ios-right-edge .fab[class*=fab-right],.ios.device-iphone-x .panel-right .fab[class*=fab-right],.ios.device-iphone-x .popup .fab[class*=fab-right],.ios.device-iphone-x .sheet-modal .fab[class*=fab-right]{right:calc(15px + constant(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}}.searchbar{width:100%;position:relative;z-index:200}.searchbar .searchbar-input-wrap{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;height:100%;position:relative}.searchbar .searchbar-input-wrap input[type=search]{padding:0}.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.page>.searchbar{position:absolute;left:0;top:0}.searchbar-expandable{position:absolute;-webkit-transition-duration:.3s;transition-duration:.3s;pointer-events:none}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.ios .searchbar{height:44px;background:#f7f7f8}.ios .searchbar.no-hairline:after{display:none!important}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{padding:0 28px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;border-radius:8px;font-family:inherit;color:#000;font-size:17px;font-weight:400;z-index:30;background-color:#e8e8ea;position:relative}.ios .searchbar input[type=search]::-webkit-input-placeholder,.ios .searchbar input[type=text]::-webkit-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]:-ms-input-placeholder,.ios .searchbar input[type=text]:-ms-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]::-ms-input-placeholder,.ios .searchbar input[type=text]::-ms-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]::placeholder,.ios .searchbar input[type=text]::placeholder{color:#939398;opacity:1}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-inner{padding:0 8px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");background-size:13px 13px;z-index:40;left:8px}.ios .searchbar-backdrop{background:rgba(0,0,0,.4)}.ios .searchbar-input-wrap{height:32px}.ios .searchbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .searchbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .searchbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .searchbar-disable-button{font-size:17px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;color:#007aff;display:none}.ios .searchbar-disable-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{-webkit-transition-duration:.3s!important;transition-duration:.3s!important}.ios .searchbar-expandable{left:0;bottom:0;opacity:1;width:100%;height:0%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:44px}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:100%;pointer-events:auto}.ios .page>.searchbar{z-index:200}.ios .navbar~.page:not(.no-navbar)>.searchbar,.ios .page>.navbar~.searchbar{top:44px}.ios .navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.ios .navbar~.page:not(.no-navbar)>.searchbar~.page-content,.ios .page>.navbar~.searchbar~* .page-content,.ios .page>.navbar~.searchbar~.page-content{padding-top:88px}.ios .theme-dark .searchbar,.searchbar.ios .theme-dark{background-color:#303030}.ios .theme-dark .searchbar:after,.searchbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .searchbar input[type=search],.ios .theme-dark .searchbar input[type=text],.searchbar.ios .theme-dark input[type=search],.searchbar.ios .theme-dark input[type=text]{background-color:#171717;color:#fff}.ios .color-theme-red .searchbar-disable-button{color:#ff3b30}.ios .color-theme-green .searchbar-disable-button{color:#4cd964}.ios .color-theme-blue .searchbar-disable-button{color:#007aff}.ios .color-theme-pink .searchbar-disable-button{color:#ff2d55}.ios .color-theme-yellow .searchbar-disable-button{color:#fc0}.ios .color-theme-orange .searchbar-disable-button{color:#ff9500}.ios .color-theme-gray .searchbar-disable-button{color:#8e8e93}.ios .color-theme-white .searchbar-disable-button{color:#fff}.ios .color-theme-black .searchbar-disable-button{color:#000}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .searchbar-inner,.ios.device-iphone-x .ios-left-edge .searchbar-inner,.ios.device-iphone-x .panel-left .searchbar-inner,.ios.device-iphone-x .popup .searchbar-inner,.ios.device-iphone-x .sheet-modal .searchbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .searchbar-inner,.ios.device-iphone-x .ios-right-edge .searchbar-inner,.ios.device-iphone-x .panel-right .searchbar-inner,.ios.device-iphone-x .popup .searchbar-inner,.ios.device-iphone-x .sheet-modal .searchbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.messages{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:relative;z-index:1}.messages-title{text-align:center;width:100%;line-height:1}.message{max-width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.message-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1;font-size:12px}.message-footer{font-size:11px;margin-bottom:-1em}.message-bubble{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;line-height:1.2}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{font-size:12px;line-height:1}.message-text{text-align:left}.message-sent{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.message-received{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.message-received .message-content{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.message-sent .message-content{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{-webkit-animation:message-appear-from-bottom .3s;animation:message-appear-from-bottom .3s}.message-appear-from-top{-webkit-animation:message-appear-from-top .3s;animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:#000;vertical-align:middle;border-radius:50%}@-webkit-keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.ios .messages,.ios .messages-content{background:#fff}.ios .messages-title{font-size:11px;color:#8e8e93;margin-top:10px}.ios .messages-title:last-child{margin-bottom:10px}.ios .messages-title b{font-weight:600}.ios .message{margin-top:10px}.ios .message:last-child{margin-bottom:10px}.ios .message-avatar{width:29px;height:29px}.ios .message-footer,.ios .message-header,.ios .message-name{color:#8e8e93}.ios .message-footer b,.ios .message-header b,.ios .message-name b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{font-size:17px;line-height:1.2;border-radius:16px;padding:6px 16px 9px;min-width:48px;min-height:35px}.ios .message-image{margin:6px -16px}.ios .message-image:first-child{margin-top:-6px}.ios .message-image:first-child img{border-top-left-radius:16px;border-top-right-radius:16px}.ios .message-image:last-child{margin-bottom:-9px}.ios .message-image:last-child img{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:10px}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:16px}.ios .message-received .message-text-footer,.ios .message-received .message-text-header{opacity:.5}.ios .message-received .message-bubble{color:#000;background:#e5e5ea;padding-left:22px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:-22px}.ios .message-received.message-tail:not(.message-typing) .message-bubble{border-radius:16px 16px 16px 0;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:10px}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:16px}.ios .message-sent .message-text-footer,.ios .message-sent .message-text-header{opacity:.8}.ios .message-sent .message-bubble{background:#00d449;color:#fff;padding-right:22px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:-22px}.ios .message-sent.message-tail .message-bubble{border-radius:16px 16px 0 16px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:#e5e5ea;border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px;opacity:.35}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){-webkit-animation:ios-message-typing-indicator .9s infinite;animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){-webkit-animation:ios-message-typing-indicator .9s 150ms infinite;animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){-webkit-animation:ios-message-typing-indicator .9s .3s infinite;animation:ios-message-typing-indicator .9s .3s infinite}.ios .theme-dark .messages,.ios .theme-dark .messages-content,.messages-content.ios .theme-dark,.messages.ios .theme-dark{background-color:transparent}.ios .theme-dark .message-received.message-typing .message-content:after,.ios .theme-dark .message-received.message-typing .message-content:before{background:#333}.ios .theme-dark .message-typing-indicator>div{background-color:#fff}.ios .theme-dark .message-received .message-bubble{background-color:#333;color:#fff}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .message-received,.ios.device-iphone-x .ios-left-edge .message-received,.ios.device-iphone-x .panel-left .message-received,.ios.device-iphone-x .popup .message-received,.ios.device-iphone-x .sheet-modal .message-received{margin-left:calc(10px + constant(safe-area-inset-left));margin-left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .message-sent,.ios.device-iphone-x .ios-right-edge .message-sent,.ios.device-iphone-x .panel-right .message-sent,.ios.device-iphone-x .popup .message-sent,.ios.device-iphone-x .sheet-modal .message-sent{margin-right:calc(10px + constant(safe-area-inset-right));margin-right:calc(10px + env(safe-area-inset-right))}}@-webkit-keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.toolbar.messagebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#fff;height:auto}.toolbar.messagebar .toolbar-inner{position:relative}.toolbar.messagebar .messagebar-area{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;position:relative}.toolbar.messagebar textarea{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.toolbar.messagebar a.link{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:155px;position:relative}@media (orientation:landscape){.messagebar-attachment{height:120px}}.messagebar-attachment img{display:block;width:auto;height:100%}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:252px}@media (orientation:landscape){.messagebar-sheet{height:192px}}.messagebar-sheet-image,.messagebar-sheet-item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:125px;width:125px;margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:95px;height:95px}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.messagebar-attachment-delete:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.ios.device-iphone-x .messagebar:not(.messagebar-top),.md.device-iphone-x .messagebar:not(.messagebar-top){height:auto!important}.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible){padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .messagebar-sheet,.md.device-iphone-x .messagebar-sheet{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .messagebar{background:#fff;min-height:44px}.ios .messagebar:before{display:none!important}.ios .messagebar textarea{background:#fff;border-radius:17px;padding:6px 15px;height:34px;line-height:20px;font-size:17px;border:1px solid #c8c8cd}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:17px 17px 0 0;border:1px solid #c8c8cd;border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 17px 17px}.ios .messagebar-attachment{border-radius:12px;font-size:14px}.ios .messagebar-attachment img{border-radius:12px}.ios .messagebar-sheet{background:#d1d5da}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff;cursor:pointer}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.ios .theme-dark .messagebar textarea,.messagebar.ios .theme-dark textarea{background-color:#000;border-color:#282829;color:#fff}.ios .theme-dark .messagebar-attachments{border-color:#282829;background-color:#000}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10}.ios .swiper-lazy-preloader{width:32px;height:32px;margin-left:-16px;margin-top:-16px}.ios .swiper-button-prev,.ios .swiper-container-rtl .swiper-button-next{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")}.ios .swiper-button-next,.ios .swiper-container-rtl .swiper-button-prev{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")}.ios .swiper-pagination-bullet-active{background:#007aff}.ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff}.ios .color-theme-red .swiper-button-prev,.ios .color-theme-red .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-red,.ios .swiper-container-rtl .swiper-button-next.color-red{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")}.ios .color-theme-red .swiper-button-next,.ios .color-theme-red .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-red,.ios .swiper-container-rtl .swiper-button-prev.color-red{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")}.ios .color-red .swiper-pagination-bullet-active,.ios .color-theme-red .swiper-pagination-bullet-active{background:#ff3b30}.ios .color-red .swiper-pagination-progressbar,.ios .color-red.swiper-pagination-progressbar,.ios .color-theme-red .swiper-pagination-progressbar,.ios .color-theme-red.swiper-pagination-progressbar{background:rgba(255,59,48,.25)}.ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff3b30}.ios .color-theme-green .swiper-button-prev,.ios .color-theme-green .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-green,.ios .swiper-container-rtl .swiper-button-next.color-green{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")}.ios .color-theme-green .swiper-button-next,.ios .color-theme-green .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-green,.ios .swiper-container-rtl .swiper-button-prev.color-green{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")}.ios .color-green .swiper-pagination-bullet-active,.ios .color-theme-green .swiper-pagination-bullet-active{background:#4cd964}.ios .color-green .swiper-pagination-progressbar,.ios .color-green.swiper-pagination-progressbar,.ios .color-theme-green .swiper-pagination-progressbar,.ios .color-theme-green.swiper-pagination-progressbar{background:rgba(76,217,100,.25)}.ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#4cd964}.ios .color-theme-blue .swiper-button-prev,.ios .color-theme-blue .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-blue,.ios .swiper-container-rtl .swiper-button-next.color-blue{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")}.ios .color-theme-blue .swiper-button-next,.ios .color-theme-blue .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-blue,.ios .swiper-container-rtl .swiper-button-prev.color-blue{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")}.ios .color-blue .swiper-pagination-bullet-active,.ios .color-theme-blue .swiper-pagination-bullet-active{background:#007aff}.ios .color-blue .swiper-pagination-progressbar,.ios .color-blue.swiper-pagination-progressbar,.ios .color-theme-blue .swiper-pagination-progressbar,.ios .color-theme-blue.swiper-pagination-progressbar{background:rgba(0,122,255,.25)}.ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff}.ios .color-theme-pink .swiper-button-prev,.ios .color-theme-pink .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-pink,.ios .swiper-container-rtl .swiper-button-next.color-pink{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")}.ios .color-theme-pink .swiper-button-next,.ios .color-theme-pink .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-pink,.ios .swiper-container-rtl .swiper-button-prev.color-pink{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")}.ios .color-pink .swiper-pagination-bullet-active,.ios .color-theme-pink .swiper-pagination-bullet-active{background:#ff2d55}.ios .color-pink .swiper-pagination-progressbar,.ios .color-pink.swiper-pagination-progressbar,.ios .color-theme-pink .swiper-pagination-progressbar,.ios .color-theme-pink.swiper-pagination-progressbar{background:rgba(255,45,85,.25)}.ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff2d55}.ios .color-theme-yellow .swiper-button-prev,.ios .color-theme-yellow .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-yellow,.ios .swiper-container-rtl .swiper-button-next.color-yellow{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")}.ios .color-theme-yellow .swiper-button-next,.ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-yellow,.ios .swiper-container-rtl .swiper-button-prev.color-yellow{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")}.ios .color-theme-yellow .swiper-pagination-bullet-active,.ios .color-yellow .swiper-pagination-bullet-active{background:#fc0}.ios .color-theme-yellow .swiper-pagination-progressbar,.ios .color-theme-yellow.swiper-pagination-progressbar,.ios .color-yellow .swiper-pagination-progressbar,.ios .color-yellow.swiper-pagination-progressbar{background:rgba(255,204,0,.25)}.ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fc0}.ios .color-theme-orange .swiper-button-prev,.ios .color-theme-orange .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-orange,.ios .swiper-container-rtl .swiper-button-next.color-orange{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")}.ios .color-theme-orange .swiper-button-next,.ios .color-theme-orange .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-orange,.ios .swiper-container-rtl .swiper-button-prev.color-orange{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")}.ios .color-orange .swiper-pagination-bullet-active,.ios .color-theme-orange .swiper-pagination-bullet-active{background:#ff9500}.ios .color-orange .swiper-pagination-progressbar,.ios .color-orange.swiper-pagination-progressbar,.ios .color-theme-orange .swiper-pagination-progressbar,.ios .color-theme-orange.swiper-pagination-progressbar{background:rgba(255,149,0,.25)}.ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff9500}.ios .color-theme-gray .swiper-button-prev,.ios .color-theme-gray .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-gray,.ios .swiper-container-rtl .swiper-button-next.color-gray{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")}.ios .color-theme-gray .swiper-button-next,.ios .color-theme-gray .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-gray,.ios .swiper-container-rtl .swiper-button-prev.color-gray{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")}.ios .color-gray .swiper-pagination-bullet-active,.ios .color-theme-gray .swiper-pagination-bullet-active{background:#8e8e93}.ios .color-gray .swiper-pagination-progressbar,.ios .color-gray.swiper-pagination-progressbar,.ios .color-theme-gray .swiper-pagination-progressbar,.ios .color-theme-gray.swiper-pagination-progressbar{background:rgba(142,142,147,.25)}.ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#8e8e93}.ios .color-theme-white .swiper-button-prev,.ios .color-theme-white .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-white,.ios .swiper-container-rtl .swiper-button-next.color-white{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")}.ios .color-theme-white .swiper-button-next,.ios .color-theme-white .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-white,.ios .swiper-container-rtl .swiper-button-prev.color-white{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")}.ios .color-theme-white .swiper-pagination-bullet-active,.ios .color-white .swiper-pagination-bullet-active{background:#fff}.ios .color-theme-white .swiper-pagination-progressbar,.ios .color-theme-white.swiper-pagination-progressbar,.ios .color-white .swiper-pagination-progressbar,.ios .color-white.swiper-pagination-progressbar{background:rgba(255,255,255,.25)}.ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}.ios .color-theme-black .swiper-button-prev,.ios .color-theme-black .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-black,.ios .swiper-container-rtl .swiper-button-next.color-black{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")}.ios .color-theme-black .swiper-button-next,.ios .color-theme-black .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-black,.ios .swiper-container-rtl .swiper-button-prev.color-black{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")}.ios .color-black .swiper-pagination-bullet-active,.ios .color-theme-black .swiper-pagination-bullet-active{background:#000}.ios .color-black .swiper-pagination-progressbar,.ios .color-black.swiper-pagination-progressbar,.ios .color-theme-black .swiper-pagination-progressbar,.ios .color-theme-black.swiper-pagination-progressbar{background:rgba(0,0,0,.25)}.ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-in .4s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-out .4s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{-webkit-animation:none;animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transition-duration:.3s;transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transform:translate3d(0,-100vh,0);transform:translate3d(0,-100vh,0)}.page.photo-browser-page{background:0 0}.photo-browser-popup{background:0 0}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .photo-browser-swiper-container{background:#000}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:0;z-index:10;opacity:1;-webkit-transition:.4s;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.photo-browser-caption{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{background:rgba(255,255,255,.8);color:#000}.photo-browser-captions-dark .photo-browser-caption{color:#fff}.photo-browser-exposed .photo-browser-caption{color:#fff;background:rgba(0,0,0,.8)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#fff;-webkit-transition:.4s;transition:.4s;-webkit-transition-property:background-color;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{-webkit-transition:.4s;transition:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:#000}@-webkit-keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@-webkit-keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}@keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}.ios .toolbar~.photo-browser-captions{bottom:44px;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.ios .photo-browser-exposed .toolbar~.photo-browser-captions{-webkit-transform:translate3d(0,44px,0);transform:translate3d(0,44px,0)}.ios .photo-browser-page .toolbar{-webkit-transform:none;transform:none}.ios .view.with-photo-browser-page-exposed .navbar{opacity:0}.ios .photo-browser-page .navbar,.ios .photo-browser-page .toolbar,.ios .view.with-photo-browser-page .navbar,.ios .view.with-photo-browser-page .toolbar{background:rgba(247,247,248,.95);-webkit-transition:.4s;transition:.4s}.ios .photo-browser-dark .navbar,.ios .photo-browser-dark .toolbar,.ios .photo-browser-page-dark .navbar,.ios .photo-browser-page-dark .toolbar,.ios .view.with-photo-browser-page-dark .navbar,.ios .view.with-photo-browser-page-dark .toolbar{background:rgba(30,30,30,.8);color:#fff}.ios .photo-browser-dark .navbar:before,.ios .photo-browser-dark .toolbar:before,.ios .photo-browser-page-dark .navbar:before,.ios .photo-browser-page-dark .toolbar:before,.ios .view.with-photo-browser-page-dark .navbar:before,.ios .view.with-photo-browser-page-dark .toolbar:before{display:none!important}.ios .photo-browser-dark .navbar:after,.ios .photo-browser-dark .toolbar:after,.ios .photo-browser-page-dark .navbar:after,.ios .photo-browser-page-dark .toolbar:after,.ios .view.with-photo-browser-page-dark .navbar:after,.ios .view.with-photo-browser-page-dark .toolbar:after{display:none!important}.ios .photo-browser-dark .navbar a,.ios .photo-browser-dark .toolbar a,.ios .photo-browser-page-dark .navbar a,.ios .photo-browser-page-dark .toolbar a,.ios .view.with-photo-browser-page-dark .navbar a,.ios .view.with-photo-browser-page-dark .toolbar a{color:#fff}.ios.device-iphone-x .photo-browser-captions{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .toolbar~.photo-browser-captions{bottom:calc(44px + constant(safe-area-inset-bottom));bottom:calc(44px + env(safe-area-inset-bottom))}.notification{position:absolute;left:0;top:0;width:100%;z-index:20000;font-size:14px;margin:0;border:none;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;direction:ltr}.notification-icon{font-size:0}.notification-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer}html.with-statusbar.device-ios .notification,html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification{margin-top:20px}html.with-statusbar.device-android .notification,html.with-statusbar.md:not(.device-ios):not(.device-android) .notification{margin-top:24px}html.with-statusbar.device-iphone-x .notification{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}.ios .notification{left:8px;top:8px;width:calc(100% - 16px);background:rgba(250,250,250,.95);border-radius:12px;-webkit-box-shadow:0px 5px 25px -10px rgba(0,0,0,.7);box-shadow:0px 5px 25px -10px rgba(0,0,0,.7);padding:10px;color:#000;max-width:568px;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transform:translate3d(0%,-200%,0);transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (min-width:584px){.ios .notification{left:50%;width:568px;margin-left:-284px}}.ios .notification.modal-in{-webkit-transform:translate3d(0%,0%,0);transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{-webkit-transform:translate3d(0%,-200%,0);transform:translate3d(0%,-200%,0)}.ios .notification-icon{width:20px;height:20px;line-height:20px;margin-right:8px}.ios .notification-icon i{width:20px;height:20px;font-size:20px}.ios .notification-title{font-size:13px;text-transform:uppercase;letter-spacing:.02em}.ios .notification-subtitle{font-size:15px;font-weight:600;line-height:1.35}.ios .notification-text{font-size:15px;line-height:1.2}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{color:#444a51;font-size:13px;margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:20px;height:20px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;position:relative;opacity:.3;-webkit-transition-duration:.3s;transition-duration:.3s}.ios .notification-close-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;opacity:.1}.ios .notification-close-button:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{-webkit-animation:none;animation:none}.autocomplete-dropdown{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:20px;height:20px}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#a9a9a9}.autocomplete-dropdown .list{margin:0}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.list .item-content-dropdown-expanded .item-title.item-label{width:0;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown{-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.2);box-shadow:0px 3px 3px rgba(0,0,0,.2)}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .autocomplete-dropdown .list b{font-weight:600}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:-32px;top:100%;background:#e8e8ea;z-index:20;border-radius:8px}.ios .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:28px}.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:32px}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}.ios .theme-dark .autocomplete-dropdown{background-color:#1c1c1d}.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown{background-color:#171717}.tooltip{position:absolute;z-index:20000;background:rgba(0,0,0,.87);border-radius:4px;padding:8px 16px;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;z-index:99000;font-weight:500}.tooltip.tooltip-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.device-desktop .tooltip{font-size:12px;padding:6px 8px}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{-webkit-transition-duration:.4s;transition-duration:.4s}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elevation-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.elevation-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.elevation-transition-100{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition,.elevation-transition-200{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-300{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-400{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-500{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.display-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.display-block{display:block!important}.display-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.flex-shrink-2{-webkit-flex-shrink:2!important;-ms-flex-negative:2!important;flex-shrink:2!important}.flex-shrink-3{-webkit-flex-shrink:3!important;-ms-flex-negative:3!important;flex-shrink:3!important}.flex-shrink-4{-webkit-flex-shrink:4!important;-ms-flex-negative:4!important;flex-shrink:4!important}.flex-shrink-5{-webkit-flex-shrink:5!important;-ms-flex-negative:5!important;flex-shrink:5!important}.flex-shrink-6{-webkit-flex-shrink:6!important;-ms-flex-negative:6!important;flex-shrink:6!important}.flex-shrink-7{-webkit-flex-shrink:7!important;-ms-flex-negative:7!important;flex-shrink:7!important}.flex-shrink-8{-webkit-flex-shrink:8!important;-ms-flex-negative:8!important;flex-shrink:8!important}.flex-shrink-9{-webkit-flex-shrink:9!important;-ms-flex-negative:9!important;flex-shrink:9!important}.flex-shrink-10{-webkit-flex-shrink:10!important;-ms-flex-negative:10!important;flex-shrink:10!important}.justify-content-flex-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-flex-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-space-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-space-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-space-evenly{-webkit-box-pack:space-evenly!important;-webkit-justify-content:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.justify-content-stretch{-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:start!important;-ms-flex-pack:start!important;justify-content:start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:end!important;-ms-flex-pack:end!important;justify-content:end!important}.justify-content-left{-webkit-box-pack:left!important;-webkit-justify-content:left!important;-ms-flex-pack:left!important;justify-content:left!important}.justify-content-right{-webkit-box-pack:right!important;-webkit-justify-content:right!important;-ms-flex-pack:right!important;justify-content:right!important}.align-content-flex-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-flex-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-space-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-space-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-items-flex-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-flex-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-flex-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-flex-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.ios .padding{padding:15px!important}.ios .padding-top{padding-top:15px!important}.ios .padding-bottom{padding-bottom:15px!important}.ios .padding-left{padding-left:15px!important}.ios .padding-left-ios-edge{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios .padding-right-ios-edge{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.ios .padding-top-ios-edge{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .padding-bottom-ios-edge{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .padding-right{padding-right:15px!important}.ios .padding-vertical{padding-top:15px!important;padding-bottom:15px!important}.ios .padding-horizontal{padding-left:15px!important;padding-right:15px!important}.ios .margin{margin:15px!important}.ios .margin-top{margin-top:15px!important}.ios .margin-bottom{margin-bottom:15px!important}.ios .margin-left{margin-left:15px!important}.ios .margin-right{margin-right:15px!important}.ios .margin-vertical{margin-top:15px!important;margin-bottom:15px!important}.ios .margin-horizontal{margin-left:15px!important;margin-right:15px!important}.ios .text-color-red{color:#ff3b30!important}.ios .bg-color-red{background-color:#ff3b30!important}.ios .border-color-red{border-color:#ff3b30!important}.ios .text-color-green{color:#4cd964!important}.ios .bg-color-green{background-color:#4cd964!important}.ios .border-color-green{border-color:#4cd964!important}.ios .text-color-blue{color:#007aff!important}.ios .bg-color-blue{background-color:#007aff!important}.ios .border-color-blue{border-color:#007aff!important}.ios .text-color-pink{color:#ff2d55!important}.ios .bg-color-pink{background-color:#ff2d55!important}.ios .border-color-pink{border-color:#ff2d55!important}.ios .text-color-yellow{color:#fc0!important}.ios .bg-color-yellow{background-color:#fc0!important}.ios .border-color-yellow{border-color:#fc0!important}.ios .text-color-orange{color:#ff9500!important}.ios .bg-color-orange{background-color:#ff9500!important}.ios .border-color-orange{border-color:#ff9500!important}.ios .text-color-gray{color:#8e8e93!important}.ios .bg-color-gray{background-color:#8e8e93!important}.ios .border-color-gray{border-color:#8e8e93!important}.ios .text-color-white{color:#fff!important}.ios .bg-color-white{background-color:#fff!important}.ios .border-color-white{border-color:#fff!important}.ios .text-color-black{color:#000!important}.ios .bg-color-black{background-color:#000!important}.ios .border-color-black{border-color:#000!important} \ No newline at end of file diff --git a/framework7/css/framework7.md.css b/framework7/css/framework7.md.css new file mode 100644 index 0000000..5be5dc4 --- /dev/null +++ b/framework7/css/framework7.md.css @@ -0,0 +1,18901 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.md body { + font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + color: #212121; + line-height: 1.5; +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +.md a { + color: #2196f3; +} +.md .theme-dark { + color: rgba(255, 255, 255, 0.87); +} +.md .color-theme-red a { + color: #f44336; +} +.md .color-theme-green a { + color: #4caf50; +} +.md .color-theme-blue a { + color: #2196f3; +} +.md .color-theme-pink a { + color: #e91e63; +} +.md .color-theme-yellow a { + color: #ffeb3b; +} +.md .color-theme-orange a { + color: #ff9800; +} +.md .color-theme-gray a { + color: #9e9e9e; +} +.md .color-theme-white a { + color: #ffffff; +} +.md .color-theme-black a { + color: #000000; +} +.md a.color-red { + color: #f44336; +} +.md a.color-green { + color: #4caf50; +} +.md a.color-blue { + color: #2196f3; +} +.md a.color-pink { + color: #e91e63; +} +.md a.color-yellow { + color: #ffeb3b; +} +.md a.color-orange { + color: #ff9800; +} +.md a.color-gray { + color: #9e9e9e; +} +.md a.color-white { + color: #ffffff; +} +.md a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.md .statusbar { + background: #0a6ebd; +} +.md .color-theme-red .statusbar { + background: #d2190b; +} +.md .color-theme-green .statusbar { + background: #357a38; +} +.md .color-theme-blue .statusbar { + background: #0a6ebd; +} +.md .color-theme-pink .statusbar { + background: #aa1145; +} +.md .color-theme-yellow .statusbar { + background: #eed500; +} +.md .color-theme-orange .statusbar { + background: #b36a00; +} +.md .color-theme-gray .statusbar { + background: #787878; +} +.md .color-theme-white .statusbar { + background: #d9d9d9; +} +.md .color-theme-black .statusbar { + background: #000000; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.md .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.md .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.md .page { + background: #fff; +} +.md .page-next { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.md .page-transitioning, +.md .page-transitioning .page-shadow-effect, +.md .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.md .page-transitioning-swipeback, +.md .page-transitioning-swipeback .page-shadow-effect, +.md .page-transitioning-swipeback .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .router-transition-forward .page, +.md .router-transition-backward .page { + pointer-events: none; +} +.md .router-transition-css-forward .page-next { + -webkit-animation: md-page-next-to-current 250ms forwards; + animation: md-page-next-to-current 250ms forwards; +} +.md .router-transition-css-forward .page-current { + -webkit-animation: none; + animation: none; +} +.md .router-transition-css-backward .page-current { + -webkit-animation: md-page-current-to-next 250ms forwards; + animation: md-page-current-to-next 250ms forwards; +} +.md .router-transition-css-backward .page-previous { + -webkit-animation: none; + animation: none; +} +.md .theme-dark .page, +.page.md .theme-dark { + background: #171717; +} +@-webkit-keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@-webkit-keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +@keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.md .link i + span, +.md .link i + i, +.md .link span + i, +.md .link span + span { + margin-left: 8px; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.md .navbar { + height: 56px; + background: #2196f3; + color: #fff; + font-size: 20px; +} +.md .navbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .navbar.no-shadow:after { + display: none; +} +.md .navbar a { + color: inherit; +} +.md .navbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + height: 56px; + line-height: 56px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .navbar .title { + margin: 0 16px; + line-height: 1.2; + text-align: left; +} +.md .navbar .subtitle { + line-height: 1.2; + font-size: 14px; + font-weight: normal; + color: rgba(255, 255, 255, 0.85); +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: 16px; +} +.md .navbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; +} +.md .page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar ~ * .page-content, +.md .navbar ~ .page-content { + padding-top: 56px; +} +@media (min-width: 768px) { + .md .navbar { + height: 64px; + } + .md .navbar a.link { + height: 64px; + line-height: 64px; + } + .md .navbar ~ * .page-content, + .md .navbar ~ .page-content { + padding-top: 64px; + } +} +.md .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .navbar-hidden:after { + display: none; +} +.md .color-theme-red .navbar, +.md .color-theme-red.navbar { + background: #f44336; +} +.md .color-theme-green .navbar, +.md .color-theme-green.navbar { + background: #4caf50; +} +.md .color-theme-blue .navbar, +.md .color-theme-blue.navbar { + background: #2196f3; +} +.md .color-theme-pink .navbar, +.md .color-theme-pink.navbar { + background: #e91e63; +} +.md .color-theme-yellow .navbar, +.md .color-theme-yellow.navbar { + background: #ffeb3b; +} +.md .color-theme-orange .navbar, +.md .color-theme-orange.navbar { + background: #ff9800; +} +.md .color-theme-gray .navbar, +.md .color-theme-gray.navbar { + background: #9e9e9e; +} +.md .color-theme-white .navbar, +.md .color-theme-white.navbar { + background: #ffffff; +} +.md .color-theme-black .navbar, +.md .color-theme-black.navbar { + background: #000000; +} +.md .navbar.color-red { + background: #f44336; +} +.md .navbar.color-green { + background: #4caf50; +} +.md .navbar.color-blue { + background: #2196f3; +} +.md .navbar.color-pink { + background: #e91e63; +} +.md .navbar.color-yellow { + background: #ffeb3b; +} +.md .navbar.color-orange { + background: #ff9800; +} +.md .navbar.color-gray { + background: #9e9e9e; +} +.md .navbar.color-white { + background: #ffffff; +} +.md .navbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-left .navbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-right .navbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.md .toolbar { + background: #2196f3; + height: 48px; + color: #fff; + font-size: 14px; + top: 0; +} +.md .toolbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar.no-shadow:after { + display: none; +} +.md .toolbar a { + color: #fff; +} +.md .toolbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + line-height: 48px; + height: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .toolbar a.link i + span, +.md .toolbar a.link i + i, +.md .toolbar a.link span + i, +.md .toolbar a.link span + span { + margin-left: 8px; +} +.md .toolbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + overflow: hidden; +} +.md .tabbar a.link, +.md .tabbar-labels a.link, +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + text-transform: uppercase; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .tabbar i.icon, +.md .tabbar-labels i.icon { + height: 24px; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + overflow: hidden; + color: rgba(255, 255, 255, 0.7); + position: relative; +} +.md .tabbar a.tab-link.tab-link-active, +.md .tabbar-labels a.tab-link.tab-link-active, +.md .tabbar a.tab-link.active-state, +.md .tabbar-labels a.tab-link.active-state { + color: #ffffff; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + bottom: 0; + height: 2px; + background: #fff; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + left: 0; +} +.md .toolbar-bottom-md, +.md .messagebar { + top: auto !important; + bottom: 0 !important; +} +.md .toolbar-bottom-md:after, +.md .messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 10px; + top: auto; + pointer-events: none; + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar-bottom-md .tab-link-highlight, +.md .messagebar .tab-link-highlight { + bottom: auto; + top: 0; +} +.md .tabbar-labels { + height: 72px; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 12px; + padding-bottom: 12px; +} +.md .tabbar-labels .tabbar-label { + margin-top: 10px; + max-width: 100%; + overflow: hidden; +} +.md .tabbar-labels.toolbar-bottom-md { + height: 56px; +} +.md .tabbar-labels.toolbar-bottom-md a.tab-link, +.md .tabbar-labels.toolbar-bottom-md a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-labels.toolbar-bottom-md .tabbar-label { + text-transform: none; + line-height: 1.2; + font-weight: normal; + letter-spacing: 0; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 48px; +} +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 72px; +} +.md .toolbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .toolbar-hidden:after { + display: none; +} +.md .toolbar-hidden.toolbar-bottom-md, +.md .toolbar-hidden.messagebar { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 56px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 104px; +} +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 128px; +} +.md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -104px, 0); + transform: translate3d(0, -104px, 0); +} +.md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { + -webkit-transform: translate3d(0, -128px, 0); + transform: translate3d(0, -128px, 0); +} +.md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -56px, 0); + transform: translate3d(0, -56px, 0); +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 64px; + } + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 112px; + } + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 136px; + } + .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -64px, 0); + transform: translate3d(0, -64px, 0); + } + .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -112px, 0); + transform: translate3d(0, -112px, 0); + } + .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -136px, 0); + transform: translate3d(0, -136px, 0); + } +} +.md .toolbar-bottom-md ~ * .page-content, +.md .toolbar-bottom-md ~ .page-content, +.md .messagebar ~ * .page-content, +.md .messagebar ~ .page-content { + padding-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: 56px; +} +.md .toolbar-transitioning, +.md .navbar-transitioning + .toolbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .color-theme-red .toolbar:not(.messagebar), +.md .color-theme-red.toolbar:not(.messagebar) { + background: #f44336; +} +.md .color-theme-green .toolbar:not(.messagebar), +.md .color-theme-green.toolbar:not(.messagebar) { + background: #4caf50; +} +.md .color-theme-blue .toolbar:not(.messagebar), +.md .color-theme-blue.toolbar:not(.messagebar) { + background: #2196f3; +} +.md .color-theme-pink .toolbar:not(.messagebar), +.md .color-theme-pink.toolbar:not(.messagebar) { + background: #e91e63; +} +.md .color-theme-yellow .toolbar:not(.messagebar), +.md .color-theme-yellow.toolbar:not(.messagebar) { + background: #ffeb3b; +} +.md .color-theme-orange .toolbar:not(.messagebar), +.md .color-theme-orange.toolbar:not(.messagebar) { + background: #ff9800; +} +.md .color-theme-gray .toolbar:not(.messagebar), +.md .color-theme-gray.toolbar:not(.messagebar) { + background: #9e9e9e; +} +.md .color-theme-white .toolbar:not(.messagebar), +.md .color-theme-white.toolbar:not(.messagebar) { + background: #ffffff; +} +.md .color-theme-black .toolbar:not(.messagebar), +.md .color-theme-black.toolbar:not(.messagebar) { + background: #000000; +} +.md .toolbar:not(.messagebar).color-red { + background: #f44336; +} +.md .toolbar:not(.messagebar).color-green { + background: #4caf50; +} +.md .toolbar:not(.messagebar).color-blue { + background: #2196f3; +} +.md .toolbar:not(.messagebar).color-pink { + background: #e91e63; +} +.md .toolbar:not(.messagebar).color-yellow { + background: #ffeb3b; +} +.md .toolbar:not(.messagebar).color-orange { + background: #ff9800; +} +.md .toolbar:not(.messagebar).color-gray { + background: #9e9e9e; +} +.md .toolbar:not(.messagebar).color-white { + background: #ffffff; +} +.md .toolbar:not(.messagebar).color-black { + background: #000000; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { + height: calc(48px + constant(safe-area-inset-top)); + height: calc(48px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + height: auto; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + bottom: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { + height: calc(72px + constant(safe-area-inset-top)); + height: calc(72px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar-bottom-md, +.md.device-iphone-x .view > .toolbar-bottom-md, +.md.device-iphone-x .page > .toolbar-bottom-md, +.md.device-iphone-x .popup > .toolbar-bottom-md, +.md.device-iphone-x .panel > .toolbar-bottom-md, +.md.device-iphone-x .login-screen > .toolbar-bottom-md { + height: calc(48px + constant(safe-area-inset-bottom)); + height: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md ~ .page-content, +.md.device-iphone-x .messagebar ~ * .page-content, +.md.device-iphone-x .messagebar ~ .page-content { + padding-bottom: calc(48px + constant(safe-area-inset-bottom)); + padding-bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-left .toolbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-right .toolbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.md .subnavbar { + height: 48px; + background: #2196f3; + color: #fff; +} +.md .subnavbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .subnavbar.no-shadow:after { + display: none; +} +.md .subnavbar .title { + margin: 0 16px; + font-size: 20px; + line-height: 48px; + display: inline-block; + text-align: left; + font-weight: 500; +} +.md .subnavbar .title:first-child { + margin-left: 56px; +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a { + color: inherit; +} +.md .subnavbar a.link { + line-height: 48px; + height: 48px; + min-width: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + min-width: 0; +} +.md .subnavbar-inner { + padding: 0 16px; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: -16px; +} +.md .subnavbar-inner > a.link:last-child { + margin-right: -16px; +} +.md .subnavbar ~ * .page-content, +.md .subnavbar ~ .page-content, +.md .page-with-subnavbar .page-content { + padding-top: 48px; +} +.md .navbar ~ .subnavbar ~ .page-content, +.md .navbar ~ .subnavbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar ~ .page-content, + .md .navbar ~ .subnavbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 112px; + } +} +.md .navbar ~ .subnavbar, +.md .navbar ~ * .subnavbar, +.md .page-with-subnavbar .navbar ~ .subnavbar, +.md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar, + .md .navbar ~ * .subnavbar, + .md .page-with-subnavbar .navbar ~ .subnavbar, + .md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 64px; + } +} +.md .color-theme-red .subnavbar, +.md .color-theme-red.subnavbar { + background: #f44336; +} +.md .color-theme-green .subnavbar, +.md .color-theme-green.subnavbar { + background: #4caf50; +} +.md .color-theme-blue .subnavbar, +.md .color-theme-blue.subnavbar { + background: #2196f3; +} +.md .color-theme-pink .subnavbar, +.md .color-theme-pink.subnavbar { + background: #e91e63; +} +.md .color-theme-yellow .subnavbar, +.md .color-theme-yellow.subnavbar { + background: #ffeb3b; +} +.md .color-theme-orange .subnavbar, +.md .color-theme-orange.subnavbar { + background: #ff9800; +} +.md .color-theme-gray .subnavbar, +.md .color-theme-gray.subnavbar { + background: #9e9e9e; +} +.md .color-theme-white .subnavbar, +.md .color-theme-white.subnavbar { + background: #ffffff; +} +.md .color-theme-black .subnavbar, +.md .color-theme-black.subnavbar { + background: #000000; +} +.md .subnavbar.color-red { + background: #f44336; +} +.md .subnavbar.color-green { + background: #4caf50; +} +.md .subnavbar.color-blue { + background: #2196f3; +} +.md .subnavbar.color-pink { + background: #e91e63; +} +.md .subnavbar.color-yellow { + background: #ffeb3b; +} +.md .subnavbar.color-orange { + background: #ff9800; +} +.md .subnavbar.color-gray { + background: #9e9e9e; +} +.md .subnavbar.color-white { + background: #ffffff; +} +.md .subnavbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +.md .block { + margin: 32px 0; + padding: 0 16px; +} +.md .block-title { + color: rgba(0, 0, 0, 0.54); + margin: 32px 16px 16px; + line-height: 16px; + font-weight: 500; +} +.md .block-title + .list, +.md .block-title + .block, +.md .block-title + .card, +.md .block-title + .timeline, +.md .block-title + .block-header { + margin-top: 0px; +} +.md .block-strong { + padding: 16px; +} +.md .block-strong:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block-strong:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block.inset { + margin-left: 16px; + margin-right: 16px; +} +.md .block-strong.inset { + border-radius: 4px; +} +.md .block-header, +.md .block-footer { + padding: 0 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .block .block-header, +.md .block .block-footer { + padding: 0; +} +.md .block-header { + margin-top: 32px; +} +.md .block-header + .list, +.md .block-header + .block, +.md .block-header + .card, +.md .block-header + .timeline { + margin-top: 10px; +} +.md .block-footer { + margin-bottom: 32px; +} +.md .list .block-header, +.md .block .block-header, +.md .card .block-header, +.md .timeline .block-header { + margin-top: 0; +} +.md .list .block-footer, +.md .block .block-footer, +.md .card .block-footer, +.md .timeline .block-footer { + margin-bottom: 0; +} +.md .list + .block-footer, +.md .block + .block-footer, +.md .card + .block-footer, +.md .timeline + .block-footer { + margin-top: -22px; +} +.md .block + .block-footer { + margin-top: -22px; + margin-bottom: 32px; +} +@media (min-width: 768px) { + .md .block.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .block-strong.tablet-inset { + border-radius: 4px; + } +} +.md .theme-dark .block-title { + color: #fff; +} +.md .theme-dark .block-header, +.md .theme-dark .block-footer { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-left .block-header, + .md.device-iphone-x .ios-left-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-left .block-footer { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-right .block-header, + .md.device-iphone-x .ios-right-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-right .block-footer { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 95% center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: right center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.md .list { + margin: 32px 0; + font-size: 16px; +} +.md .list .item-cell { + width: 100%; + min-width: 0; + margin-left: 16px; +} +.md .list .item-cell:first-child { + margin-left: 0; +} +.md .list .ripple-wave + .item-cell { + margin-left: 0; +} +.md .list ul ul { + padding-left: 56px; +} +.md .list .item-media { + padding-top: 8px; + min-width: 40px; +} +.md .list .item-media i + i, +.md .list .item-media i + img { + margin-left: 8px; +} +.md .list .item-media + .item-inner { + margin-left: 16px; +} +.md .list .item-inner { + min-height: 48px; + padding-right: 16px; +} +.md .list .item-after { + color: #757575; + font-size: 14px; + padding-left: 8px; +} +.md .list .item-link, +.md .list .list-button { + color: inherit; +} +.md .list .item-link .item-inner, +.md .list .list-button .item-inner { + padding-right: 42px; +} +.md .list .item-link.active-state, +.md .list .list-button.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .list-button { + padding: 0 16px; + font-size: 16px; + line-height: 48px; +} +.md .list .item-content { + min-height: 48px; + padding-left: 16px; +} +.md .list .item-subtitle { + font-size: 14px; +} +.md .list .item-text { + font-size: 14px; + color: #757575; + line-height: 20px; + max-height: 40px; +} +.md .list .item-header, +.md .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.md .list .item-footer { + color: rgba(0, 0, 0, 0.5); +} +.md .list .item-link.no-chevron .item-inner, +.md .list.no-chevron .item-link .item-inner, +.md .list .no-chevron .item-link .item-inner, +.md .no-chevron .list .item-link .item-inner { + padding-right: 16px; +} +.md .simple-list li:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .simple-list li { + padding-left: 16px; + padding-right: 16px; + line-height: 48px; + height: 48px; +} +.md .simple-list li:after { + width: auto; + left: 16px; + right: 0; +} +.md .links-list a:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .links-list a { + height: 48px; + color: inherit; +} +.md .links-list a.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .links-list a:after { + width: auto; +} +.md .links-list a { + padding-left: 16px; + padding-right: 42px; +} +.md .links-list a:after { + left: 16px; + right: 0; +} +.md .links-list.no-chevron a, +.md .no-chevron .links-list a, +.md .links-list a.no-chevron, +.md .links-list .no-chevron a { + padding-right: 16px; +} +.md .media-list .item-inner, +.md li.media-item .item-inner { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list .item-link .item-inner, +.md li.media-item .item-link .item-inner { + padding-right: 16px; +} +.md .media-list .item-link .item-title-row, +.md li.media-item .item-link .item-title-row { + padding-right: 26px; +} +.md .media-list .item-media, +.md li.media-item .item-media { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list.chevron-center .item-link .item-inner, +.md .media-list .chevron-center .item-link .item-inner, +.md .media-list .item-link.chevron-center .item-inner, +.md li.media-item.chevron-center .item-link .item-inner, +.md li.media-item .item-link.chevron-center .item-inner, +.md li.media-item .chevron-center .item-link .item-inner { + padding-right: 42px; +} +.md .media-list.no-chevron .item-link .item-title-row, +.md .no-chevron .media-list .item-link .item-title-row, +.md .media-list .no-chevron .item-link .item-title-row, +.md li.media-item.no-chevron .item-link .item-title-row, +.md .no-chevron li.media-item .item-link .item-title-row, +.md .media-list.chevron-center .item-title-row, +.md .media-list .chevron-center .item-title-row, +.md li.media-item.chevron-center .item-title-row, +.md li.media-item .chevron-center .item-title-row { + padding-right: 0 !important; +} +.md .list .item-link .item-inner, +.md .links-list a { + background-position: calc(100% - 16px) center; +} +.md .item-divider, +.md .list-group-title { + padding: 0 16px; + background: #f4f4f4; + color: rgba(0, 0, 0, 0.54); + height: 48px; + line-height: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; +} +.md .item-divider:before, +.md .list-group-title:before { + display: none !important; +} +.md .item-divider:after, +.md .list-group-title:after { + display: none !important; +} +.md .list-group-title { + margin-top: 0; +} +.md .list .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list.inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; +} +.md .list.inset ul { + border-radius: 4px; +} +.md .list.inset li:first-child > a { + border-radius: 4px 4px 0 0; +} +.md .list.inset li:last-child > a { + border-radius: 0 0 4px 4px; +} +.md .list.inset li:first-child:last-child > a { + border-radius: 4px; +} +@media (min-width: 768px) { + .md .list.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .list.tablet-inset li:first-child > a { + border-radius: 4px 4px 0 0; + } + .md .list.tablet-inset li:last-child > a { + border-radius: 0 0 4px 4px; + } + .md .list.tablet-inset li:first-child:last-child > a { + border-radius: 4px; + } +} +.md li li:last-child .item-inner:after, +.md li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + background-position: calc(100% - 16px - constant(safe-area-inset-right)) center; + background-position: calc(100% - 16px - env(safe-area-inset-right)) center; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { + padding-right: 0; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .list ul:before, +.list.md .theme-dark ul:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list ul:after, +.list.md .theme-dark ul:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list li li:last-child .item-inner:after, +.list.md .theme-dark li li:last-child .item-inner:after, +.md .theme-dark .list li:last-child li .item-inner:after, +.list.md .theme-dark li:last-child li .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-group-title:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-button:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider, +.md .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +.md .theme-dark .links-list a:after, +.md .theme-dark .simple-list li:after, +.md .theme-dark .links-list a:after, +.links-list.md .theme-dark a .simple-list li:after, +.simple-list.md .theme-dark li:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list .item-link.active-state, +.list.md .theme-dark .item-link.active-state, +.md .theme-dark .list .list-button.active-state, +.list.md .theme-dark .list-button.active-state, +.md .theme-dark .links-list a.active-state, +.links-list.md .theme-dark a.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .item-after, +.md .theme-dark .item-text { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .list-button { + color: #f44336; +} +.md .color-theme-green .list-button { + color: #4caf50; +} +.md .color-theme-blue .list-button { + color: #2196f3; +} +.md .color-theme-pink .list-button { + color: #e91e63; +} +.md .color-theme-yellow .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .list-button { + color: #ff9800; +} +.md .color-theme-gray .list-button { + color: #9e9e9e; +} +.md .color-theme-white .list-button { + color: #ffffff; +} +.md .color-theme-black .list-button { + color: #000000; +} +.md .list .list-button.color-red, +.md .list li.color-red .list-button, +.md .links-list li.color-red a, +.md .simple-list li.color-red, +.md .links-list a.color-red, +.md .list .item-link.color-red, +.md .list li.color-red .item-link { + color: #f44336; +} +.md .list .list-button.color-green, +.md .list li.color-green .list-button, +.md .links-list li.color-green a, +.md .simple-list li.color-green, +.md .links-list a.color-green, +.md .list .item-link.color-green, +.md .list li.color-green .item-link { + color: #4caf50; +} +.md .list .list-button.color-blue, +.md .list li.color-blue .list-button, +.md .links-list li.color-blue a, +.md .simple-list li.color-blue, +.md .links-list a.color-blue, +.md .list .item-link.color-blue, +.md .list li.color-blue .item-link { + color: #2196f3; +} +.md .list .list-button.color-pink, +.md .list li.color-pink .list-button, +.md .links-list li.color-pink a, +.md .simple-list li.color-pink, +.md .links-list a.color-pink, +.md .list .item-link.color-pink, +.md .list li.color-pink .item-link { + color: #e91e63; +} +.md .list .list-button.color-yellow, +.md .list li.color-yellow .list-button, +.md .links-list li.color-yellow a, +.md .simple-list li.color-yellow, +.md .links-list a.color-yellow, +.md .list .item-link.color-yellow, +.md .list li.color-yellow .item-link { + color: #ffeb3b; +} +.md .list .list-button.color-orange, +.md .list li.color-orange .list-button, +.md .links-list li.color-orange a, +.md .simple-list li.color-orange, +.md .links-list a.color-orange, +.md .list .item-link.color-orange, +.md .list li.color-orange .item-link { + color: #ff9800; +} +.md .list .list-button.color-gray, +.md .list li.color-gray .list-button, +.md .links-list li.color-gray a, +.md .simple-list li.color-gray, +.md .links-list a.color-gray, +.md .list .item-link.color-gray, +.md .list li.color-gray .item-link { + color: #9e9e9e; +} +.md .list .list-button.color-white, +.md .list li.color-white .list-button, +.md .links-list li.color-white a, +.md .simple-list li.color-white, +.md .links-list a.color-white, +.md .list .item-link.color-white, +.md .list li.color-white .item-link { + color: #ffffff; +} +.md .list .list-button.color-black, +.md .list li.color-black .list-button, +.md .links-list li.color-black a, +.md .simple-list li.color-black, +.md .links-list a.color-black, +.md .list .item-link.color-black, +.md .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.md .badge { + font-size: 10px; + border-radius: 3px; + padding: 1px 6px; + vertical-align: middle; +} +.md .icon .badge, +.md .f7-icons .badge, +.md .framework7-icons .badge, +.md .material-icons .badge { + line-height: 1.4; + padding: 1px 5px; + font-family: Roboto, Noto, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.md .badge.color-red { + background-color: #f44336; +} +.md .badge.color-green { + background-color: #4caf50; +} +.md .badge.color-blue { + background-color: #2196f3; +} +.md .badge.color-pink { + background-color: #e91e63; +} +.md .badge.color-yellow { + background-color: #ffeb3b; +} +.md .badge.color-orange { + background-color: #ff9800; +} +.md .badge.color-gray { + background-color: #9e9e9e; +} +.md .badge.color-white { + background-color: #ffffff; +} +.md .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.md .button { + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .button.button-fill, +.md .button.button-fill-md, +.md .button.button-active, +.md .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.button-fill.active-state, +.md .button.button-fill-md.active-state, +.md .button.button-active.active-state, +.md .button.tab-link-active.active-state { + background: #0c82df; +} +.md .button.button-big, +.md .button.button-big-md { + height: 48px; + line-height: 48px; + border-radius: 4px; +} +.md .button.button-round, +.md .button.button-round-md { + border-radius: 36px; +} +.md .button.button-outline { + border: 2px solid #2196f3; + line-height: 32px; +} +.md .button.button-outline.button-big, +.md .button.button-outline.button-big-md { + line-height: 44px; +} +.md .button.button-small, +.md .button.button-small-md { + height: 28px; + line-height: 28px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.button-small.button-outline, +.md .button.button-small-md.button-outline { + border-width: 2px; + line-height: 24px; +} +.md .button > i.icon + span, +.md .button > span:not(.ripple-wave) + span, +.md .button > span:not(.ripple-wave) + i.icon, +.md .button > i.icon + i.icon { + margin-left: 8px; +} +.md .button.button-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .button.button-raised.active-state { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .navbar .button:not(.button-fill):not(.button-fill-md), +.md .subnavbar .button:not(.button-fill):not(.button-fill-md), +.md .toolbar .button:not(.button-fill):not(.button-fill-md) { + color: #fff; +} +.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .toast .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .segmented { + border-radius: 4px; +} +.md .segmented.segmented-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .segmented.segmented-round { + border-radius: 36px; +} +.md .segmented .button { + border-radius: 0; + min-width: 0; + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.md .segmented .button:first-child { + border-radius: 4px 0 0 4px; + border-left: none; +} +.md .segmented .button.button-outline { + border: 2px solid #2196f3; +} +.md .segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.md .segmented .button:last-child { + border-radius: 0 4px 4px 0; +} +.md .segmented .button:first-child:last-child { + border-radius: 4px; +} +.md .segmented .button.button-round:first-child { + border-radius: 36px 0 0 36px; +} +.md .segmented .button.button-round:last-child { + border-radius: 0 36px 36px 0; +} +.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { + background-color: rgba(255, 255, 255, 0.1); +} +.md .color-theme-red .button, +.md .color-red .button { + color: #f44336; +} +.md .color-theme-red .button.button-fill, +.md .color-red .button.button-fill, +.md .color-theme-red .button.button-fill-md, +.md .color-red .button.button-fill-md, +.md .color-theme-red .button.button-active, +.md .color-red .button.button-active, +.md .color-theme-red .button.tab-link-active, +.md .color-red .button.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .button.button-fill.active-state, +.md .color-red .button.button-fill.active-state, +.md .color-theme-red .button.button-fill-md.active-state, +.md .color-red .button.button-fill-md.active-state, +.md .color-theme-red .button.button-active.active-state, +.md .color-red .button.button-active.active-state, +.md .color-theme-red .button.tab-link-active.active-state, +.md .color-red .button.tab-link-active.active-state { + background: #f21f0f; +} +.md .color-theme-red .button.button-outline, +.md .color-red .button.button-outline { + border-color: #f44336; +} +.md .color-theme-green .button, +.md .color-green .button { + color: #4caf50; +} +.md .color-theme-green .button.button-fill, +.md .color-green .button.button-fill, +.md .color-theme-green .button.button-fill-md, +.md .color-green .button.button-fill-md, +.md .color-theme-green .button.button-active, +.md .color-green .button.button-active, +.md .color-theme-green .button.tab-link-active, +.md .color-green .button.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .button.button-fill.active-state, +.md .color-green .button.button-fill.active-state, +.md .color-theme-green .button.button-fill-md.active-state, +.md .color-green .button.button-fill-md.active-state, +.md .color-theme-green .button.button-active.active-state, +.md .color-green .button.button-active.active-state, +.md .color-theme-green .button.tab-link-active.active-state, +.md .color-green .button.tab-link-active.active-state { + background: #409343; +} +.md .color-theme-green .button.button-outline, +.md .color-green .button.button-outline { + border-color: #4caf50; +} +.md .color-theme-blue .button, +.md .color-blue .button { + color: #2196f3; +} +.md .color-theme-blue .button.button-fill, +.md .color-blue .button.button-fill, +.md .color-theme-blue .button.button-fill-md, +.md .color-blue .button.button-fill-md, +.md .color-theme-blue .button.button-active, +.md .color-blue .button.button-active, +.md .color-theme-blue .button.tab-link-active, +.md .color-blue .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .button.button-fill.active-state, +.md .color-blue .button.button-fill.active-state, +.md .color-theme-blue .button.button-fill-md.active-state, +.md .color-blue .button.button-fill-md.active-state, +.md .color-theme-blue .button.button-active.active-state, +.md .color-blue .button.button-active.active-state, +.md .color-theme-blue .button.tab-link-active.active-state, +.md .color-blue .button.tab-link-active.active-state { + background: #0c82df; +} +.md .color-theme-blue .button.button-outline, +.md .color-blue .button.button-outline { + border-color: #2196f3; +} +.md .color-theme-pink .button, +.md .color-pink .button { + color: #e91e63; +} +.md .color-theme-pink .button.button-fill, +.md .color-pink .button.button-fill, +.md .color-theme-pink .button.button-fill-md, +.md .color-pink .button.button-fill-md, +.md .color-theme-pink .button.button-active, +.md .color-pink .button.button-active, +.md .color-theme-pink .button.tab-link-active, +.md .color-pink .button.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .button.button-fill.active-state, +.md .color-pink .button.button-fill.active-state, +.md .color-theme-pink .button.button-fill-md.active-state, +.md .color-pink .button.button-fill-md.active-state, +.md .color-theme-pink .button.button-active.active-state, +.md .color-pink .button.button-active.active-state, +.md .color-theme-pink .button.tab-link-active.active-state, +.md .color-pink .button.tab-link-active.active-state { + background: #ca1452; +} +.md .color-theme-pink .button.button-outline, +.md .color-pink .button.button-outline { + border-color: #e91e63; +} +.md .color-theme-yellow .button, +.md .color-yellow .button { + color: #ffeb3b; +} +.md .color-theme-yellow .button.button-fill, +.md .color-yellow .button.button-fill, +.md .color-theme-yellow .button.button-fill-md, +.md .color-yellow .button.button-fill-md, +.md .color-theme-yellow .button.button-active, +.md .color-yellow .button.button-active, +.md .color-theme-yellow .button.tab-link-active, +.md .color-yellow .button.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .button.button-fill.active-state, +.md .color-yellow .button.button-fill.active-state, +.md .color-theme-yellow .button.button-fill-md.active-state, +.md .color-yellow .button.button-fill-md.active-state, +.md .color-theme-yellow .button.button-active.active-state, +.md .color-yellow .button.button-active.active-state, +.md .color-theme-yellow .button.tab-link-active.active-state, +.md .color-yellow .button.tab-link-active.active-state { + background: #ffe712; +} +.md .color-theme-yellow .button.button-outline, +.md .color-yellow .button.button-outline { + border-color: #ffeb3b; +} +.md .color-theme-orange .button, +.md .color-orange .button { + color: #ff9800; +} +.md .color-theme-orange .button.button-fill, +.md .color-orange .button.button-fill, +.md .color-theme-orange .button.button-fill-md, +.md .color-orange .button.button-fill-md, +.md .color-theme-orange .button.button-active, +.md .color-orange .button.button-active, +.md .color-theme-orange .button.tab-link-active, +.md .color-orange .button.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .button.button-fill.active-state, +.md .color-orange .button.button-fill.active-state, +.md .color-theme-orange .button.button-fill-md.active-state, +.md .color-orange .button.button-fill-md.active-state, +.md .color-theme-orange .button.button-active.active-state, +.md .color-orange .button.button-active.active-state, +.md .color-theme-orange .button.tab-link-active.active-state, +.md .color-orange .button.tab-link-active.active-state { + background: #d68000; +} +.md .color-theme-orange .button.button-outline, +.md .color-orange .button.button-outline { + border-color: #ff9800; +} +.md .color-theme-gray .button, +.md .color-gray .button { + color: #9e9e9e; +} +.md .color-theme-gray .button.button-fill, +.md .color-gray .button.button-fill, +.md .color-theme-gray .button.button-fill-md, +.md .color-gray .button.button-fill-md, +.md .color-theme-gray .button.button-active, +.md .color-gray .button.button-active, +.md .color-theme-gray .button.tab-link-active, +.md .color-gray .button.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .button.button-fill.active-state, +.md .color-gray .button.button-fill.active-state, +.md .color-theme-gray .button.button-fill-md.active-state, +.md .color-gray .button.button-fill-md.active-state, +.md .color-theme-gray .button.button-active.active-state, +.md .color-gray .button.button-active.active-state, +.md .color-theme-gray .button.tab-link-active.active-state, +.md .color-gray .button.tab-link-active.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .button.button-outline, +.md .color-gray .button.button-outline { + border-color: #9e9e9e; +} +.md .color-theme-white .button, +.md .color-white .button { + color: #ffffff; +} +.md .color-theme-white .button.button-fill, +.md .color-white .button.button-fill, +.md .color-theme-white .button.button-fill-md, +.md .color-white .button.button-fill-md, +.md .color-theme-white .button.button-active, +.md .color-white .button.button-active, +.md .color-theme-white .button.tab-link-active, +.md .color-white .button.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .button.button-fill.active-state, +.md .color-white .button.button-fill.active-state, +.md .color-theme-white .button.button-fill-md.active-state, +.md .color-white .button.button-fill-md.active-state, +.md .color-theme-white .button.button-active.active-state, +.md .color-white .button.button-active.active-state, +.md .color-theme-white .button.tab-link-active.active-state, +.md .color-white .button.tab-link-active.active-state { + background: #ebebeb; +} +.md .color-theme-white .button.button-outline, +.md .color-white .button.button-outline { + border-color: #ffffff; +} +.md .color-theme-black .button, +.md .color-black .button { + color: #000000; +} +.md .color-theme-black .button.button-fill, +.md .color-black .button.button-fill, +.md .color-theme-black .button.button-fill-md, +.md .color-black .button.button-fill-md, +.md .color-theme-black .button.button-active, +.md .color-black .button.button-active, +.md .color-theme-black .button.tab-link-active, +.md .color-black .button.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .button.button-fill.active-state, +.md .color-black .button.button-fill.active-state, +.md .color-theme-black .button.button-fill-md.active-state, +.md .color-black .button.button-fill-md.active-state, +.md .color-theme-black .button.button-active.active-state, +.md .color-black .button.button-active.active-state, +.md .color-theme-black .button.tab-link-active.active-state, +.md .color-black .button.tab-link-active.active-state { + background: #000000; +} +.md .color-theme-black .button.button-outline, +.md .color-black .button.button-outline { + border-color: #000000; +} +.md .button.color-red { + color: #f44336; +} +.md .button.color-red.button-fill, +.md .button.color-red.button-fill-md, +.md .button.color-red.button-active, +.md .button.color-red.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .button.color-red.button-fill.active-state, +.md .button.color-red.button-fill-md.active-state, +.md .button.color-red.button-active.active-state, +.md .button.color-red.tab-link-active.active-state { + background: #f21f0f; +} +.md .button.color-red.button-outline { + border-color: #f44336; +} +.md .button.color-green { + color: #4caf50; +} +.md .button.color-green.button-fill, +.md .button.color-green.button-fill-md, +.md .button.color-green.button-active, +.md .button.color-green.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .button.color-green.button-fill.active-state, +.md .button.color-green.button-fill-md.active-state, +.md .button.color-green.button-active.active-state, +.md .button.color-green.tab-link-active.active-state { + background: #409343; +} +.md .button.color-green.button-outline { + border-color: #4caf50; +} +.md .button.color-blue { + color: #2196f3; +} +.md .button.color-blue.button-fill, +.md .button.color-blue.button-fill-md, +.md .button.color-blue.button-active, +.md .button.color-blue.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.color-blue.button-fill.active-state, +.md .button.color-blue.button-fill-md.active-state, +.md .button.color-blue.button-active.active-state, +.md .button.color-blue.tab-link-active.active-state { + background: #0c82df; +} +.md .button.color-blue.button-outline { + border-color: #2196f3; +} +.md .button.color-pink { + color: #e91e63; +} +.md .button.color-pink.button-fill, +.md .button.color-pink.button-fill-md, +.md .button.color-pink.button-active, +.md .button.color-pink.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .button.color-pink.button-fill.active-state, +.md .button.color-pink.button-fill-md.active-state, +.md .button.color-pink.button-active.active-state, +.md .button.color-pink.tab-link-active.active-state { + background: #ca1452; +} +.md .button.color-pink.button-outline { + border-color: #e91e63; +} +.md .button.color-yellow { + color: #ffeb3b; +} +.md .button.color-yellow.button-fill, +.md .button.color-yellow.button-fill-md, +.md .button.color-yellow.button-active, +.md .button.color-yellow.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .button.color-yellow.button-fill.active-state, +.md .button.color-yellow.button-fill-md.active-state, +.md .button.color-yellow.button-active.active-state, +.md .button.color-yellow.tab-link-active.active-state { + background: #ffe712; +} +.md .button.color-yellow.button-outline { + border-color: #ffeb3b; +} +.md .button.color-orange { + color: #ff9800; +} +.md .button.color-orange.button-fill, +.md .button.color-orange.button-fill-md, +.md .button.color-orange.button-active, +.md .button.color-orange.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .button.color-orange.button-fill.active-state, +.md .button.color-orange.button-fill-md.active-state, +.md .button.color-orange.button-active.active-state, +.md .button.color-orange.tab-link-active.active-state { + background: #d68000; +} +.md .button.color-orange.button-outline { + border-color: #ff9800; +} +.md .button.color-gray { + color: #9e9e9e; +} +.md .button.color-gray.button-fill, +.md .button.color-gray.button-fill-md, +.md .button.color-gray.button-active, +.md .button.color-gray.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .button.color-gray.button-fill.active-state, +.md .button.color-gray.button-fill-md.active-state, +.md .button.color-gray.button-active.active-state, +.md .button.color-gray.tab-link-active.active-state { + background: #8a8a8a; +} +.md .button.color-gray.button-outline { + border-color: #9e9e9e; +} +.md .button.color-white { + color: #ffffff; +} +.md .button.color-white.button-fill, +.md .button.color-white.button-fill-md, +.md .button.color-white.button-active, +.md .button.color-white.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .button.color-white.button-fill.active-state, +.md .button.color-white.button-fill-md.active-state, +.md .button.color-white.button-active.active-state, +.md .button.color-white.tab-link-active.active-state { + background: #ebebeb; +} +.md .button.color-white.button-outline { + border-color: #ffffff; +} +.md .button.color-black { + color: #000000; +} +.md .button.color-black.button-fill, +.md .button.color-black.button-fill-md, +.md .button.color-black.button-active, +.md .button.color-black.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .button.color-black.button-fill.active-state, +.md .button.color-black.button-fill-md.active-state, +.md .button.color-black.button-active.active-state, +.md .button.color-black.tab-link-active.active-state { + background: #000000; +} +.md .button.color-black.button-outline { + border-color: #000000; +} +/* === Touch Ripple === */ +.md .ripple, +.md .fab a, +.md a.link, +.md a.item-link, +.md .button, +.md .dialog-button, +.md .tab-link, +.md .radio, +.md .checkbox, +.md .actions-button, +.md .speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.md .ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + background: rgba(0, 0, 0, 0.1); + padding: 0; + margin: 0; + font-size: 0; + -webkit-transform: translate3d(0px, 0px, 0) scale(0); + transform: translate3d(0px, 0px, 0) scale(0); + -webkit-transition-duration: 1400ms; + transition-duration: 1400ms; +} +.md .ripple-wave.ripple-wave-fill { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + opacity: 0.35; +} +.md .ripple-wave.ripple-wave-out { + -webkit-transition-duration: 600ms; + transition-duration: 600ms; + opacity: 0; +} +.button-fill .md .ripple-wave, +.picker-calendar-day .md .ripple-wave { + z-index: 1; +} +.md .button-fill .ripple-wave, +.md .button-active .ripple-wave, +.md .navbar .ripple-wave, +.md .toolbar .ripple-wave, +.md .subnavbar .ripple-wave, +.md .toast .ripple-wave, +.md .fab a .ripple-wave, +.md .stepper-fill .ripple-wave { + background: rgba(255, 255, 255, 0.3); +} +.md .messagebar .ripple-wave, +.md .searchbar .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .data-table .sortable-cell .ripple-wave { + z-index: 0; +} +.md .checkbox .ripple-wave, +.md .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); + z-index: 0; +} +.md .theme-dark .page-content .ripple-wave, +.md .theme-dark .messagebar .ripple-wave, +.md .theme-dark .popover .ripple-wave, +.md .theme-dark .calendar .ripple-wave, +.calendar.md .theme-dark .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-red .ripple-wave, +.md .ripple-red .ripple-wave { + background-color: rgba(244, 67, 54, 0.3); +} +.md .ripple-color-green .ripple-wave, +.md .ripple-green .ripple-wave { + background-color: rgba(76, 175, 80, 0.3); +} +.md .ripple-color-blue .ripple-wave, +.md .ripple-blue .ripple-wave { + background-color: rgba(33, 150, 243, 0.3); +} +.md .ripple-color-pink .ripple-wave, +.md .ripple-pink .ripple-wave { + background-color: rgba(233, 30, 99, 0.3); +} +.md .ripple-color-yellow .ripple-wave, +.md .ripple-yellow .ripple-wave { + background-color: rgba(255, 235, 59, 0.3); +} +.md .ripple-color-orange .ripple-wave, +.md .ripple-orange .ripple-wave { + background-color: rgba(255, 152, 0, 0.3); +} +.md .ripple-color-gray .ripple-wave, +.md .ripple-gray .ripple-wave { + background-color: rgba(158, 158, 158, 0.3); +} +.md .ripple-color-white .ripple-wave, +.md .ripple-white .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-black .ripple-wave, +.md .ripple-black .ripple-wave { + background-color: rgba(0, 0, 0, 0.3); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.md .icon-back { + width: 24px; + height: 24px; +} +.md .icon-forward { + width: 24px; + height: 24px; +} +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-red, +.md a.link .color-red .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-red, +.md a.link .color-red .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-red, +.md a.link .color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-red, +.md a.link .color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-green, +.md a.link .color-green .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-green, +.md a.link .color-green .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-green, +.md a.link .color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-green, +.md a.link .color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-blue, +.md a.link .color-blue .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-blue, +.md a.link .color-blue .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-blue, +.md a.link .color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-blue, +.md a.link .color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-pink, +.md a.link .color-pink .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-pink, +.md a.link .color-pink .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-pink, +.md a.link .color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-pink, +.md a.link .color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-yellow, +.md a.link .color-yellow .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-yellow, +.md a.link .color-yellow .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-yellow, +.md a.link .color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-yellow, +.md a.link .color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-orange, +.md a.link .color-orange .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-orange, +.md a.link .color-orange .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-orange, +.md a.link .color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-orange, +.md a.link .color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-gray, +.md a.link .color-gray .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-gray, +.md a.link .color-gray .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-gray, +.md a.link .color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-gray, +.md a.link .color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-white, +.md a.link .color-white .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-white, +.md a.link .color-white .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-white, +.md a.link .color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-white, +.md a.link .color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-black, +.md a.link .color-black .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-black, +.md a.link .color-black .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-black, +.md a.link .color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-black, +.md a.link .color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon.color-red { + color: #f44336; +} +.md .icon.color-green { + color: #4caf50; +} +.md .icon.color-blue { + color: #2196f3; +} +.md .icon.color-pink { + color: #e91e63; +} +.md .icon.color-yellow { + color: #ffeb3b; +} +.md .icon.color-orange { + color: #ff9800; +} +.md .icon.color-gray { + color: #9e9e9e; +} +.md .icon.color-white { + color: #ffffff; +} +.md .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +.dialog-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + -webkit-transform: translate3d(0, 0, 0) scale(1.185); + transform: translate3d(0, 0, 0) scale(1.185); + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + display: none; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + font-weight: 500; +} +.dialog-buttons { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +.dialog-input-field .item-input-wrap { + margin: 0; + padding: 0; +} +.dialog-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + -webkit-box-shadow: none; + box-shadow: none; +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.md .dialog { + width: 280px; + margin-left: -140px; + border-radius: 4px; + color: #757575; + background: #fff; + font-size: 16px; + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.md .dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.md .dialog.modal-out { + opacity: 0; + z-index: 13499; + -webkit-transform: translate3d(0, 0, 0) scale(0.815); + transform: translate3d(0, 0, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title { + font-size: 20px; + color: #212121; + line-height: 1.3; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-buttons .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + letter-spacing: 0.03em; + font-weight: 500; +} +input[type="submit"].md .dialog-button, +input[type="button"].md .dialog-button { + width: 100%; +} +.md .dialog-button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-input { + height: 36px; + padding: 0; + border: none; + font-size: 16px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +.md .dialog-button.color-red { + color: #f44336; +} +.md .dialog-button.color-green { + color: #4caf50; +} +.md .dialog-button.color-blue { + color: #2196f3; +} +.md .dialog-button.color-pink { + color: #e91e63; +} +.md .dialog-button.color-yellow { + color: #ffeb3b; +} +.md .dialog-button.color-orange { + color: #ff9800; +} +.md .dialog-button.color-gray { + color: #9e9e9e; +} +.md .dialog-button.color-white { + color: #ffffff; +} +.md .dialog-button.color-black { + color: #000000; +} +/* === Popup === */ +.popup-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.popup-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popup { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.popup.modal-in, +.popup.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popup.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: 630px; + height: 630px; + left: 50%; + top: 50%; + margin-left: -315px; + margin-top: -315px; + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + html.with-statusbar .popup-backdrop { + z-index: 9500; + } + html.with-statusbar.device-ios .popup, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 24px); + top: 24px; + } +} +@media (min-width: 630px), (min-height: 630px) { + html.with-statusbar.device-ios .popup-tablet-fullscreen, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup-tablet-fullscreen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup-tablet-fullscreen, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 24px); + top: 24px; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +@media (min-width: 630px) and (min-height: 630px) { + .md .popup:not(.popup-tablet-fullscreen) { + -webkit-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); + box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); + } +} +/* === Login Screen === */ +.login-screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.login-screen.modal-in, +.login-screen.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.login-screen.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +html.with-statusbar.device-ios .login-screen, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 20px); + top: 20px; +} +html.with-statusbar.device-iphone-x .login-screen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .login-screen, +html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 24px); + top: 24px; +} +.login-screen-content { + background: #fff; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: 480px; +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: center; +} +.md .login-screen-content .login-screen-title, +.md .login-screen-content .list, +.md .login-screen-content .block { + margin: 24px auto; +} +.md .login-screen-content .list-button { + text-align: center; + color: #2196f3; +} +.md .login-screen-title { + font-size: 34px; +} +.md .theme-dark .login-screen-content, +.login-screen-content.md .theme-dark { + background: none; +} +.md .color-theme-red .login-screen-content .list-button { + color: #f44336; +} +.md .color-theme-green .login-screen-content .list-button { + color: #4caf50; +} +.md .color-theme-blue .login-screen-content .list-button { + color: #2196f3; +} +.md .color-theme-pink .login-screen-content .list-button { + color: #e91e63; +} +.md .color-theme-yellow .login-screen-content .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .login-screen-content .list-button { + color: #ff9800; +} +.md .color-theme-gray .login-screen-content .list-button { + color: #9e9e9e; +} +.md .color-theme-white .login-screen-content .list-button { + color: #ffffff; +} +.md .color-theme-black .login-screen-content .list-button { + color: #000000; +} +.md .login-screen-content .list-button.color-red { + color: #f44336; +} +.md .login-screen-content .list-button.color-green { + color: #4caf50; +} +.md .login-screen-content .list-button.color-blue { + color: #2196f3; +} +.md .login-screen-content .list-button.color-pink { + color: #e91e63; +} +.md .login-screen-content .list-button.color-yellow { + color: #ffeb3b; +} +.md .login-screen-content .list-button.color-orange { + color: #ff9800; +} +.md .login-screen-content .list-button.color-gray { + color: #9e9e9e; +} +.md .login-screen-content .list-button.color-white { + color: #ffffff; +} +.md .login-screen-content .list-button.color-black { + color: #000000; +} +/* === Popover === */ +.popover-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popover-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popover { + width: 260px; + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.md .popover { + background: #fff; + border-radius: 4px; + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + -webkit-transform: scale(0.85, 0.6); + transform: scale(0.85, 0.6); + -webkit-transition-property: opacity, border-radius, -webkit-transform; + transition-property: opacity, border-radius, -webkit-transform; + transition-property: opacity, transform, border-radius; + transition-property: opacity, transform, border-radius, -webkit-transform; +} +.md .popover.modal-in { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.md .popover .list:first-child ul { + border-radius: 3px 3px 0 0; +} +.md .popover .list:first-child li:first-child, +.md .popover .list:first-child li:first-child a, +.md .popover .list:first-child li:first-child > label { + border-radius: 3px 3px 0 0; +} +.md .popover .list:last-child ul { + border-radius: 0 0 3px 3px; +} +.md .popover .list:last-child li:last-child, +.md .popover .list:last-child li:last-child a, +.md .popover .list:last-child li:last-child > label { + border-radius: 0 0 3px 3px; +} +.md .popover .list:first-child:last-child li:first-child:last-child, +.md .popover .list:first-child:last-child li:first-child:last-child a, +.md .popover .list:first-child:last-child li:first-child:last-child > label, +.md .popover .list:first-child:last-child ul { + border-radius: 13px; +} +.md .popover .list + .list { + margin-top: 35px; +} +.md .popover-on-top { + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.md .popover-on-bottom { + -webkit-transform-origin: center top; + transform-origin: center top; +} +.md .popover-from-actions .list { + margin: 0; +} +.md .popover-from-actions .item-link i.icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.md .popover-from-actions-label { + padding: 8px 16px; + color: rgba(0, 0, 0, 0.54); + padding-top: 12px; + padding-bottom: 12px; +} +.md .popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: #d2d2d6; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .theme-dark .popover { + background-color: #202020; +} +.md .theme-dark .popover-from-actions-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .popover-from-actions-label:after { + background-color: rgba(255, 255, 255, 0.08); +} +/* === Actions === */ +.actions-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.actions-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.actions-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-modal.modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.actions-modal.modal-out { + z-index: 13499; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +.actions-group { + position: relative; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: relative; +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 500; +} +.actions-button { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.actions-button-media { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-button-text { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.actions-label { + line-height: 1.3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-grid .actions-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; +} +.actions-grid .actions-button-media { + margin-left: auto; + margin-right: auto; +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center; +} +.md .actions-modal { + background: #fff; +} +.md .actions-group:last-child:after { + display: none !important; +} +.md .actions-group:after { + content: ''; + position: absolute; + background-color: #d2d2d6; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .actions-group:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .actions-group:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .actions-button, +.md .actions-label { + padding: 0 16px; +} +.md .actions-button { + line-height: 48px; + font-size: 16px; + color: rgba(0, 0, 0, 0.87); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.md .actions-button a, +.md .actions-button { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.md .actions-button a.active-state, +.md .actions-button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media i.icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +.md .actions-label { + font-size: 16px; + color: rgba(0, 0, 0, 0.54); + padding-top: 12px; + padding-bottom: 12px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .actions-grid { + padding: 0; +} +.md .actions-grid .actions-button-media { + width: 48px; + height: 48px; +} +.md .actions-grid .actions-button-media i.icon { + width: 48px; + height: 48px; + font-size: 48px; +} +.md .actions-grid .actions-button { + padding: 16px; + line-height: 1; +} +.md .actions-grid .actions-button-text { + margin-top: 8px; + line-height: 16px; + height: 16px; + font-size: 12px; + color: #757575; +} +.md .actions-button.color-red, +.md .actions-label.color-red, +.md .actions-button.color-red .actions-button-text { + color: #f44336; +} +.md .actions-button.color-green, +.md .actions-label.color-green, +.md .actions-button.color-green .actions-button-text { + color: #4caf50; +} +.md .actions-button.color-blue, +.md .actions-label.color-blue, +.md .actions-button.color-blue .actions-button-text { + color: #2196f3; +} +.md .actions-button.color-pink, +.md .actions-label.color-pink, +.md .actions-button.color-pink .actions-button-text { + color: #e91e63; +} +.md .actions-button.color-yellow, +.md .actions-label.color-yellow, +.md .actions-button.color-yellow .actions-button-text { + color: #ffeb3b; +} +.md .actions-button.color-orange, +.md .actions-label.color-orange, +.md .actions-button.color-orange .actions-button-text { + color: #ff9800; +} +.md .actions-button.color-gray, +.md .actions-label.color-gray, +.md .actions-button.color-gray .actions-button-text { + color: #9e9e9e; +} +.md .actions-button.color-white, +.md .actions-label.color-white, +.md .actions-button.color-white .actions-button-text { + color: #ffffff; +} +.md .actions-button.color-black, +.md .actions-label.color-black, +.md .actions-button.color-black .actions-button-text { + color: #000000; +} +.md.device-iphone-x .actions-modal.modal-in { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +/* === Sheet Modal === */ +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 11000; +} +.sheet-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 260px; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 12500; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sheet-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.md .sheet-modal { + background: #fff; +} +.md .sheet-modal .toolbar { + top: 0; +} +.md .sheet-modal .toolbar:after { + display: none; +} +.md .sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - 48px); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .sheet-modal-inner .page-content { + padding-top: 0; +} +.md.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.md.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.md .theme-dark .sheet-modal { + background-color: #202020; +} +/* === Toast === */ +.toast { + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + position: absolute; + max-width: 568px; + z-index: 20000; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast .toast-text { + line-height: 20px; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons { + font-size: 50px; + width: 50px; + height: 50px; +} +.toast.toast-with-icon .toast-icon .material-icons { + font-size: 48px; + width: 48px; + height: 48px; +} +.toast.toast-center { + top: 50%; + opacity: 0; +} +@media (min-width: 1024px) { + .toast { + opacity: 0; + } +} +html.with-statusbar.device-ios .toast-top, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top { + margin-top: 20px; +} +html.with-statusbar.device-iphone-x .toast-top { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .toast-top, +html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top { + margin-top: 24px; +} +.md .toast { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + border-radius: 4px; + background: #323232; + opacity: 0; + left: 8px; + width: calc(100% - 16px); + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.md .toast.modal-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.md .toast.modal-out { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0; +} +.md .toast.toast-center { + left: 50%; + width: auto; + background: rgba(0, 0, 0, 0.75); + -webkit-transform: scale(0.9) translate3d(-55%, -55%, 0); + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + -webkit-transform: scale(1) translate3d(-50%, -50%, 0); + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + -webkit-transform: scale(1) translate3d(-50%, -50%, 0); + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: 8px; +} +.md .toast.toast-top { + top: 8px; +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: 24px; + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-content { + padding: 14px 24px; +} +.md .toast-button { + margin-top: -8px; + margin-bottom: -8px; + margin-left: 16px; + margin-right: -8px; +} +@media (max-width: 568px) { + .md.device-iphone-x .toast-bottom .toast-content { + padding-bottom: calc(14px + constant(safe-area-inset-bottom)); + padding-bottom: calc(14px + env(safe-area-inset-bottom)); + } +} +@media (min-width: 1024px) { + .md.device-iphone-x .toast-bottom.modal-in { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); + } +} +/* === Preloader === */ +.preloader { + display: inline-block; + vertical-align: middle; +} +/* === Preloader Modal === */ +.preloader-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.preloader-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: 8px; + background: rgba(0, 0, 0, 0.8); + z-index: 14500; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.preloader-modal .preloader { + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.md .preloader { + font-size: 0; + display: inline-block; + width: 32px; + height: 32px; + -webkit-animation: md-preloader-outer 3300ms linear infinite; + animation: md-preloader-outer 3300ms linear infinite; +} +@-webkit-keyframes md-preloader-outer { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes md-preloader-outer { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + -webkit-animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-top: 4px solid #757575; +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 4px solid #757575; + border-bottom-color: transparent !important; + border-radius: 50%; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-duration: 1.3125s; + animation-duration: 1.3125s; + -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + -webkit-animation-name: md-preloader-left-rotate; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + -webkit-animation-name: md-preloader-right-rotate; + animation-name: md-preloader-right-rotate; +} +.md .preloader-modal { + border-radius: 4px; +} +.md .preloader.color-red .preloader-inner-gap, +.md .preloader.preloader-red .preloader-inner-gap, +.md .preloader.color-red .preloader-inner-half-circle, +.md .preloader.preloader-red .preloader-inner-half-circle { + border-color: #f44336; +} +.md .preloader.color-green .preloader-inner-gap, +.md .preloader.preloader-green .preloader-inner-gap, +.md .preloader.color-green .preloader-inner-half-circle, +.md .preloader.preloader-green .preloader-inner-half-circle { + border-color: #4caf50; +} +.md .preloader.color-blue .preloader-inner-gap, +.md .preloader.preloader-blue .preloader-inner-gap, +.md .preloader.color-blue .preloader-inner-half-circle, +.md .preloader.preloader-blue .preloader-inner-half-circle { + border-color: #2196f3; +} +.md .preloader.color-pink .preloader-inner-gap, +.md .preloader.preloader-pink .preloader-inner-gap, +.md .preloader.color-pink .preloader-inner-half-circle, +.md .preloader.preloader-pink .preloader-inner-half-circle { + border-color: #e91e63; +} +.md .preloader.color-yellow .preloader-inner-gap, +.md .preloader.preloader-yellow .preloader-inner-gap, +.md .preloader.color-yellow .preloader-inner-half-circle, +.md .preloader.preloader-yellow .preloader-inner-half-circle { + border-color: #ffeb3b; +} +.md .preloader.color-orange .preloader-inner-gap, +.md .preloader.preloader-orange .preloader-inner-gap, +.md .preloader.color-orange .preloader-inner-half-circle, +.md .preloader.preloader-orange .preloader-inner-half-circle { + border-color: #ff9800; +} +.md .preloader.color-gray .preloader-inner-gap, +.md .preloader.preloader-gray .preloader-inner-gap, +.md .preloader.color-gray .preloader-inner-half-circle, +.md .preloader.preloader-gray .preloader-inner-half-circle { + border-color: #9e9e9e; +} +.md .preloader.color-white .preloader-inner-gap, +.md .preloader.preloader-white .preloader-inner-gap, +.md .preloader.color-white .preloader-inner-half-circle, +.md .preloader.preloader-white .preloader-inner-half-circle { + border-color: #ffffff; +} +.md .preloader.color-black .preloader-inner-gap, +.md .preloader.preloader-black .preloader-inner-gap, +.md .preloader.color-black .preloader-inner-half-circle, +.md .preloader.preloader-black .preloader-inner-half-circle { + border-color: #000000; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + -webkit-animation-name: md-preloader-left-rotate-multicolor; + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + -webkit-animation-name: md-preloader-right-rotate-multicolor; + animation-name: md-preloader-right-rotate-multicolor; +} +@-webkit-keyframes md-preloader-left-rotate { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} +@-webkit-keyframes md-preloader-right-rotate { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} +@-webkit-keyframes md-preloader-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@-webkit-keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@-webkit-keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + -webkit-transform-origin: center top !important; + transform-origin: center top !important; +} +.with-statusbar.device-ios body > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-ios .framework7-root > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-ios body > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-ios .framework7-root > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 20px; +} +.with-statusbar.device-android body > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-android .framework7-root > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-android body > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-android .framework7-root > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 24px; +} +.with-statusbar.device-iphone-x body > .progressbar, +.with-statusbar.device-iphone-x .framework7-root > .progressbar, +.with-statusbar.device-iphone-x body > .progressbar-infinite, +.with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + display: block; +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + -webkit-animation: progressbar-in 150ms forwards; + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + -webkit-animation: progressbar-out 150ms forwards; + animation: progressbar-out 150ms forwards; +} +@-webkit-keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@-webkit-keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +.md .progressbar, +.md .progressbar-infinite { + height: 4px; + background: rgba(33, 150, 243, 0.5); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.md .progressbar span { + background: #2196f3; +} +.md .progressbar-infinite { + z-index: 15000; +} +.md .progressbar-infinite:before, +.md .progressbar-infinite:after { + content: ''; + background: #2196f3; +} +.md .progressbar-infinite:before { + -webkit-animation: md-progressbar-infinite-1 2s linear infinite; + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + -webkit-animation: md-progressbar-infinite-2 2s linear infinite; + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + -webkit-animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + -webkit-animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + -webkit-transform-origin: center center; + transform-origin: center center; +} +.md .color-theme-red .progressbar, +.md .color-theme-red .progressbar-infinite { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-red .progressbar span { + background: #f44336; +} +.md .color-theme-red .progressbar-infinite:before, +.md .color-theme-red .progressbar-infinite:after { + background: #f44336; +} +.md .color-theme-green .progressbar, +.md .color-theme-green .progressbar-infinite { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-green .progressbar span { + background: #4caf50; +} +.md .color-theme-green .progressbar-infinite:before, +.md .color-theme-green .progressbar-infinite:after { + background: #4caf50; +} +.md .color-theme-blue .progressbar, +.md .color-theme-blue .progressbar-infinite { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-blue .progressbar span { + background: #2196f3; +} +.md .color-theme-blue .progressbar-infinite:before, +.md .color-theme-blue .progressbar-infinite:after { + background: #2196f3; +} +.md .color-theme-pink .progressbar, +.md .color-theme-pink .progressbar-infinite { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-pink .progressbar span { + background: #e91e63; +} +.md .color-theme-pink .progressbar-infinite:before, +.md .color-theme-pink .progressbar-infinite:after { + background: #e91e63; +} +.md .color-theme-yellow .progressbar, +.md .color-theme-yellow .progressbar-infinite { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-yellow .progressbar span { + background: #ffeb3b; +} +.md .color-theme-yellow .progressbar-infinite:before, +.md .color-theme-yellow .progressbar-infinite:after { + background: #ffeb3b; +} +.md .color-theme-orange .progressbar, +.md .color-theme-orange .progressbar-infinite { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-orange .progressbar span { + background: #ff9800; +} +.md .color-theme-orange .progressbar-infinite:before, +.md .color-theme-orange .progressbar-infinite:after { + background: #ff9800; +} +.md .color-theme-gray .progressbar, +.md .color-theme-gray .progressbar-infinite { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-gray .progressbar span { + background: #9e9e9e; +} +.md .color-theme-gray .progressbar-infinite:before, +.md .color-theme-gray .progressbar-infinite:after { + background: #9e9e9e; +} +.md .color-theme-white .progressbar, +.md .color-theme-white .progressbar-infinite { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-white .progressbar span { + background: #ffffff; +} +.md .color-theme-white .progressbar-infinite:before, +.md .color-theme-white .progressbar-infinite:after { + background: #ffffff; +} +.md .color-theme-black .progressbar, +.md .color-theme-black .progressbar-infinite { + background: rgba(0, 0, 0, 0.5); +} +.md .color-theme-black .progressbar span { + background: #000000; +} +.md .color-theme-black .progressbar-infinite:before, +.md .color-theme-black .progressbar-infinite:after { + background: #000000; +} +.md .progressbar.color-red, +.md .progressbar-infinite.color-red { + background: rgba(244, 67, 54, 0.5); +} +.md .progressbar.color-red span { + background: #f44336; +} +.md .progressbar-infinite.color-red:before, +.md .progressbar-infinite.color-red:after { + background: #f44336; +} +.md .progressbar.color-green, +.md .progressbar-infinite.color-green { + background: rgba(76, 175, 80, 0.5); +} +.md .progressbar.color-green span { + background: #4caf50; +} +.md .progressbar-infinite.color-green:before, +.md .progressbar-infinite.color-green:after { + background: #4caf50; +} +.md .progressbar.color-blue, +.md .progressbar-infinite.color-blue { + background: rgba(33, 150, 243, 0.5); +} +.md .progressbar.color-blue span { + background: #2196f3; +} +.md .progressbar-infinite.color-blue:before, +.md .progressbar-infinite.color-blue:after { + background: #2196f3; +} +.md .progressbar.color-pink, +.md .progressbar-infinite.color-pink { + background: rgba(233, 30, 99, 0.5); +} +.md .progressbar.color-pink span { + background: #e91e63; +} +.md .progressbar-infinite.color-pink:before, +.md .progressbar-infinite.color-pink:after { + background: #e91e63; +} +.md .progressbar.color-yellow, +.md .progressbar-infinite.color-yellow { + background: rgba(255, 235, 59, 0.5); +} +.md .progressbar.color-yellow span { + background: #ffeb3b; +} +.md .progressbar-infinite.color-yellow:before, +.md .progressbar-infinite.color-yellow:after { + background: #ffeb3b; +} +.md .progressbar.color-orange, +.md .progressbar-infinite.color-orange { + background: rgba(255, 152, 0, 0.5); +} +.md .progressbar.color-orange span { + background: #ff9800; +} +.md .progressbar-infinite.color-orange:before, +.md .progressbar-infinite.color-orange:after { + background: #ff9800; +} +.md .progressbar.color-gray, +.md .progressbar-infinite.color-gray { + background: rgba(158, 158, 158, 0.5); +} +.md .progressbar.color-gray span { + background: #9e9e9e; +} +.md .progressbar-infinite.color-gray:before, +.md .progressbar-infinite.color-gray:after { + background: #9e9e9e; +} +.md .progressbar.color-white, +.md .progressbar-infinite.color-white { + background: rgba(255, 255, 255, 0.5); +} +.md .progressbar.color-white span { + background: #ffffff; +} +.md .progressbar-infinite.color-white:before, +.md .progressbar-infinite.color-white:after { + background: #ffffff; +} +.md .progressbar.color-black, +.md .progressbar-infinite.color-black { + background: rgba(0, 0, 0, 0.5); +} +.md .progressbar.color-black span { + background: #000000; +} +.md .progressbar-infinite.color-black:before, +.md .progressbar-infinite.color-black:after { + background: #000000; +} +@-webkit-keyframes md-progressbar-infinite-1 { + 0% { + -webkit-transform: translateX(-10%) scaleX(0.1); + transform: translateX(-10%) scaleX(0.1); + } + 25% { + -webkit-transform: translateX(30%) scaleX(0.6); + transform: translateX(30%) scaleX(0.6); + } + 50% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-1 { + 0% { + -webkit-transform: translateX(-10%) scaleX(0.1); + transform: translateX(-10%) scaleX(0.1); + } + 25% { + -webkit-transform: translateX(30%) scaleX(0.6); + transform: translateX(30%) scaleX(0.6); + } + 50% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } +} +@-webkit-keyframes md-progressbar-infinite-2 { + 0% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 40% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 75% { + -webkit-transform: translateX(60%) scaleX(0.35); + transform: translateX(60%) scaleX(0.35); + } + 90% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 40% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 75% { + -webkit-transform: translateX(60%) scaleX(0.35); + transform: translateX(60%) scaleX(0.35); + } + 90% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } +} +@-webkit-keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@-webkit-keyframes md-progressbar-infinite-multicolor-fill { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #f44336; + } + 25% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #4caf50; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #f44336; + } + 25% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +.sortable .sortable-handler { + position: absolute; + top: 0; + bottom: 1px; + z-index: 10; + background-repeat: no-repeat; + background-size: 18px 12px; + opacity: 0; + pointer-events: none; + cursor: move; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + right: 0; + background-position: 100% 50%; +} +.sortable .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: rgba(255, 255, 255, 0.8); + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; + background-position: 50% 50%; +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.theme-dark .sortable li.sorting, +.sortable.theme-dark li.sorting { + background-color: rgba(50, 50, 50, 0.8); +} +.md .sortable-handler { + width: 50px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E"); +} +.md .sortable li.sorting { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .sortable-enabled .item-inner, +.md .sortable-enabled .item-link .item-inner { + padding-right: 50px; +} +.md .list.sortable-enabled .item-link.no-chevron .item-inner, +.md .list.sortable-enabled.no-chevron .item-link .item-inner, +.md .list.sortable-enabled .no-chevron .item-link .item-inner, +.md .no-chevron .list.sortable-enabled .item-link .item-inner { + padding-right: 50px; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-right-edge .sortable-handler, + .md.device-iphone-x .ios-edges .sortable-handler, + .md.device-iphone-x .popup .sortable-handler, + .md.device-iphone-x .sheet-modal .sortable-handler, + .md.device-iphone-x .panel-right .sortable-handler { + right: constant(safe-area-inset-right); + right: env(safe-area-inset-right); + } + .md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-right: calc(42px + constant(safe-area-inset-right)); + padding-right: calc(42px + env(safe-area-inset-right)); + } +} +/* === Swipeout === */ +.swipeout { + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swipeout-deleting { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: left, -webkit-transform; + transition-property: left, -webkit-transform; + transition-property: transform, left; + transition-property: transform, left, -webkit-transform; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: left; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: #fff; + background: #c7c7cc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-right { + right: 0%; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.md .swipeout-actions-left > a, +.md .swipeout-actions-right > a, +.md .swipeout-actions-left > button, +.md .swipeout-actions-right > button, +.md .swipeout-actions-left > span, +.md .swipeout-actions-right > span, +.md .swipeout-actions-left > div, +.md .swipeout-actions-right > div { + padding: 0 24px; + color: #fff; +} +.md .swipeout-actions-left .swipeout-delete, +.md .swipeout-actions-right .swipeout-delete { + background: #f44336; +} +.md .swipeout-actions-left > a.color-red, +.md .swipeout-actions-right > a.color-red, +.md .swipeout-actions-left > button.color-red, +.md .swipeout-actions-right > button.color-red, +.md .swipeout-actions-left > span.color-red, +.md .swipeout-actions-right > span.color-red, +.md .swipeout-actions-left > div.color-red, +.md .swipeout-actions-right > div.color-red { + background-color: #f44336; +} +.md .swipeout-actions-left > a.color-green, +.md .swipeout-actions-right > a.color-green, +.md .swipeout-actions-left > button.color-green, +.md .swipeout-actions-right > button.color-green, +.md .swipeout-actions-left > span.color-green, +.md .swipeout-actions-right > span.color-green, +.md .swipeout-actions-left > div.color-green, +.md .swipeout-actions-right > div.color-green { + background-color: #4caf50; +} +.md .swipeout-actions-left > a.color-blue, +.md .swipeout-actions-right > a.color-blue, +.md .swipeout-actions-left > button.color-blue, +.md .swipeout-actions-right > button.color-blue, +.md .swipeout-actions-left > span.color-blue, +.md .swipeout-actions-right > span.color-blue, +.md .swipeout-actions-left > div.color-blue, +.md .swipeout-actions-right > div.color-blue { + background-color: #2196f3; +} +.md .swipeout-actions-left > a.color-pink, +.md .swipeout-actions-right > a.color-pink, +.md .swipeout-actions-left > button.color-pink, +.md .swipeout-actions-right > button.color-pink, +.md .swipeout-actions-left > span.color-pink, +.md .swipeout-actions-right > span.color-pink, +.md .swipeout-actions-left > div.color-pink, +.md .swipeout-actions-right > div.color-pink { + background-color: #e91e63; +} +.md .swipeout-actions-left > a.color-yellow, +.md .swipeout-actions-right > a.color-yellow, +.md .swipeout-actions-left > button.color-yellow, +.md .swipeout-actions-right > button.color-yellow, +.md .swipeout-actions-left > span.color-yellow, +.md .swipeout-actions-right > span.color-yellow, +.md .swipeout-actions-left > div.color-yellow, +.md .swipeout-actions-right > div.color-yellow { + background-color: #ffeb3b; +} +.md .swipeout-actions-left > a.color-orange, +.md .swipeout-actions-right > a.color-orange, +.md .swipeout-actions-left > button.color-orange, +.md .swipeout-actions-right > button.color-orange, +.md .swipeout-actions-left > span.color-orange, +.md .swipeout-actions-right > span.color-orange, +.md .swipeout-actions-left > div.color-orange, +.md .swipeout-actions-right > div.color-orange { + background-color: #ff9800; +} +.md .swipeout-actions-left > a.color-gray, +.md .swipeout-actions-right > a.color-gray, +.md .swipeout-actions-left > button.color-gray, +.md .swipeout-actions-right > button.color-gray, +.md .swipeout-actions-left > span.color-gray, +.md .swipeout-actions-right > span.color-gray, +.md .swipeout-actions-left > div.color-gray, +.md .swipeout-actions-right > div.color-gray { + background-color: #9e9e9e; +} +.md .swipeout-actions-left > a.color-white, +.md .swipeout-actions-right > a.color-white, +.md .swipeout-actions-left > button.color-white, +.md .swipeout-actions-right > button.color-white, +.md .swipeout-actions-left > span.color-white, +.md .swipeout-actions-right > span.color-white, +.md .swipeout-actions-left > div.color-white, +.md .swipeout-actions-right > div.color-white { + background-color: #ffffff; +} +.md .swipeout-actions-left > a.color-black, +.md .swipeout-actions-right > a.color-black, +.md .swipeout-actions-left > button.color-black, +.md .swipeout-actions-right > button.color-black, +.md .swipeout-actions-left > span.color-black, +.md .swipeout-actions-right > span.color-black, +.md .swipeout-actions-left > div.color-black, +.md .swipeout-actions-right > div.color-black { + background-color: #000000; +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-left: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + -webkit-transform: none; + transform: none; +} +.md .list .accordion-item-toggle .item-inner { + padding-right: 42px; + background: no-repeat calc(100% - 16px) center; +} +.md .list .accordion-item-toggle.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner, +.md .media-list .accordion-item .accordion-item-toggle .item-title-row, +.md .media-list .accordion-item > .item-link .item-title-row, +.md .accordion-item.media-item .accordion-item-toggle .item-title-row, +.md .accordion-item.media-item > .item-link .item-title-row, +.md .links-list .accordion-item > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; +} +.md .list .accordion-item-toggle.accordion-item-opened .item-inner, +.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.md .media-list .accordion-item-opened > .item-link .item-title-row, +.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.md .accordion-item-opened.media-item > .item-link .item-title-row, +.md .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.md .theme-dark .list .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner, +.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row, +.md .theme-dark .media-list .accordion-item > .item-link .item-title-row, +.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row, +.md .theme-dark .accordion-item.media-item > .item-link .item-title-row, +.md .theme-dark .links-list .accordion-item > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.md .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row, +.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.md .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row, +.md .theme-dark .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +/* === Contacts === */ +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list { + margin: 0; +} +.md .contacts-list .list-group-title { + padding: 0 16px; + pointer-events: none; + background: none; + color: #2196f3; + font-weight: 500; + line-height: 48px; + height: 48px; + font-size: 20px; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: -48px; +} +.md .contacts-list li:not(.list-group-title) { + padding-left: 56px; +} +.md .theme-dark .contacts-list .list-group-title { + color: #fff; +} +/* === Virtual List === */ +/* === Indexed List === */ +.list-index { + position: absolute; + top: 0; + bottom: 0; + right: 0; + text-align: center; + z-index: 10; + width: 16px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + font-size: 11px; + font-weight: 600; + list-style: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: 14px; + line-height: 14px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + border-radius: 50%; + color: #fff; + font-weight: 500; +} +.md .list-index ul { + color: #2196f3; +} +.md .list-index .list-index-skip-placeholder:after { + content: ''; + width: 4px; + height: 4px; + margin-left: -2px; + margin-top: -2px; + background: #2196f3; +} +.md .list-index .list-index-label { + width: 56px; + height: 56px; + line-height: 56px; + border-radius: 50% 50% 0 50%; + background: #2196f3; + font-size: 20px; +} +.md .navbar ~ .list-index { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .list-index { + top: 64px; + } +} +.md .navbar ~ .toolbar:not(.toolbar-bottom-md) ~ .list-index, +.md .navbar ~ .subnavbar ~ .list-index, +.md .page-with-subnavbar .navbar ~ .list-index { + top: 104px; +} +.md .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .list-index { + top: 128px; +} +.md .toolbar-bottom-md ~ .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index { + bottom: 48px; +} +.md .tabbar-labels.toolbar-bottom-md ~ .page > .list-index, +.md .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index, +.md .tabbar-labels.toolbar-bottom-md ~ .list-index { + bottom: 56px; +} +.md.device-iphone-x .toolbar-bottom-md ~ .page > .list-index, +.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index, +.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index { + bottom: calc(48px + constant(safe-area-inset-bottom)); + bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .page > .list-index, +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index, +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .list-index { + bottom: calc(56px + constant(safe-area-inset-bottom)); + bottom: calc(56px + env(safe-area-inset-bottom)); +} +.md .color-theme-red .list-index ul, +.md .list-index.color-theme-red ul { + color: #f44336; +} +.md .color-theme-red .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-red .list-index-skip-placeholder:after, +.md .color-theme-red .list-index .list-index-label, +.md .list-index.color-theme-red .list-index-label { + background-color: #f44336; +} +.md .color-theme-green .list-index ul, +.md .list-index.color-theme-green ul { + color: #4caf50; +} +.md .color-theme-green .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-green .list-index-skip-placeholder:after, +.md .color-theme-green .list-index .list-index-label, +.md .list-index.color-theme-green .list-index-label { + background-color: #4caf50; +} +.md .color-theme-blue .list-index ul, +.md .list-index.color-theme-blue ul { + color: #2196f3; +} +.md .color-theme-blue .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-blue .list-index-skip-placeholder:after, +.md .color-theme-blue .list-index .list-index-label, +.md .list-index.color-theme-blue .list-index-label { + background-color: #2196f3; +} +.md .color-theme-pink .list-index ul, +.md .list-index.color-theme-pink ul { + color: #e91e63; +} +.md .color-theme-pink .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-pink .list-index-skip-placeholder:after, +.md .color-theme-pink .list-index .list-index-label, +.md .list-index.color-theme-pink .list-index-label { + background-color: #e91e63; +} +.md .color-theme-yellow .list-index ul, +.md .list-index.color-theme-yellow ul { + color: #ffeb3b; +} +.md .color-theme-yellow .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-yellow .list-index-skip-placeholder:after, +.md .color-theme-yellow .list-index .list-index-label, +.md .list-index.color-theme-yellow .list-index-label { + background-color: #ffeb3b; +} +.md .color-theme-orange .list-index ul, +.md .list-index.color-theme-orange ul { + color: #ff9800; +} +.md .color-theme-orange .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-orange .list-index-skip-placeholder:after, +.md .color-theme-orange .list-index .list-index-label, +.md .list-index.color-theme-orange .list-index-label { + background-color: #ff9800; +} +.md .color-theme-gray .list-index ul, +.md .list-index.color-theme-gray ul { + color: #9e9e9e; +} +.md .color-theme-gray .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-gray .list-index-skip-placeholder:after, +.md .color-theme-gray .list-index .list-index-label, +.md .list-index.color-theme-gray .list-index-label { + background-color: #9e9e9e; +} +.md .color-theme-white .list-index ul, +.md .list-index.color-theme-white ul { + color: #ffffff; +} +.md .color-theme-white .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-white .list-index-skip-placeholder:after, +.md .color-theme-white .list-index .list-index-label, +.md .list-index.color-theme-white .list-index-label { + background-color: #ffffff; +} +.md .color-theme-black .list-index ul, +.md .list-index.color-theme-black ul { + color: #000000; +} +.md .color-theme-black .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-black .list-index-skip-placeholder:after, +.md .color-theme-black .list-index .list-index-label, +.md .list-index.color-theme-black .list-index-label { + background-color: #000000; +} +.md .list-index.color-red ul { + color: #f44336; +} +.md .list-index.color-red .list-index-skip-placeholder:after, +.md .list-index.color-red .list-index-label { + background-color: #f44336; +} +.md .list-index.color-green ul { + color: #4caf50; +} +.md .list-index.color-green .list-index-skip-placeholder:after, +.md .list-index.color-green .list-index-label { + background-color: #4caf50; +} +.md .list-index.color-blue ul { + color: #2196f3; +} +.md .list-index.color-blue .list-index-skip-placeholder:after, +.md .list-index.color-blue .list-index-label { + background-color: #2196f3; +} +.md .list-index.color-pink ul { + color: #e91e63; +} +.md .list-index.color-pink .list-index-skip-placeholder:after, +.md .list-index.color-pink .list-index-label { + background-color: #e91e63; +} +.md .list-index.color-yellow ul { + color: #ffeb3b; +} +.md .list-index.color-yellow .list-index-skip-placeholder:after, +.md .list-index.color-yellow .list-index-label { + background-color: #ffeb3b; +} +.md .list-index.color-orange ul { + color: #ff9800; +} +.md .list-index.color-orange .list-index-skip-placeholder:after, +.md .list-index.color-orange .list-index-label { + background-color: #ff9800; +} +.md .list-index.color-gray ul { + color: #9e9e9e; +} +.md .list-index.color-gray .list-index-skip-placeholder:after, +.md .list-index.color-gray .list-index-label { + background-color: #9e9e9e; +} +.md .list-index.color-white ul { + color: #ffffff; +} +.md .list-index.color-white .list-index-skip-placeholder:after, +.md .list-index.color-white .list-index-label { + background-color: #ffffff; +} +.md .list-index.color-black ul { + color: #000000; +} +.md .list-index.color-black .list-index-skip-placeholder:after, +.md .list-index.color-black .list-index-label { + background-color: #000000; +} +/* === Timeline === */ +.timeline { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.timeline-item-date { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 50px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + margin-top: 3px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: 13px; +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-horizontal { + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + height: 100%; +} +.timeline-horizontal .timeline-item-date { + width: auto; + line-height: 34px; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 34px; + text-align: left; +} +.timeline-horizontal .timeline-item-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } +} +.timeline-horizontal .timeline-year, +.timeline-horizontal .timeline-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + padding-top: 24px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; +} +.timeline-horizontal .timeline-year-title, +.timeline-horizontal .timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + line-height: 24px; + height: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-horizontal .timeline-year-title span, +.timeline-horizontal .timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; +} +.timeline-horizontal .timeline-year-title { + font-size: 16px; +} +.timeline-horizontal .timeline-month-title span { + margin-top: -2px; +} +/* === Timeline MD === */ +.md .timeline { + margin: 32px 0; + padding: 0 16px; +} +.md .block-strong .timeline { + padding: 0; + margin: 0; +} +.md .timeline-item { + padding: 2px 0px 16px; +} +.md .timeline-item:last-child { + padding-bottom: 2px; +} +.md .timeline-item-content .card, +.md .timeline-item-content.card, +.md .timeline-item-content .list, +.md .timeline-item-content.list, +.md .timeline-item-content .block, +.md .timeline-item-content.block { + margin: 0; + width: 100%; +} +.md .timeline-item-content .card + .card, +.md .timeline-item-content .list + .card, +.md .timeline-item-content .block + .card, +.md .timeline-item-content .card + .list, +.md .timeline-item-content .list + .list, +.md .timeline-item-content .block + .list, +.md .timeline-item-content .card + .block, +.md .timeline-item-content .list + .block, +.md .timeline-item-content .block + .block { + margin: 16px 0 0; +} +.md .timeline-item-inner { + border-radius: 2px; + padding: 8px 16px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .timeline-item-inner + .timeline-item-inner { + margin-top: 16px; +} +.md .timeline-item-divider { + margin-left: 16px; + margin-right: 16px; +} +.md .timeline-item-time { + margin-top: 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .timeline-item-time:first-child { + margin-top: 0; +} +.md .timeline-item-title { + font-size: 16px; +} +.md .timeline-sides .timeline-item { + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; +} +.md .timeline-sides .timeline-item .timeline-item-date { + text-align: right; +} +.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; +} +.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; +} +.md .timeline-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; +} +.md .timeline-sides .timeline-item-left .timeline-item-date { + text-align: left; +} +.md .timeline-sides .timeline-item-right { + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; +} +.md .timeline-sides .timeline-item-right .timeline-item-date { + text-align: right; +} +@media (min-width: 768px) { + .md .tablet-sides .timeline-item { + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; + } + .md .tablet-sides .timeline-item .timeline-item-date { + text-align: right; + } + .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; + } + .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; + } + .md .tablet-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; + } + .md .tablet-sides .timeline-item-left .timeline-item-date { + text-align: left; + } + .md .tablet-sides .timeline-item-right { + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; + } + .md .tablet-sides .timeline-item-right .timeline-item-date { + text-align: right; + } +} +.md .timeline-horizontal { + padding: 0; + margin: 0; + position: relative; +} +.md .timeline-horizontal .timeline-item { + padding-top: 34px !important; + padding-bottom: 12px; +} +.md .timeline-horizontal .timeline-item-date { + background: #2196f3; + padding: 0px 12px; + color: #fff; +} +.md .timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .timeline-horizontal .timeline-item-content { + padding: 12px; + height: calc(100% - 12px); +} +.md .timeline-horizontal.no-shadow .timeline-item-date:after { + display: none; +} +.md .timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.md .timeline-horizontal .timeline-item:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .timeline-year-title, +.md .timeline-month-title { + padding: 0 12px; + color: #fff; + background: #2196f3; +} +.md .timeline-year-title span, +.md .timeline-month-title span { + left: 12px; +} +.md .timeline-year-title span { + margin-top: 2px; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span { + left: calc(12px + constant(safe-area-inset-left)); + left: calc(12px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: -44px; + right: 0; + width: auto; + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(12px + constant(safe-area-inset-left)); + padding-left: calc(12px + env(safe-area-inset-left)); + left: calc(0px - constant(safe-area-inset-left)); + left: calc(0px - env(safe-area-inset-left)); + right: 0; + } + .md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + left: 0; + } + .md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .timeline-item-inner { + background-color: rgba(255, 255, 255, 0.03); +} +.md .theme-dark .timeline-item-time { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .timeline-item-date, +.md .color-theme-red .timeline-year-title, +.md .color-theme-red .timeline-month-title { + background: #f44336; +} +.md .color-theme-green .timeline-item-date, +.md .color-theme-green .timeline-year-title, +.md .color-theme-green .timeline-month-title { + background: #4caf50; +} +.md .color-theme-blue .timeline-item-date, +.md .color-theme-blue .timeline-year-title, +.md .color-theme-blue .timeline-month-title { + background: #2196f3; +} +.md .color-theme-pink .timeline-item-date, +.md .color-theme-pink .timeline-year-title, +.md .color-theme-pink .timeline-month-title { + background: #e91e63; +} +.md .color-theme-yellow .timeline-item-date, +.md .color-theme-yellow .timeline-year-title, +.md .color-theme-yellow .timeline-month-title { + background: #ffeb3b; +} +.md .color-theme-orange .timeline-item-date, +.md .color-theme-orange .timeline-year-title, +.md .color-theme-orange .timeline-month-title { + background: #ff9800; +} +.md .color-theme-gray .timeline-item-date, +.md .color-theme-gray .timeline-year-title, +.md .color-theme-gray .timeline-month-title { + background: #9e9e9e; +} +.md .color-theme-white .timeline-item-date, +.md .color-theme-white .timeline-year-title, +.md .color-theme-white .timeline-month-title { + background: #ffffff; +} +.md .color-theme-black .timeline-item-date, +.md .color-theme-black .timeline-year-title, +.md .color-theme-black .timeline-month-title { + background: #000000; +} +.md .timeline.color-theme-red .timeline-item-date, +.md .timeline.color-theme-red .timeline-year-title, +.md .timeline.color-theme-red .timeline-month-title { + background: #f44336; +} +.md .timeline.color-theme-green .timeline-item-date, +.md .timeline.color-theme-green .timeline-year-title, +.md .timeline.color-theme-green .timeline-month-title { + background: #4caf50; +} +.md .timeline.color-theme-blue .timeline-item-date, +.md .timeline.color-theme-blue .timeline-year-title, +.md .timeline.color-theme-blue .timeline-month-title { + background: #2196f3; +} +.md .timeline.color-theme-pink .timeline-item-date, +.md .timeline.color-theme-pink .timeline-year-title, +.md .timeline.color-theme-pink .timeline-month-title { + background: #e91e63; +} +.md .timeline.color-theme-yellow .timeline-item-date, +.md .timeline.color-theme-yellow .timeline-year-title, +.md .timeline.color-theme-yellow .timeline-month-title { + background: #ffeb3b; +} +.md .timeline.color-theme-orange .timeline-item-date, +.md .timeline.color-theme-orange .timeline-year-title, +.md .timeline.color-theme-orange .timeline-month-title { + background: #ff9800; +} +.md .timeline.color-theme-gray .timeline-item-date, +.md .timeline.color-theme-gray .timeline-year-title, +.md .timeline.color-theme-gray .timeline-month-title { + background: #9e9e9e; +} +.md .timeline.color-theme-white .timeline-item-date, +.md .timeline.color-theme-white .timeline-year-title, +.md .timeline.color-theme-white .timeline-month-title { + background: #ffffff; +} +.md .timeline.color-theme-black .timeline-item-date, +.md .timeline.color-theme-black .timeline-year-title, +.md .timeline.color-theme-black .timeline-month-title { + background: #000000; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +.panel-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 5999; + display: none; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.panel-backdrop.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + overflow: auto; + -webkit-overflow-scrolling: touch; + top: 0; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 260px; + background-color: #fff; +} +.panel.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + -webkit-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + -webkit-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); +} +html.with-panel-left-cover .panel-left { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-statusbar.device-ios .panel, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel { + top: 20px; + height: calc(100% - 20px); +} +html.with-statusbar.device-android .panel, +html.with-statusbar.md:not(.device-ios):not(.device-android) .panel { + top: 24px; + height: calc(100% - 24px); +} +html.with-statusbar.device-iphone-x .panel { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); +} +.md .panel-backdrop { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + background: rgba(0, 0, 0, 0.2); +} +.md .panel { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .panel-visible { + display: block; +} +.md .panel-visible-by-breakpoint { + -webkit-box-shadow: none; + box-shadow: none; +} +.md.with-panel-left-cover .panel-cover, +.md.with-panel-right-cover .panel-cover { + -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); +} +.md.with-panel-left-reveal .views, +.md.with-panel-right-reveal .views, +.md.with-panel-left-reveal .framework7-root > .view, +.md.with-panel-right-reveal .framework7-root > .view { + -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); +} +.md.with-panel-left-reveal .views, +.md.with-panel-right-reveal .views, +.md.with-panel-transitioning .views, +.md.with-panel-left-reveal .framework7-root > .view, +.md.with-panel-right-reveal .framework7-root > .view, +.md.with-panel-transitioning .framework7-root > .view { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform, -webkit-box-shadow; + transition-property: -webkit-transform, -webkit-box-shadow; + transition-property: transform, box-shadow; + transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow; +} +/* === Card === */ +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.card { + background: #fff; + position: relative; + border-radius: 4px; + font-size: 14px; +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header, +.card-footer { + min-height: 44px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: 4px 4px 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .card-header:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-header:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 4px 4px; +} +.card-footer:before { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +html.device-pixel-ratio-2 .card-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-footer.no-hairline:before { + display: none !important; +} +.md .cards-list ul, +.md .card .list ul { + background: none; +} +.md .card { + margin: 8px; + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} +.md .card-outline { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.md .card-header a.link, +.md .card-footer a.link { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +input[type="submit"].md .card-header a.link, +input[type="submit"].md .card-footer a.link, +input[type="button"].md .card-header a.link, +input[type="button"].md .card-footer a.link { + width: 100%; +} +.md .card-header a.link.active-state, +.md .card-footer a.link.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .card-header a.icon-only, +.md .card-footer a.icon-only { + min-width: 48px; +} +.md .page-content > .card:last-child { + margin-bottom: 32px; +} +.md .card-content-padding { + padding: 16px; +} +.md .card-content-padding > .list, +.md .card-content-padding > .block { + margin: -16px; +} +.md .card-header, +.md .card-footer { + min-height: 48px; + padding: 4px 16px; +} +.md .card-header { + font-size: 16px; +} +.md .card-footer { + color: #757575; +} +.md .theme-dark .card { + background-color: rgba(255, 255, 255, 0.03); +} +.md .theme-dark .card-outline { + border-color: #282829; +} +.md .theme-dark .card-header:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .card-footer { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .card-footer:before { + background-color: rgba(255, 255, 255, 0.08); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(8px + constant(safe-area-inset-left)); + margin-left: calc(8px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(8px + constant(safe-area-inset-right)); + margin-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .color-theme-red .card-header a.link, +.md .color-theme-red .card-footer a.link, +.md .card-header.color-theme-red a.link, +.md .card-footer.color-theme-red a.link { + color: #f44336; +} +.md .color-theme-green .card-header a.link, +.md .color-theme-green .card-footer a.link, +.md .card-header.color-theme-green a.link, +.md .card-footer.color-theme-green a.link { + color: #4caf50; +} +.md .color-theme-blue .card-header a.link, +.md .color-theme-blue .card-footer a.link, +.md .card-header.color-theme-blue a.link, +.md .card-footer.color-theme-blue a.link { + color: #2196f3; +} +.md .color-theme-pink .card-header a.link, +.md .color-theme-pink .card-footer a.link, +.md .card-header.color-theme-pink a.link, +.md .card-footer.color-theme-pink a.link { + color: #e91e63; +} +.md .color-theme-yellow .card-header a.link, +.md .color-theme-yellow .card-footer a.link, +.md .card-header.color-theme-yellow a.link, +.md .card-footer.color-theme-yellow a.link { + color: #ffeb3b; +} +.md .color-theme-orange .card-header a.link, +.md .color-theme-orange .card-footer a.link, +.md .card-header.color-theme-orange a.link, +.md .card-footer.color-theme-orange a.link { + color: #ff9800; +} +.md .color-theme-gray .card-header a.link, +.md .color-theme-gray .card-footer a.link, +.md .card-header.color-theme-gray a.link, +.md .card-footer.color-theme-gray a.link { + color: #9e9e9e; +} +.md .color-theme-white .card-header a.link, +.md .color-theme-white .card-footer a.link, +.md .card-header.color-theme-white a.link, +.md .card-footer.color-theme-white a.link { + color: #ffffff; +} +.md .color-theme-black .card-header a.link, +.md .color-theme-black .card-footer a.link, +.md .card-header.color-theme-black a.link, +.md .card-footer.color-theme-black a.link { + color: #000000; +} +.md .card-header a.link.color-red, +.md .card-footer a.link.color-red { + color: #f44336; +} +.md .card-header a.link.color-green, +.md .card-footer a.link.color-green { + color: #4caf50; +} +.md .card-header a.link.color-blue, +.md .card-footer a.link.color-blue { + color: #2196f3; +} +.md .card-header a.link.color-pink, +.md .card-footer a.link.color-pink { + color: #e91e63; +} +.md .card-header a.link.color-yellow, +.md .card-footer a.link.color-yellow { + color: #ffeb3b; +} +.md .card-header a.link.color-orange, +.md .card-footer a.link.color-orange { + color: #ff9800; +} +.md .card-header a.link.color-gray, +.md .card-footer a.link.color-gray { + color: #9e9e9e; +} +.md .card-header a.link.color-white, +.md .card-footer a.link.color-white { + color: #ffffff; +} +.md .card-header a.link.color-black, +.md .card-footer a.link.color-black { + color: #000000; +} +/* === Chips === */ +.chip { + font-weight: normal; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 2px 0; +} +.chip-media { + border-radius: 50%; + text-align: center; + color: #fff; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background-repeat: no-repeat; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.md .chip { + font-size: 13px; + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + height: 32px; + line-height: 32px; + border-radius: 16px; + padding: 0 12px; +} +.md .chip-outline { + background: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.md .chip-media { + width: 32px; + height: 32px; + vertical-align: top; + border-radius: 50%; + text-align: center; + line-height: 32px; + color: #fff; + font-size: 16px; + margin-left: -12px; +} +.md .chip-media + .chip-label { + margin-left: 8px; +} +.md .chip-label + .chip-delete { + margin-left: 4px; +} +.md .chip-delete { + width: 24px; + height: 24px; + line-height: 24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + background-position: center; + background-size: 20px 20px; + opacity: 0.54; + margin-right: -8px; +} +.md .theme-dark .chip { + background: #333; + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .chip-outline { + background: none; + border-color: #333; +} +.md .theme-dark .chip-delete { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .chip.color-red { + background: #f44336; + color: #fff; +} +.md .chip.color-red.chip-outline { + background: none; + border-color: #f44336; + color: #f44336; +} +.md .chip.color-green { + background: #4caf50; + color: #fff; +} +.md .chip.color-green.chip-outline { + background: none; + border-color: #4caf50; + color: #4caf50; +} +.md .chip.color-blue { + background: #2196f3; + color: #fff; +} +.md .chip.color-blue.chip-outline { + background: none; + border-color: #2196f3; + color: #2196f3; +} +.md .chip.color-pink { + background: #e91e63; + color: #fff; +} +.md .chip.color-pink.chip-outline { + background: none; + border-color: #e91e63; + color: #e91e63; +} +.md .chip.color-yellow { + background: #ffeb3b; + color: #fff; +} +.md .chip.color-yellow.chip-outline { + background: none; + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .chip.color-orange { + background: #ff9800; + color: #fff; +} +.md .chip.color-orange.chip-outline { + background: none; + border-color: #ff9800; + color: #ff9800; +} +.md .chip.color-gray { + background: #9e9e9e; + color: #fff; +} +.md .chip.color-gray.chip-outline { + background: none; + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .chip.color-white { + background: #ffffff; + color: #fff; +} +.md .chip.color-white.chip-outline { + background: none; + border-color: #ffffff; + color: #ffffff; +} +.md .chip.color-black { + background: #000000; + color: #fff; +} +.md .chip.color-black.chip-outline { + background: none; + border-color: #000000; + color: #000000; +} +/* === Input === */ +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select, +.list textarea { + width: 100%; +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: 44px; +} +.list textarea { + resize: none; + line-height: 1.4; + height: 100px; +} +.list .item-label, +.list .item-floating-label { + vertical-align: top; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.list .item-input-wrap { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + position: absolute; + top: 50%; + border-radius: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + right: 0; +} +.input-clear-button:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-repeat: no-repeat; + background-position: center center; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #727272; + right: 2px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 14px; +} +.md .list input[type="text"], +.md .list input[type="password"], +.md .list input[type="search"], +.md .list input[type="email"], +.md .list input[type="tel"], +.md .list input[type="url"], +.md .list input[type="date"], +.md .list input[type="datetime-local"], +.md .list input[type="time"], +.md .list input[type="number"], +.md .list select { + height: 36px; + color: #212121; + font-size: 16px; +} +.md .list input[type="text"]::-webkit-input-placeholder, +.md .list input[type="password"]::-webkit-input-placeholder, +.md .list input[type="search"]::-webkit-input-placeholder, +.md .list input[type="email"]::-webkit-input-placeholder, +.md .list input[type="tel"]::-webkit-input-placeholder, +.md .list input[type="url"]::-webkit-input-placeholder, +.md .list input[type="date"]::-webkit-input-placeholder, +.md .list input[type="datetime-local"]::-webkit-input-placeholder, +.md .list input[type="time"]::-webkit-input-placeholder, +.md .list input[type="number"]::-webkit-input-placeholder, +.md .list select::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]:-ms-input-placeholder, +.md .list input[type="password"]:-ms-input-placeholder, +.md .list input[type="search"]:-ms-input-placeholder, +.md .list input[type="email"]:-ms-input-placeholder, +.md .list input[type="tel"]:-ms-input-placeholder, +.md .list input[type="url"]:-ms-input-placeholder, +.md .list input[type="date"]:-ms-input-placeholder, +.md .list input[type="datetime-local"]:-ms-input-placeholder, +.md .list input[type="time"]:-ms-input-placeholder, +.md .list input[type="number"]:-ms-input-placeholder, +.md .list select:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]::-ms-input-placeholder, +.md .list input[type="password"]::-ms-input-placeholder, +.md .list input[type="search"]::-ms-input-placeholder, +.md .list input[type="email"]::-ms-input-placeholder, +.md .list input[type="tel"]::-ms-input-placeholder, +.md .list input[type="url"]::-ms-input-placeholder, +.md .list input[type="date"]::-ms-input-placeholder, +.md .list input[type="datetime-local"]::-ms-input-placeholder, +.md .list input[type="time"]::-ms-input-placeholder, +.md .list input[type="number"]::-ms-input-placeholder, +.md .list select::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]::placeholder, +.md .list input[type="password"]::placeholder, +.md .list input[type="search"]::placeholder, +.md .list input[type="email"]::placeholder, +.md .list input[type="tel"]::placeholder, +.md .list input[type="url"]::placeholder, +.md .list input[type="date"]::placeholder, +.md .list input[type="datetime-local"]::placeholder, +.md .list input[type="time"]::placeholder, +.md .list input[type="number"]::placeholder, +.md .list select::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea { + color: #212121; + font-size: 16px; + padding-top: 7px; + padding-bottom: 7px; +} +.md .list textarea.resizable { + height: 36px; +} +.md .list textarea::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .item-input-wrap:after, +.md .input:after { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: 36px; +} +.md .item-input-wrap:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .item-input-wrap:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .item-input-wrap:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .input:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .input:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .input:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .item-label, +.md .item-floating-label { + font-size: 12px; + width: 100%; + color: rgba(0, 0, 0, 0.65); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + line-height: 13px; + -webkit-transition-property: color, -webkit-transform; + transition-property: color, -webkit-transform; + transition-property: transform, color; + transition-property: transform, color, -webkit-transform; +} +.md .item-floating-label { + -webkit-transform: scale(1.33333333) translateY(18px); + transform: scale(1.33333333) translateY(18px); + color: rgba(0, 0, 0, 0.35); + width: auto; + max-width: 75%; + pointer-events: none; + -webkit-transform-origin: left; + transform-origin: left; +} +.md .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused:-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .item-input-with-value .item-floating-label, +.md .item-input-focused .item-floating-label { + -webkit-transform: scale(1) translateY(0); + transform: scale(1) translateY(0); +} +.md .item-input-with-value .item-floating-label { + color: rgba(0, 0, 0, 0.65); +} +.md .item-input .item-media { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.md .item-input .item-inner { + display: block; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-inner, +.md .inline-label .item-inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + font-size: 16px; + width: 30%; + line-height: 1.5; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 7px; +} +.md .inline-labels .item-label + .item-input-wrap, +.md .inline-label .item-label + .item-input-wrap, +.md .inline-labels .item-floating-label + .item-input-wrap, +.md .inline-label .item-floating-label + .item-input-wrap { + margin-left: 8px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md div.input-with-error-message, +.md div.input-with-info, +.md span.input-with-error-message, +.md span.input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + font-size: 12px; + line-height: 1.4; + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + left: 0; + right: 16px; +} +.md .item-input-info, +.md .input-info { + color: rgba(0, 0, 0, 0.45); +} +.md .item-input-error-message, +.md .input-error-message { + color: #f44336; + display: none; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: #2196f3; +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: #2196f3; +} +.md .item-input-invalid .item-label, +.md .item-invalid .item-label, +.md .item-input-invalid .item-floating-label, +.md .item-invalid .item-floating-label { + color: #f44336; +} +.md .item-input-invalid .item-input-error-message, +.md .item-invalid .item-input-error-message, +.md .item-input-invalid .input-error-message, +.md .item-invalid .input-error-message { + display: block; +} +.md .item-input-invalid .item-input-info, +.md .item-invalid .item-input-info, +.md .item-input-invalid .input-info, +.md .item-invalid .input-info { + display: none; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: #f44336; +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after { + -webkit-transform: scaleY(2); + transform: scaleY(2); +} +.md .input-invalid:after, +.md .input-focused:after { + -webkit-transform: scaleY(2) !important; + transform: scaleY(2) !important; +} +.md .input-clear-button { + width: 24px; + height: 24px; + background: rgba(0, 0, 0, 0.12); + margin-top: -12px; +} +.md .input-clear-button:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + background-size: 16px 16px; + opacity: 0.54; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +.md .item-input-wrap .input-clear-button { + bottom: 6px; + margin-top: 0; + top: auto; +} +.md .theme-dark input[type="text"], +.md .theme-dark input[type="password"], +.md .theme-dark input[type="search"], +.md .theme-dark input[type="email"], +.md .theme-dark input[type="tel"], +.md .theme-dark input[type="url"], +.md .theme-dark input[type="date"], +.md .theme-dark input[type="datetime-local"], +.md .theme-dark input[type="time"], +.md .theme-dark input[type="number"], +.md .theme-dark select, +.md .theme-dark textarea { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark input[type="text"]::-webkit-input-placeholder, +.md .theme-dark input[type="password"]::-webkit-input-placeholder, +.md .theme-dark input[type="search"]::-webkit-input-placeholder, +.md .theme-dark input[type="email"]::-webkit-input-placeholder, +.md .theme-dark input[type="tel"]::-webkit-input-placeholder, +.md .theme-dark input[type="url"]::-webkit-input-placeholder, +.md .theme-dark input[type="date"]::-webkit-input-placeholder, +.md .theme-dark input[type="datetime-local"]::-webkit-input-placeholder, +.md .theme-dark input[type="time"]::-webkit-input-placeholder, +.md .theme-dark input[type="number"]::-webkit-input-placeholder, +.md .theme-dark select::-webkit-input-placeholder, +.md .theme-dark textarea::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]:-ms-input-placeholder, +.md .theme-dark input[type="password"]:-ms-input-placeholder, +.md .theme-dark input[type="search"]:-ms-input-placeholder, +.md .theme-dark input[type="email"]:-ms-input-placeholder, +.md .theme-dark input[type="tel"]:-ms-input-placeholder, +.md .theme-dark input[type="url"]:-ms-input-placeholder, +.md .theme-dark input[type="date"]:-ms-input-placeholder, +.md .theme-dark input[type="datetime-local"]:-ms-input-placeholder, +.md .theme-dark input[type="time"]:-ms-input-placeholder, +.md .theme-dark input[type="number"]:-ms-input-placeholder, +.md .theme-dark select:-ms-input-placeholder, +.md .theme-dark textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]::-ms-input-placeholder, +.md .theme-dark input[type="password"]::-ms-input-placeholder, +.md .theme-dark input[type="search"]::-ms-input-placeholder, +.md .theme-dark input[type="email"]::-ms-input-placeholder, +.md .theme-dark input[type="tel"]::-ms-input-placeholder, +.md .theme-dark input[type="url"]::-ms-input-placeholder, +.md .theme-dark input[type="date"]::-ms-input-placeholder, +.md .theme-dark input[type="datetime-local"]::-ms-input-placeholder, +.md .theme-dark input[type="time"]::-ms-input-placeholder, +.md .theme-dark input[type="number"]::-ms-input-placeholder, +.md .theme-dark select::-ms-input-placeholder, +.md .theme-dark textarea::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]::placeholder, +.md .theme-dark input[type="password"]::placeholder, +.md .theme-dark input[type="search"]::placeholder, +.md .theme-dark input[type="email"]::placeholder, +.md .theme-dark input[type="tel"]::placeholder, +.md .theme-dark input[type="url"]::placeholder, +.md .theme-dark input[type="date"]::placeholder, +.md .theme-dark input[type="datetime-local"]::placeholder, +.md .theme-dark input[type="time"]::placeholder, +.md .theme-dark input[type="number"]::placeholder, +.md .theme-dark select::placeholder, +.md .theme-dark textarea::placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after, +.md .theme-dark .input:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-label, +.md .theme-dark .item-floating-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .item-floating-label { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .item-input-with-value .item-floating-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .input-clear-button { + background: #fff; +} +.md .color-theme-red .item-input-focused .item-label, +.md .color-theme-red .item-input-focused .item-floating-label { + color: #f44336; +} +.md .color-theme-red .item-input-focused .item-input-wrap:after, +.md .color-theme-red .input-after:after { + background: #f44336; +} +.md .color-theme-green .item-input-focused .item-label, +.md .color-theme-green .item-input-focused .item-floating-label { + color: #4caf50; +} +.md .color-theme-green .item-input-focused .item-input-wrap:after, +.md .color-theme-green .input-after:after { + background: #4caf50; +} +.md .color-theme-blue .item-input-focused .item-label, +.md .color-theme-blue .item-input-focused .item-floating-label { + color: #2196f3; +} +.md .color-theme-blue .item-input-focused .item-input-wrap:after, +.md .color-theme-blue .input-after:after { + background: #2196f3; +} +.md .color-theme-pink .item-input-focused .item-label, +.md .color-theme-pink .item-input-focused .item-floating-label { + color: #e91e63; +} +.md .color-theme-pink .item-input-focused .item-input-wrap:after, +.md .color-theme-pink .input-after:after { + background: #e91e63; +} +.md .color-theme-yellow .item-input-focused .item-label, +.md .color-theme-yellow .item-input-focused .item-floating-label { + color: #ffeb3b; +} +.md .color-theme-yellow .item-input-focused .item-input-wrap:after, +.md .color-theme-yellow .input-after:after { + background: #ffeb3b; +} +.md .color-theme-orange .item-input-focused .item-label, +.md .color-theme-orange .item-input-focused .item-floating-label { + color: #ff9800; +} +.md .color-theme-orange .item-input-focused .item-input-wrap:after, +.md .color-theme-orange .input-after:after { + background: #ff9800; +} +.md .color-theme-gray .item-input-focused .item-label, +.md .color-theme-gray .item-input-focused .item-floating-label { + color: #9e9e9e; +} +.md .color-theme-gray .item-input-focused .item-input-wrap:after, +.md .color-theme-gray .input-after:after { + background: #9e9e9e; +} +.md .color-theme-white .item-input-focused .item-label, +.md .color-theme-white .item-input-focused .item-floating-label { + color: #ffffff; +} +.md .color-theme-white .item-input-focused .item-input-wrap:after, +.md .color-theme-white .input-after:after { + background: #ffffff; +} +.md .color-theme-black .item-input-focused .item-label, +.md .color-theme-black .item-input-focused .item-floating-label { + color: #000000; +} +.md .color-theme-black .item-input-focused .item-input-wrap:after, +.md .color-theme-black .input-after:after { + background: #000000; +} +.md .item-input-focused.color-red .item-label, +.md .item-input-focused.color-red .item-floating-label { + color: #f44336; +} +.md .item-input-focused.color-red .item-input-wrap:after, +.md .input-after.color-red:after { + background: #f44336; +} +.md .item-input-focused.color-green .item-label, +.md .item-input-focused.color-green .item-floating-label { + color: #4caf50; +} +.md .item-input-focused.color-green .item-input-wrap:after, +.md .input-after.color-green:after { + background: #4caf50; +} +.md .item-input-focused.color-blue .item-label, +.md .item-input-focused.color-blue .item-floating-label { + color: #2196f3; +} +.md .item-input-focused.color-blue .item-input-wrap:after, +.md .input-after.color-blue:after { + background: #2196f3; +} +.md .item-input-focused.color-pink .item-label, +.md .item-input-focused.color-pink .item-floating-label { + color: #e91e63; +} +.md .item-input-focused.color-pink .item-input-wrap:after, +.md .input-after.color-pink:after { + background: #e91e63; +} +.md .item-input-focused.color-yellow .item-label, +.md .item-input-focused.color-yellow .item-floating-label { + color: #ffeb3b; +} +.md .item-input-focused.color-yellow .item-input-wrap:after, +.md .input-after.color-yellow:after { + background: #ffeb3b; +} +.md .item-input-focused.color-orange .item-label, +.md .item-input-focused.color-orange .item-floating-label { + color: #ff9800; +} +.md .item-input-focused.color-orange .item-input-wrap:after, +.md .input-after.color-orange:after { + background: #ff9800; +} +.md .item-input-focused.color-gray .item-label, +.md .item-input-focused.color-gray .item-floating-label { + color: #9e9e9e; +} +.md .item-input-focused.color-gray .item-input-wrap:after, +.md .input-after.color-gray:after { + background: #9e9e9e; +} +.md .item-input-focused.color-white .item-label, +.md .item-input-focused.color-white .item-floating-label { + color: #ffffff; +} +.md .item-input-focused.color-white .item-input-wrap:after, +.md .input-after.color-white:after { + background: #ffffff; +} +.md .item-input-focused.color-black .item-label, +.md .item-input-focused.color-black .item-floating-label { + color: #000000; +} +.md .item-input-focused.color-black .item-input-wrap:after, +.md .input-after.color-black:after { + background: #000000; +} +/* === Checkbox === */ +.icon-checkbox, +.checkbox i { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox .icon-checkbox, +.checkbox .icon-checkbox { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-checkbox .icon-checkbox:after, +.checkbox .icon-checkbox:after { + content: ''; + position: absolute; +} +label.item-checkbox { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.md .icon-checkbox, +.md .checkbox i { + width: 18px; + height: 18px; + border-radius: 2px; + border: 2px solid #6d6d6d; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + background-color: transparent; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + width: 18px; + height: 18px; + left: -2px; + top: -2px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + opacity: 0; + background: no-repeat center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; +} +.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.md .checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-checkbox > .icon-checkbox { + margin-right: 38px; +} +.md label.item-checkbox .item-content .item-media, +.md label.item-checkbox.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.md label.item-checkbox.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .theme-dark label.item-checkbox.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .icon-checkbox, +.md .theme-dark .checkbox i { + border-color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-red .checkbox input[type="checkbox"]:checked ~ i { + background-color: #f44336; + border-color: #f44336; +} +.md .color-theme-red .checkbox .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-green .checkbox input[type="checkbox"]:checked ~ i { + background-color: #4caf50; + border-color: #4caf50; +} +.md .color-theme-green .checkbox .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md .color-theme-blue .checkbox .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i { + background-color: #e91e63; + border-color: #e91e63; +} +.md .color-theme-pink .checkbox .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ffeb3b; + border-color: #ffeb3b; +} +.md .color-theme-yellow .checkbox .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ff9800; + border-color: #ff9800; +} +.md .color-theme-orange .checkbox .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i { + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.md .color-theme-gray .checkbox .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-white .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ffffff; + border-color: #ffffff; +} +.md .color-theme-white .checkbox .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-black .checkbox input[type="checkbox"]:checked ~ i { + background-color: #000000; + border-color: #000000; +} +.md .color-theme-black .checkbox .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-red input[type="checkbox"]:checked ~ i { + background-color: #f44336; + border-color: #f44336; +} +.md .checkbox.color-red .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-green input[type="checkbox"]:checked ~ i { + background-color: #4caf50; + border-color: #4caf50; +} +.md .checkbox.color-green .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-blue input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md .checkbox.color-blue .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-pink input[type="checkbox"]:checked ~ i { + background-color: #e91e63; + border-color: #e91e63; +} +.md .checkbox.color-pink .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-yellow input[type="checkbox"]:checked ~ i { + background-color: #ffeb3b; + border-color: #ffeb3b; +} +.md .checkbox.color-yellow .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-orange input[type="checkbox"]:checked ~ i { + background-color: #ff9800; + border-color: #ff9800; +} +.md .checkbox.color-orange .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-gray input[type="checkbox"]:checked ~ i { + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.md .checkbox.color-gray .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-white input[type="checkbox"]:checked ~ i { + background-color: #ffffff; + border-color: #ffffff; +} +.md .checkbox.color-white .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-black input[type="checkbox"]:checked ~ i { + background-color: #000000; + border-color: #000000; +} +.md .checkbox.color-black .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +/* === Radio === */ +.icon-radio { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio .icon-radio, +.radio .icon-radio { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-radio .icon-radio:after, +.radio .icon-radio:after { + content: ''; + position: absolute; +} +label.item-radio { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.md .icon-radio { + width: 20px; + height: 20px; + position: relative; + border-radius: 50%; + border: 2px solid #6d6d6d; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + display: block; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: #2196f3; + border-radius: 50%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; + -webkit-transform: scale(1); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-right: 38px; +} +.md label.item-radio .item-content .item-media, +.md label.item-radio.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.md label.item-radio.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .theme-dark label.item-radio.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .icon-radio { + border-color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .icon-radio:after { + background-color: #f44336; +} +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #f44336; +} +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #f44336; +} +.md .color-theme-red .radio .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-green .icon-radio:after { + background-color: #4caf50; +} +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #4caf50; +} +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #4caf50; +} +.md .color-theme-green .radio .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-blue .icon-radio:after { + background-color: #2196f3; +} +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; +} +.md .color-theme-blue .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-pink .icon-radio:after { + background-color: #e91e63; +} +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #e91e63; +} +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #e91e63; +} +.md .color-theme-pink .radio .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-yellow .icon-radio:after { + background-color: #ffeb3b; +} +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffeb3b; +} +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffeb3b; +} +.md .color-theme-yellow .radio .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-orange .icon-radio:after { + background-color: #ff9800; +} +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9800; +} +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ff9800; +} +.md .color-theme-orange .radio .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-gray .icon-radio:after { + background-color: #9e9e9e; +} +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #9e9e9e; +} +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #9e9e9e; +} +.md .color-theme-gray .radio .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-white .icon-radio:after { + background-color: #ffffff; +} +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffffff; +} +.md .color-theme-white .radio .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-black .icon-radio:after { + background-color: #000000; +} +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #000000; +} +.md .color-theme-black .radio .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +.md .radio.color-red .icon-radio:after { + background-color: #f44336; +} +.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-red input[type="radio"]:checked ~ .icon-radio { + border-color: #f44336; +} +.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-red input[type="radio"]:checked ~ .icon-radio:after { + background-color: #f44336; +} +.md .radio.color-red .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .radio.color-green .icon-radio:after { + background-color: #4caf50; +} +.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-green input[type="radio"]:checked ~ .icon-radio { + border-color: #4caf50; +} +.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-green input[type="radio"]:checked ~ .icon-radio:after { + background-color: #4caf50; +} +.md .radio.color-green .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .radio.color-blue .icon-radio:after { + background-color: #2196f3; +} +.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; +} +.md .radio.color-blue .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .radio.color-pink .icon-radio:after { + background-color: #e91e63; +} +.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + border-color: #e91e63; +} +.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio:after { + background-color: #e91e63; +} +.md .radio.color-pink .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .radio.color-yellow .icon-radio:after { + background-color: #ffeb3b; +} +.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + border-color: #ffeb3b; +} +.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffeb3b; +} +.md .radio.color-yellow .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .radio.color-orange .icon-radio:after { + background-color: #ff9800; +} +.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9800; +} +.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ff9800; +} +.md .radio.color-orange .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .radio.color-gray .icon-radio:after { + background-color: #9e9e9e; +} +.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + border-color: #9e9e9e; +} +.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio:after { + background-color: #9e9e9e; +} +.md .radio.color-gray .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .radio.color-white .icon-radio:after { + background-color: #ffffff; +} +.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-white input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-white input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffffff; +} +.md .radio.color-white .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .radio.color-black .icon-radio:after { + background-color: #000000; +} +.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-black input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-black input[type="radio"]:checked ~ .icon-radio:after { + background-color: #000000; +} +.md .radio.color-black .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +/* === Toggle === */ +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + -webkit-transition: 300ms; + transition: 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; +} +.toggle-icon:after { + background: #fff; + position: absolute; + z-index: 2; + -webkit-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .toggle { + width: 36px; + height: 14px; +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + -webkit-transform: translateX(16px); + transform: translateX(16px); + background: #2196f3; +} +.md .toggle-icon { + width: 36px; + height: 14px; + border-radius: 14px; + background: #b0afaf; +} +.md .toggle-icon:after { + height: 20px; + width: 20px; + top: -3px; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: 10px; + left: 0; +} +.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #f44336; +} +.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #4caf50; +} +.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #2196f3; +} +.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #e91e63; +} +.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffeb3b; +} +.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ff9800; +} +.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #9e9e9e; +} +.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffffff; +} +.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(0, 0, 0, 0.5); +} +.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #000000; +} +.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon { + background: rgba(244, 67, 54, 0.5); +} +.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon:after { + background: #f44336; +} +.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon { + background: rgba(76, 175, 80, 0.5); +} +.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon:after { + background: #4caf50; +} +.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon:after { + background: #2196f3; +} +.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon { + background: rgba(233, 30, 99, 0.5); +} +.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon:after { + background: #e91e63; +} +.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 235, 59, 0.5); +} +.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffeb3b; +} +.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 152, 0, 0.5); +} +.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon:after { + background: #ff9800; +} +.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon { + background: rgba(158, 158, 158, 0.5); +} +.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon:after { + background: #9e9e9e; +} +.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 255, 255, 0.5); +} +.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffffff; +} +.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon { + background: rgba(0, 0, 0, 0.5); +} +.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon:after { + background: #000000; +} +/* === Range Slider === */ +.range-slider { + display: block; + width: 100%; + position: relative; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-bar { + position: absolute; + left: 0; + top: 50%; + width: 100%; + overflow: hidden; +} +.range-bar-active { + position: absolute; + left: 0; + top: 0; + height: 100%; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + top: 50%; + left: 0; +} +.range-knob { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + -webkit-transition-duration: 120ms; + transition-duration: 120ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translateY(100%) scale(0); + transform: translateY(100%) scale(0); +} +.range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.md .range-slider { + height: 20px; +} +.md .range-bar { + background: #b9b9b9; + height: 2px; + margin-top: -1px; +} +.md .range-bar-active { + background: #2196f3; +} +.md .range-knob-wrap { + height: 12px; + width: 12px; + margin-top: -6px; + margin-left: -6px; +} +.md .range-knob { + background: #2196f3; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: background-color, -webkit-transform; + transition-property: background-color, -webkit-transform; + transition-property: transform, background-color; + transition-property: transform, background-color, -webkit-transform; +} +.md .range-knob-active-state .range-knob { + -webkit-transform: scale(1.5); + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid #b9b9b9; +} +.md .range-knob-label { + width: 26px; + height: 26px; + margin-left: -13px; + margin-bottom: 8px; + background: #2196f3; + color: #fff; + font-size: 10px; + border-radius: 50%; + line-height: 26px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: -13px; + position: absolute; + z-index: -1; + width: 26px; + height: 26px; + background: #2196f3; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + -webkit-transform: scale(0); + transform: scale(0); +} +.md .color-theme-red .range-slider .range-bar-active, +.md .color-theme-red .range-slider .range-knob, +.md .color-theme-red .range-slider .range-knob-label, +.md .color-theme-red .range-slider .range-knob-label:before { + background-color: #f44336; +} +.md .color-theme-green .range-slider .range-bar-active, +.md .color-theme-green .range-slider .range-knob, +.md .color-theme-green .range-slider .range-knob-label, +.md .color-theme-green .range-slider .range-knob-label:before { + background-color: #4caf50; +} +.md .color-theme-blue .range-slider .range-bar-active, +.md .color-theme-blue .range-slider .range-knob, +.md .color-theme-blue .range-slider .range-knob-label, +.md .color-theme-blue .range-slider .range-knob-label:before { + background-color: #2196f3; +} +.md .color-theme-pink .range-slider .range-bar-active, +.md .color-theme-pink .range-slider .range-knob, +.md .color-theme-pink .range-slider .range-knob-label, +.md .color-theme-pink .range-slider .range-knob-label:before { + background-color: #e91e63; +} +.md .color-theme-yellow .range-slider .range-bar-active, +.md .color-theme-yellow .range-slider .range-knob, +.md .color-theme-yellow .range-slider .range-knob-label, +.md .color-theme-yellow .range-slider .range-knob-label:before { + background-color: #ffeb3b; +} +.md .color-theme-orange .range-slider .range-bar-active, +.md .color-theme-orange .range-slider .range-knob, +.md .color-theme-orange .range-slider .range-knob-label, +.md .color-theme-orange .range-slider .range-knob-label:before { + background-color: #ff9800; +} +.md .color-theme-gray .range-slider .range-bar-active, +.md .color-theme-gray .range-slider .range-knob, +.md .color-theme-gray .range-slider .range-knob-label, +.md .color-theme-gray .range-slider .range-knob-label:before { + background-color: #9e9e9e; +} +.md .color-theme-white .range-slider .range-bar-active, +.md .color-theme-white .range-slider .range-knob, +.md .color-theme-white .range-slider .range-knob-label, +.md .color-theme-white .range-slider .range-knob-label:before { + background-color: #ffffff; +} +.md .color-theme-black .range-slider .range-bar-active, +.md .color-theme-black .range-slider .range-knob, +.md .color-theme-black .range-slider .range-knob-label, +.md .color-theme-black .range-slider .range-knob-label:before { + background-color: #000000; +} +.md .range-slider.color-red .range-bar-active, +.md .range-slider.color-red .range-knob, +.md .range-slider.color-red .range-knob-label, +.md .range-slider.color-red .range-knob-label:before { + background-color: #f44336; +} +.md .range-slider.color-green .range-bar-active, +.md .range-slider.color-green .range-knob, +.md .range-slider.color-green .range-knob-label, +.md .range-slider.color-green .range-knob-label:before { + background-color: #4caf50; +} +.md .range-slider.color-blue .range-bar-active, +.md .range-slider.color-blue .range-knob, +.md .range-slider.color-blue .range-knob-label, +.md .range-slider.color-blue .range-knob-label:before { + background-color: #2196f3; +} +.md .range-slider.color-pink .range-bar-active, +.md .range-slider.color-pink .range-knob, +.md .range-slider.color-pink .range-knob-label, +.md .range-slider.color-pink .range-knob-label:before { + background-color: #e91e63; +} +.md .range-slider.color-yellow .range-bar-active, +.md .range-slider.color-yellow .range-knob, +.md .range-slider.color-yellow .range-knob-label, +.md .range-slider.color-yellow .range-knob-label:before { + background-color: #ffeb3b; +} +.md .range-slider.color-orange .range-bar-active, +.md .range-slider.color-orange .range-knob, +.md .range-slider.color-orange .range-knob-label, +.md .range-slider.color-orange .range-knob-label:before { + background-color: #ff9800; +} +.md .range-slider.color-gray .range-bar-active, +.md .range-slider.color-gray .range-knob, +.md .range-slider.color-gray .range-knob-label, +.md .range-slider.color-gray .range-knob-label:before { + background-color: #9e9e9e; +} +.md .range-slider.color-white .range-bar-active, +.md .range-slider.color-white .range-knob, +.md .range-slider.color-white .range-knob-label, +.md .range-slider.color-white .range-knob-label:before { + background-color: #ffffff; +} +.md .range-slider.color-black .range-bar-active, +.md .range-slider.color-black .range-knob, +.md .range-slider.color-black .range-knob-label, +.md .range-slider.color-black .range-knob-label:before { + background-color: #000000; +} +/* === Stepper === */ +.stepper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-value { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: center; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper .stepper-input-wrap input, +.stepper .stepper-value { + width: 45px; +} +.md .stepper { + height: 36px; +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + border: 2px solid #2196f3; + color: #2196f3; + line-height: 34px; + height: 36px; + width: 40px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-button + .stepper-button, +.md .stepper-button-minus + .stepper-button, +.md .stepper-button-plus + .stepper-button, +.md .stepper-button + .stepper-button-minus, +.md .stepper-button-minus + .stepper-button-minus, +.md .stepper-button-plus + .stepper-button-minus, +.md .stepper-button + .stepper-button-plus, +.md .stepper-button-minus + .stepper-button-plus, +.md .stepper-button-plus + .stepper-button-plus { + border-left: none; +} +.md .stepper-button.active-state, +.md .stepper-button-minus.active-state, +.md .stepper-button-plus.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .stepper-button:first-child, +.md .stepper-button-minus:first-child, +.md .stepper-button-plus:first-child { + border-radius: 4px 0 0 4px; +} +.md .stepper-button:last-child, +.md .stepper-button-minus:last-child, +.md .stepper-button-plus:last-child { + border-radius: 0 4px 4px 0; +} +.md .stepper-button-plus:after, +.md .stepper-button-minus:after, +.md .stepper-button-plus:before, +.md .stepper-button-minus:before { + background: #2196f3; +} +.md .stepper-value, +.md .stepper-input-wrap { + border-top: 2px solid #2196f3; + border-bottom: 2px solid #2196f3; +} +.md .stepper .stepper-value, +.md .stepper .stepper-input-wrap input { + color: #2196f3; + font-size: 14px; + font-weight: 500; + text-align: center; +} +.md .stepper .stepper-input-wrap input { + height: 100%; +} +.md .stepper-fill .stepper-button, +.md .stepper-fill-md .stepper-button, +.md .stepper-fill .stepper-button-minus, +.md .stepper-fill-md .stepper-button-minus, +.md .stepper-fill .stepper-button-plus, +.md .stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; + border: none; + line-height: 36px; +} +.md .stepper-fill .stepper-button.active-state, +.md .stepper-fill-md .stepper-button.active-state, +.md .stepper-fill .stepper-button-minus.active-state, +.md .stepper-fill-md .stepper-button-minus.active-state, +.md .stepper-fill .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper-fill .stepper-button:after, +.md .stepper-fill-md .stepper-button:after, +.md .stepper-fill .stepper-button-minus:after, +.md .stepper-fill-md .stepper-button-minus:after, +.md .stepper-fill .stepper-button-plus:after, +.md .stepper-fill-md .stepper-button-plus:after, +.md .stepper-fill .stepper-button:before, +.md .stepper-fill-md .stepper-button:before, +.md .stepper-fill .stepper-button-minus:before, +.md .stepper-fill-md .stepper-button-minus:before, +.md .stepper-fill .stepper-button-plus:before, +.md .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .stepper-fill .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.md .stepper-fill .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.md .stepper-fill.stepper-big .stepper-button, +.md .stepper-fill-md.stepper-big .stepper-button, +.md .stepper-fill.stepper-big-md .stepper-button, +.md .stepper-fill-md.stepper-big-md .stepper-button, +.md .stepper-fill.stepper-big .stepper-button-minus, +.md .stepper-fill-md.stepper-big .stepper-button-minus, +.md .stepper-fill.stepper-big-md .stepper-button-minus, +.md .stepper-fill-md.stepper-big-md .stepper-button-minus, +.md .stepper-fill.stepper-big .stepper-button-plus, +.md .stepper-fill-md.stepper-big .stepper-button-plus, +.md .stepper-fill.stepper-big-md .stepper-button-plus, +.md .stepper-fill-md.stepper-big-md .stepper-button-plus { + line-height: 48px; +} +.md .stepper-fill.stepper-small .stepper-button, +.md .stepper-fill-md.stepper-small .stepper-button, +.md .stepper-fill.stepper-small-md .stepper-button, +.md .stepper-fill-md.stepper-small-md .stepper-button, +.md .stepper-fill.stepper-small .stepper-button-minus, +.md .stepper-fill-md.stepper-small .stepper-button-minus, +.md .stepper-fill.stepper-small-md .stepper-button-minus, +.md .stepper-fill-md.stepper-small-md .stepper-button-minus, +.md .stepper-fill.stepper-small .stepper-button-plus, +.md .stepper-fill-md.stepper-small .stepper-button-plus, +.md .stepper-fill.stepper-small-md .stepper-button-plus, +.md .stepper-fill-md.stepper-small-md .stepper-button-plus { + line-height: 28px; +} +.md .stepper-small, +.md .stepper-small-md { + height: 28px; +} +.md .stepper-small .stepper-button, +.md .stepper-small-md .stepper-button, +.md .stepper-small .stepper-button-minus, +.md .stepper-small-md .stepper-button-minus, +.md .stepper-small .stepper-button-plus, +.md .stepper-small-md .stepper-button-plus { + height: 28px; + line-height: 24px; +} +.md .stepper-small .stepper-button, +.md .stepper-small-md .stepper-button, +.md .stepper-small .stepper-button-minus, +.md .stepper-small-md .stepper-button-minus, +.md .stepper-small .stepper-button-plus, +.md .stepper-small-md .stepper-button-plus, +.md .stepper-small .stepper-input-wrap, +.md .stepper-small-md .stepper-input-wrap, +.md .stepper-small .stepper-value, +.md .stepper-small-md .stepper-value { + border-width: 2px; +} +.md .stepper-big, +.md .stepper-big-md { + height: 48px; +} +.md .stepper-big .stepper-button, +.md .stepper-big-md .stepper-button, +.md .stepper-big .stepper-button-minus, +.md .stepper-big-md .stepper-button-minus, +.md .stepper-big .stepper-button-plus, +.md .stepper-big-md .stepper-button-plus { + height: 48px; + line-height: 46px; +} +.md .stepper-big .stepper-button:first-child, +.md .stepper-big-md .stepper-button:first-child, +.md .stepper-big .stepper-button-minus:first-child, +.md .stepper-big-md .stepper-button-minus:first-child, +.md .stepper-big .stepper-button-plus:first-child, +.md .stepper-big-md .stepper-button-plus:first-child { + border-radius: 4px 0 0 4px; +} +.md .stepper-big .stepper-button:last-child, +.md .stepper-big-md .stepper-button:last-child, +.md .stepper-big .stepper-button-minus:last-child, +.md .stepper-big-md .stepper-button-minus:last-child, +.md .stepper-big .stepper-button-plus:last-child, +.md .stepper-big-md .stepper-button-plus:last-child { + border-radius: 0 4px 4px 0; +} +.md .stepper-round .stepper-button:first-child, +.md .stepper-round-md .stepper-button:first-child, +.md .stepper-round .stepper-button-minus:first-child, +.md .stepper-round-md .stepper-button-minus:first-child, +.md .stepper-round .stepper-button-plus:first-child, +.md .stepper-round-md .stepper-button-plus:first-child { + border-radius: 36px 0 0 36px; +} +.md .stepper-round .stepper-button:last-child, +.md .stepper-round-md .stepper-button:last-child, +.md .stepper-round .stepper-button-minus:last-child, +.md .stepper-round-md .stepper-button-minus:last-child, +.md .stepper-round .stepper-button-plus:last-child, +.md .stepper-round-md .stepper-button-plus:last-child { + border-radius: 0 36px 36px 0; +} +.md .stepper-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-radius: 4px; +} +.md .stepper-raised.stepper-big, +.md .stepper-raised.stepper-big-md { + border-radius: 4px; +} +.md .stepper-raised.stepper-round, +.md .stepper-raised.stepper-round-md { + border-radius: 36px; +} +.md .stepper-raised .stepper-value, +.md .stepper-raised .stepper-input-wrap { + border: none; +} +.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap, +.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .stepper-raised .stepper-button, +.md .stepper-raised .stepper-button-minus, +.md .stepper-raised .stepper-button-plus { + border: none; +} +.md .stepper-raised .stepper-button + .stepper-button, +.md .stepper-raised .stepper-button-minus + .stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.md .color-theme-red .stepper-button, +.md .color-theme-red .stepper-button-minus, +.md .color-theme-red .stepper-button-plus { + border-color: #f44336; + color: #f44336; +} +.md .color-theme-red .stepper-button-plus:after, +.md .color-theme-red .stepper-button-minus:after, +.md .color-theme-red .stepper-button-plus:before, +.md .color-theme-red .stepper-button-minus:before { + background: #f44336; +} +.md .color-theme-red .stepper-value, +.md .color-theme-red .stepper-input-wrap { + border-top-color: #f44336; + border-bottom-color: #f44336; +} +.md .color-theme-red .stepper-value, +.md .color-theme-red .stepper-input-wrap input { + color: #f44336; +} +.md .color-theme-red .stepper-fill .stepper-button, +.md .color-theme-red .stepper-fill-md .stepper-button, +.md .color-theme-red .stepper-fill .stepper-button-minus, +.md .color-theme-red .stepper-fill-md .stepper-button-minus, +.md .color-theme-red .stepper-fill .stepper-button-plus, +.md .color-theme-red .stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .stepper-fill .stepper-button.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button.active-state, +.md .color-theme-red .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-red .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .color-theme-red .stepper-fill .stepper-button:after, +.md .color-theme-red .stepper-fill-md .stepper-button:after, +.md .color-theme-red .stepper-fill .stepper-button-minus:after, +.md .color-theme-red .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-red .stepper-fill .stepper-button-plus:after, +.md .color-theme-red .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-red .stepper-fill .stepper-button:before, +.md .color-theme-red .stepper-fill-md .stepper-button:before, +.md .color-theme-red .stepper-fill .stepper-button-minus:before, +.md .color-theme-red .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-red .stepper-fill .stepper-button-plus:before, +.md .color-theme-red .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-green .stepper-button, +.md .color-theme-green .stepper-button-minus, +.md .color-theme-green .stepper-button-plus { + border-color: #4caf50; + color: #4caf50; +} +.md .color-theme-green .stepper-button-plus:after, +.md .color-theme-green .stepper-button-minus:after, +.md .color-theme-green .stepper-button-plus:before, +.md .color-theme-green .stepper-button-minus:before { + background: #4caf50; +} +.md .color-theme-green .stepper-value, +.md .color-theme-green .stepper-input-wrap { + border-top-color: #4caf50; + border-bottom-color: #4caf50; +} +.md .color-theme-green .stepper-value, +.md .color-theme-green .stepper-input-wrap input { + color: #4caf50; +} +.md .color-theme-green .stepper-fill .stepper-button, +.md .color-theme-green .stepper-fill-md .stepper-button, +.md .color-theme-green .stepper-fill .stepper-button-minus, +.md .color-theme-green .stepper-fill-md .stepper-button-minus, +.md .color-theme-green .stepper-fill .stepper-button-plus, +.md .color-theme-green .stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .stepper-fill .stepper-button.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button.active-state, +.md .color-theme-green .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-green .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .color-theme-green .stepper-fill .stepper-button:after, +.md .color-theme-green .stepper-fill-md .stepper-button:after, +.md .color-theme-green .stepper-fill .stepper-button-minus:after, +.md .color-theme-green .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-green .stepper-fill .stepper-button-plus:after, +.md .color-theme-green .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-green .stepper-fill .stepper-button:before, +.md .color-theme-green .stepper-fill-md .stepper-button:before, +.md .color-theme-green .stepper-fill .stepper-button-minus:before, +.md .color-theme-green .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-green .stepper-fill .stepper-button-plus:before, +.md .color-theme-green .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-blue .stepper-button, +.md .color-theme-blue .stepper-button-minus, +.md .color-theme-blue .stepper-button-plus { + border-color: #2196f3; + color: #2196f3; +} +.md .color-theme-blue .stepper-button-plus:after, +.md .color-theme-blue .stepper-button-minus:after, +.md .color-theme-blue .stepper-button-plus:before, +.md .color-theme-blue .stepper-button-minus:before { + background: #2196f3; +} +.md .color-theme-blue .stepper-value, +.md .color-theme-blue .stepper-input-wrap { + border-top-color: #2196f3; + border-bottom-color: #2196f3; +} +.md .color-theme-blue .stepper-value, +.md .color-theme-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .color-theme-blue .stepper-fill .stepper-button, +.md .color-theme-blue .stepper-fill-md .stepper-button, +.md .color-theme-blue .stepper-fill .stepper-button-minus, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus, +.md .color-theme-blue .stepper-fill .stepper-button-plus, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .stepper-fill .stepper-button.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button.active-state, +.md .color-theme-blue .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-blue .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .color-theme-blue .stepper-fill .stepper-button:after, +.md .color-theme-blue .stepper-fill-md .stepper-button:after, +.md .color-theme-blue .stepper-fill .stepper-button-minus:after, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-blue .stepper-fill .stepper-button-plus:after, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-blue .stepper-fill .stepper-button:before, +.md .color-theme-blue .stepper-fill-md .stepper-button:before, +.md .color-theme-blue .stepper-fill .stepper-button-minus:before, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-blue .stepper-fill .stepper-button-plus:before, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-pink .stepper-button, +.md .color-theme-pink .stepper-button-minus, +.md .color-theme-pink .stepper-button-plus { + border-color: #e91e63; + color: #e91e63; +} +.md .color-theme-pink .stepper-button-plus:after, +.md .color-theme-pink .stepper-button-minus:after, +.md .color-theme-pink .stepper-button-plus:before, +.md .color-theme-pink .stepper-button-minus:before { + background: #e91e63; +} +.md .color-theme-pink .stepper-value, +.md .color-theme-pink .stepper-input-wrap { + border-top-color: #e91e63; + border-bottom-color: #e91e63; +} +.md .color-theme-pink .stepper-value, +.md .color-theme-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .color-theme-pink .stepper-fill .stepper-button, +.md .color-theme-pink .stepper-fill-md .stepper-button, +.md .color-theme-pink .stepper-fill .stepper-button-minus, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus, +.md .color-theme-pink .stepper-fill .stepper-button-plus, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .stepper-fill .stepper-button.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button.active-state, +.md .color-theme-pink .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-pink .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .color-theme-pink .stepper-fill .stepper-button:after, +.md .color-theme-pink .stepper-fill-md .stepper-button:after, +.md .color-theme-pink .stepper-fill .stepper-button-minus:after, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-pink .stepper-fill .stepper-button-plus:after, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-pink .stepper-fill .stepper-button:before, +.md .color-theme-pink .stepper-fill-md .stepper-button:before, +.md .color-theme-pink .stepper-fill .stepper-button-minus:before, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-pink .stepper-fill .stepper-button-plus:before, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-yellow .stepper-button, +.md .color-theme-yellow .stepper-button-minus, +.md .color-theme-yellow .stepper-button-plus { + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .color-theme-yellow .stepper-button-plus:after, +.md .color-theme-yellow .stepper-button-minus:after, +.md .color-theme-yellow .stepper-button-plus:before, +.md .color-theme-yellow .stepper-button-minus:before { + background: #ffeb3b; +} +.md .color-theme-yellow .stepper-value, +.md .color-theme-yellow .stepper-input-wrap { + border-top-color: #ffeb3b; + border-bottom-color: #ffeb3b; +} +.md .color-theme-yellow .stepper-value, +.md .color-theme-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper-fill .stepper-button, +.md .color-theme-yellow .stepper-fill-md .stepper-button, +.md .color-theme-yellow .stepper-fill .stepper-button-minus, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus, +.md .color-theme-yellow .stepper-fill .stepper-button-plus, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .stepper-fill .stepper-button.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button.active-state, +.md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .color-theme-yellow .stepper-fill .stepper-button:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button:after, +.md .color-theme-yellow .stepper-fill .stepper-button-minus:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-yellow .stepper-fill .stepper-button-plus:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-yellow .stepper-fill .stepper-button:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button:before, +.md .color-theme-yellow .stepper-fill .stepper-button-minus:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-yellow .stepper-fill .stepper-button-plus:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-orange .stepper-button, +.md .color-theme-orange .stepper-button-minus, +.md .color-theme-orange .stepper-button-plus { + border-color: #ff9800; + color: #ff9800; +} +.md .color-theme-orange .stepper-button-plus:after, +.md .color-theme-orange .stepper-button-minus:after, +.md .color-theme-orange .stepper-button-plus:before, +.md .color-theme-orange .stepper-button-minus:before { + background: #ff9800; +} +.md .color-theme-orange .stepper-value, +.md .color-theme-orange .stepper-input-wrap { + border-top-color: #ff9800; + border-bottom-color: #ff9800; +} +.md .color-theme-orange .stepper-value, +.md .color-theme-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .color-theme-orange .stepper-fill .stepper-button, +.md .color-theme-orange .stepper-fill-md .stepper-button, +.md .color-theme-orange .stepper-fill .stepper-button-minus, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus, +.md .color-theme-orange .stepper-fill .stepper-button-plus, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .stepper-fill .stepper-button.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button.active-state, +.md .color-theme-orange .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-orange .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .color-theme-orange .stepper-fill .stepper-button:after, +.md .color-theme-orange .stepper-fill-md .stepper-button:after, +.md .color-theme-orange .stepper-fill .stepper-button-minus:after, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-orange .stepper-fill .stepper-button-plus:after, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-orange .stepper-fill .stepper-button:before, +.md .color-theme-orange .stepper-fill-md .stepper-button:before, +.md .color-theme-orange .stepper-fill .stepper-button-minus:before, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-orange .stepper-fill .stepper-button-plus:before, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-gray .stepper-button, +.md .color-theme-gray .stepper-button-minus, +.md .color-theme-gray .stepper-button-plus { + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .color-theme-gray .stepper-button-plus:after, +.md .color-theme-gray .stepper-button-minus:after, +.md .color-theme-gray .stepper-button-plus:before, +.md .color-theme-gray .stepper-button-minus:before { + background: #9e9e9e; +} +.md .color-theme-gray .stepper-value, +.md .color-theme-gray .stepper-input-wrap { + border-top-color: #9e9e9e; + border-bottom-color: #9e9e9e; +} +.md .color-theme-gray .stepper-value, +.md .color-theme-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .color-theme-gray .stepper-fill .stepper-button, +.md .color-theme-gray .stepper-fill-md .stepper-button, +.md .color-theme-gray .stepper-fill .stepper-button-minus, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus, +.md .color-theme-gray .stepper-fill .stepper-button-plus, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .stepper-fill .stepper-button.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button.active-state, +.md .color-theme-gray .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-gray .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .stepper-fill .stepper-button:after, +.md .color-theme-gray .stepper-fill-md .stepper-button:after, +.md .color-theme-gray .stepper-fill .stepper-button-minus:after, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-gray .stepper-fill .stepper-button-plus:after, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-gray .stepper-fill .stepper-button:before, +.md .color-theme-gray .stepper-fill-md .stepper-button:before, +.md .color-theme-gray .stepper-fill .stepper-button-minus:before, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-gray .stepper-fill .stepper-button-plus:before, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-white .stepper-button, +.md .color-theme-white .stepper-button-minus, +.md .color-theme-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.md .color-theme-white .stepper-button-plus:after, +.md .color-theme-white .stepper-button-minus:after, +.md .color-theme-white .stepper-button-plus:before, +.md .color-theme-white .stepper-button-minus:before { + background: #ffffff; +} +.md .color-theme-white .stepper-value, +.md .color-theme-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.md .color-theme-white .stepper-value, +.md .color-theme-white .stepper-input-wrap input { + color: #ffffff; +} +.md .color-theme-white .stepper-fill .stepper-button, +.md .color-theme-white .stepper-fill-md .stepper-button, +.md .color-theme-white .stepper-fill .stepper-button-minus, +.md .color-theme-white .stepper-fill-md .stepper-button-minus, +.md .color-theme-white .stepper-fill .stepper-button-plus, +.md .color-theme-white .stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .stepper-fill .stepper-button.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button.active-state, +.md .color-theme-white .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-white .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .color-theme-white .stepper-fill .stepper-button:after, +.md .color-theme-white .stepper-fill-md .stepper-button:after, +.md .color-theme-white .stepper-fill .stepper-button-minus:after, +.md .color-theme-white .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-white .stepper-fill .stepper-button-plus:after, +.md .color-theme-white .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-white .stepper-fill .stepper-button:before, +.md .color-theme-white .stepper-fill-md .stepper-button:before, +.md .color-theme-white .stepper-fill .stepper-button-minus:before, +.md .color-theme-white .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-white .stepper-fill .stepper-button-plus:before, +.md .color-theme-white .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-black .stepper-button, +.md .color-theme-black .stepper-button-minus, +.md .color-theme-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.md .color-theme-black .stepper-button-plus:after, +.md .color-theme-black .stepper-button-minus:after, +.md .color-theme-black .stepper-button-plus:before, +.md .color-theme-black .stepper-button-minus:before { + background: #000000; +} +.md .color-theme-black .stepper-value, +.md .color-theme-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.md .color-theme-black .stepper-value, +.md .color-theme-black .stepper-input-wrap input { + color: #000000; +} +.md .color-theme-black .stepper-fill .stepper-button, +.md .color-theme-black .stepper-fill-md .stepper-button, +.md .color-theme-black .stepper-fill .stepper-button-minus, +.md .color-theme-black .stepper-fill-md .stepper-button-minus, +.md .color-theme-black .stepper-fill .stepper-button-plus, +.md .color-theme-black .stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .stepper-fill .stepper-button.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button.active-state, +.md .color-theme-black .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-black .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .color-theme-black .stepper-fill .stepper-button:after, +.md .color-theme-black .stepper-fill-md .stepper-button:after, +.md .color-theme-black .stepper-fill .stepper-button-minus:after, +.md .color-theme-black .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-black .stepper-fill .stepper-button-plus:after, +.md .color-theme-black .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-black .stepper-fill .stepper-button:before, +.md .color-theme-black .stepper-fill-md .stepper-button:before, +.md .color-theme-black .stepper-fill .stepper-button-minus:before, +.md .color-theme-black .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-black .stepper-fill .stepper-button-plus:before, +.md .color-theme-black .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-red .stepper-button, +.md .stepper.color-red .stepper-button-minus, +.md .stepper.color-red .stepper-button-plus { + border-color: #f44336; + color: #f44336; +} +.md .stepper.color-red .stepper-button-plus:after, +.md .stepper.color-red .stepper-button-minus:after, +.md .stepper.color-red .stepper-button-plus:before, +.md .stepper.color-red .stepper-button-minus:before { + background: #f44336; +} +.md .stepper.color-red .stepper-value, +.md .stepper.color-red .stepper-input-wrap { + border-top-color: #f44336; + border-bottom-color: #f44336; +} +.md .stepper.color-red .stepper-value, +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper-fill.color-red .stepper-button, +.md .stepper-fill-md.color-red .stepper-button, +.md .stepper-fill.color-red .stepper-button-minus, +.md .stepper-fill-md.color-red .stepper-button-minus, +.md .stepper-fill.color-red .stepper-button-plus, +.md .stepper-fill-md.color-red .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper-fill.color-red .stepper-button.active-state, +.md .stepper-fill-md.color-red .stepper-button.active-state, +.md .stepper-fill.color-red .stepper-button-minus.active-state, +.md .stepper-fill-md.color-red .stepper-button-minus.active-state, +.md .stepper-fill.color-red .stepper-button-plus.active-state, +.md .stepper-fill-md.color-red .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper-fill.color-red .stepper-button:after, +.md .stepper-fill-md.color-red .stepper-button:after, +.md .stepper-fill.color-red .stepper-button-minus:after, +.md .stepper-fill-md.color-red .stepper-button-minus:after, +.md .stepper-fill.color-red .stepper-button-plus:after, +.md .stepper-fill-md.color-red .stepper-button-plus:after, +.md .stepper-fill.color-red .stepper-button:before, +.md .stepper-fill-md.color-red .stepper-button:before, +.md .stepper-fill.color-red .stepper-button-minus:before, +.md .stepper-fill-md.color-red .stepper-button-minus:before, +.md .stepper-fill.color-red .stepper-button-plus:before, +.md .stepper-fill-md.color-red .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-green .stepper-button, +.md .stepper.color-green .stepper-button-minus, +.md .stepper.color-green .stepper-button-plus { + border-color: #4caf50; + color: #4caf50; +} +.md .stepper.color-green .stepper-button-plus:after, +.md .stepper.color-green .stepper-button-minus:after, +.md .stepper.color-green .stepper-button-plus:before, +.md .stepper.color-green .stepper-button-minus:before { + background: #4caf50; +} +.md .stepper.color-green .stepper-value, +.md .stepper.color-green .stepper-input-wrap { + border-top-color: #4caf50; + border-bottom-color: #4caf50; +} +.md .stepper.color-green .stepper-value, +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper-fill.color-green .stepper-button, +.md .stepper-fill-md.color-green .stepper-button, +.md .stepper-fill.color-green .stepper-button-minus, +.md .stepper-fill-md.color-green .stepper-button-minus, +.md .stepper-fill.color-green .stepper-button-plus, +.md .stepper-fill-md.color-green .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper-fill.color-green .stepper-button.active-state, +.md .stepper-fill-md.color-green .stepper-button.active-state, +.md .stepper-fill.color-green .stepper-button-minus.active-state, +.md .stepper-fill-md.color-green .stepper-button-minus.active-state, +.md .stepper-fill.color-green .stepper-button-plus.active-state, +.md .stepper-fill-md.color-green .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper-fill.color-green .stepper-button:after, +.md .stepper-fill-md.color-green .stepper-button:after, +.md .stepper-fill.color-green .stepper-button-minus:after, +.md .stepper-fill-md.color-green .stepper-button-minus:after, +.md .stepper-fill.color-green .stepper-button-plus:after, +.md .stepper-fill-md.color-green .stepper-button-plus:after, +.md .stepper-fill.color-green .stepper-button:before, +.md .stepper-fill-md.color-green .stepper-button:before, +.md .stepper-fill.color-green .stepper-button-minus:before, +.md .stepper-fill-md.color-green .stepper-button-minus:before, +.md .stepper-fill.color-green .stepper-button-plus:before, +.md .stepper-fill-md.color-green .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-blue .stepper-button, +.md .stepper.color-blue .stepper-button-minus, +.md .stepper.color-blue .stepper-button-plus { + border-color: #2196f3; + color: #2196f3; +} +.md .stepper.color-blue .stepper-button-plus:after, +.md .stepper.color-blue .stepper-button-minus:after, +.md .stepper.color-blue .stepper-button-plus:before, +.md .stepper.color-blue .stepper-button-minus:before { + background: #2196f3; +} +.md .stepper.color-blue .stepper-value, +.md .stepper.color-blue .stepper-input-wrap { + border-top-color: #2196f3; + border-bottom-color: #2196f3; +} +.md .stepper.color-blue .stepper-value, +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper-fill.color-blue .stepper-button, +.md .stepper-fill-md.color-blue .stepper-button, +.md .stepper-fill.color-blue .stepper-button-minus, +.md .stepper-fill-md.color-blue .stepper-button-minus, +.md .stepper-fill.color-blue .stepper-button-plus, +.md .stepper-fill-md.color-blue .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper-fill.color-blue .stepper-button.active-state, +.md .stepper-fill-md.color-blue .stepper-button.active-state, +.md .stepper-fill.color-blue .stepper-button-minus.active-state, +.md .stepper-fill-md.color-blue .stepper-button-minus.active-state, +.md .stepper-fill.color-blue .stepper-button-plus.active-state, +.md .stepper-fill-md.color-blue .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper-fill.color-blue .stepper-button:after, +.md .stepper-fill-md.color-blue .stepper-button:after, +.md .stepper-fill.color-blue .stepper-button-minus:after, +.md .stepper-fill-md.color-blue .stepper-button-minus:after, +.md .stepper-fill.color-blue .stepper-button-plus:after, +.md .stepper-fill-md.color-blue .stepper-button-plus:after, +.md .stepper-fill.color-blue .stepper-button:before, +.md .stepper-fill-md.color-blue .stepper-button:before, +.md .stepper-fill.color-blue .stepper-button-minus:before, +.md .stepper-fill-md.color-blue .stepper-button-minus:before, +.md .stepper-fill.color-blue .stepper-button-plus:before, +.md .stepper-fill-md.color-blue .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-pink .stepper-button, +.md .stepper.color-pink .stepper-button-minus, +.md .stepper.color-pink .stepper-button-plus { + border-color: #e91e63; + color: #e91e63; +} +.md .stepper.color-pink .stepper-button-plus:after, +.md .stepper.color-pink .stepper-button-minus:after, +.md .stepper.color-pink .stepper-button-plus:before, +.md .stepper.color-pink .stepper-button-minus:before { + background: #e91e63; +} +.md .stepper.color-pink .stepper-value, +.md .stepper.color-pink .stepper-input-wrap { + border-top-color: #e91e63; + border-bottom-color: #e91e63; +} +.md .stepper.color-pink .stepper-value, +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper-fill.color-pink .stepper-button, +.md .stepper-fill-md.color-pink .stepper-button, +.md .stepper-fill.color-pink .stepper-button-minus, +.md .stepper-fill-md.color-pink .stepper-button-minus, +.md .stepper-fill.color-pink .stepper-button-plus, +.md .stepper-fill-md.color-pink .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper-fill.color-pink .stepper-button.active-state, +.md .stepper-fill-md.color-pink .stepper-button.active-state, +.md .stepper-fill.color-pink .stepper-button-minus.active-state, +.md .stepper-fill-md.color-pink .stepper-button-minus.active-state, +.md .stepper-fill.color-pink .stepper-button-plus.active-state, +.md .stepper-fill-md.color-pink .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper-fill.color-pink .stepper-button:after, +.md .stepper-fill-md.color-pink .stepper-button:after, +.md .stepper-fill.color-pink .stepper-button-minus:after, +.md .stepper-fill-md.color-pink .stepper-button-minus:after, +.md .stepper-fill.color-pink .stepper-button-plus:after, +.md .stepper-fill-md.color-pink .stepper-button-plus:after, +.md .stepper-fill.color-pink .stepper-button:before, +.md .stepper-fill-md.color-pink .stepper-button:before, +.md .stepper-fill.color-pink .stepper-button-minus:before, +.md .stepper-fill-md.color-pink .stepper-button-minus:before, +.md .stepper-fill.color-pink .stepper-button-plus:before, +.md .stepper-fill-md.color-pink .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-yellow .stepper-button, +.md .stepper.color-yellow .stepper-button-minus, +.md .stepper.color-yellow .stepper-button-plus { + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-button-plus:after, +.md .stepper.color-yellow .stepper-button-minus:after, +.md .stepper.color-yellow .stepper-button-plus:before, +.md .stepper.color-yellow .stepper-button-minus:before { + background: #ffeb3b; +} +.md .stepper.color-yellow .stepper-value, +.md .stepper.color-yellow .stepper-input-wrap { + border-top-color: #ffeb3b; + border-bottom-color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-value, +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper-fill.color-yellow .stepper-button, +.md .stepper-fill-md.color-yellow .stepper-button, +.md .stepper-fill.color-yellow .stepper-button-minus, +.md .stepper-fill-md.color-yellow .stepper-button-minus, +.md .stepper-fill.color-yellow .stepper-button-plus, +.md .stepper-fill-md.color-yellow .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper-fill.color-yellow .stepper-button.active-state, +.md .stepper-fill-md.color-yellow .stepper-button.active-state, +.md .stepper-fill.color-yellow .stepper-button-minus.active-state, +.md .stepper-fill-md.color-yellow .stepper-button-minus.active-state, +.md .stepper-fill.color-yellow .stepper-button-plus.active-state, +.md .stepper-fill-md.color-yellow .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper-fill.color-yellow .stepper-button:after, +.md .stepper-fill-md.color-yellow .stepper-button:after, +.md .stepper-fill.color-yellow .stepper-button-minus:after, +.md .stepper-fill-md.color-yellow .stepper-button-minus:after, +.md .stepper-fill.color-yellow .stepper-button-plus:after, +.md .stepper-fill-md.color-yellow .stepper-button-plus:after, +.md .stepper-fill.color-yellow .stepper-button:before, +.md .stepper-fill-md.color-yellow .stepper-button:before, +.md .stepper-fill.color-yellow .stepper-button-minus:before, +.md .stepper-fill-md.color-yellow .stepper-button-minus:before, +.md .stepper-fill.color-yellow .stepper-button-plus:before, +.md .stepper-fill-md.color-yellow .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-orange .stepper-button, +.md .stepper.color-orange .stepper-button-minus, +.md .stepper.color-orange .stepper-button-plus { + border-color: #ff9800; + color: #ff9800; +} +.md .stepper.color-orange .stepper-button-plus:after, +.md .stepper.color-orange .stepper-button-minus:after, +.md .stepper.color-orange .stepper-button-plus:before, +.md .stepper.color-orange .stepper-button-minus:before { + background: #ff9800; +} +.md .stepper.color-orange .stepper-value, +.md .stepper.color-orange .stepper-input-wrap { + border-top-color: #ff9800; + border-bottom-color: #ff9800; +} +.md .stepper.color-orange .stepper-value, +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper-fill.color-orange .stepper-button, +.md .stepper-fill-md.color-orange .stepper-button, +.md .stepper-fill.color-orange .stepper-button-minus, +.md .stepper-fill-md.color-orange .stepper-button-minus, +.md .stepper-fill.color-orange .stepper-button-plus, +.md .stepper-fill-md.color-orange .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper-fill.color-orange .stepper-button.active-state, +.md .stepper-fill-md.color-orange .stepper-button.active-state, +.md .stepper-fill.color-orange .stepper-button-minus.active-state, +.md .stepper-fill-md.color-orange .stepper-button-minus.active-state, +.md .stepper-fill.color-orange .stepper-button-plus.active-state, +.md .stepper-fill-md.color-orange .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper-fill.color-orange .stepper-button:after, +.md .stepper-fill-md.color-orange .stepper-button:after, +.md .stepper-fill.color-orange .stepper-button-minus:after, +.md .stepper-fill-md.color-orange .stepper-button-minus:after, +.md .stepper-fill.color-orange .stepper-button-plus:after, +.md .stepper-fill-md.color-orange .stepper-button-plus:after, +.md .stepper-fill.color-orange .stepper-button:before, +.md .stepper-fill-md.color-orange .stepper-button:before, +.md .stepper-fill.color-orange .stepper-button-minus:before, +.md .stepper-fill-md.color-orange .stepper-button-minus:before, +.md .stepper-fill.color-orange .stepper-button-plus:before, +.md .stepper-fill-md.color-orange .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-gray .stepper-button, +.md .stepper.color-gray .stepper-button-minus, +.md .stepper.color-gray .stepper-button-plus { + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-button-plus:after, +.md .stepper.color-gray .stepper-button-minus:after, +.md .stepper.color-gray .stepper-button-plus:before, +.md .stepper.color-gray .stepper-button-minus:before { + background: #9e9e9e; +} +.md .stepper.color-gray .stepper-value, +.md .stepper.color-gray .stepper-input-wrap { + border-top-color: #9e9e9e; + border-bottom-color: #9e9e9e; +} +.md .stepper.color-gray .stepper-value, +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper-fill.color-gray .stepper-button, +.md .stepper-fill-md.color-gray .stepper-button, +.md .stepper-fill.color-gray .stepper-button-minus, +.md .stepper-fill-md.color-gray .stepper-button-minus, +.md .stepper-fill.color-gray .stepper-button-plus, +.md .stepper-fill-md.color-gray .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper-fill.color-gray .stepper-button.active-state, +.md .stepper-fill-md.color-gray .stepper-button.active-state, +.md .stepper-fill.color-gray .stepper-button-minus.active-state, +.md .stepper-fill-md.color-gray .stepper-button-minus.active-state, +.md .stepper-fill.color-gray .stepper-button-plus.active-state, +.md .stepper-fill-md.color-gray .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper-fill.color-gray .stepper-button:after, +.md .stepper-fill-md.color-gray .stepper-button:after, +.md .stepper-fill.color-gray .stepper-button-minus:after, +.md .stepper-fill-md.color-gray .stepper-button-minus:after, +.md .stepper-fill.color-gray .stepper-button-plus:after, +.md .stepper-fill-md.color-gray .stepper-button-plus:after, +.md .stepper-fill.color-gray .stepper-button:before, +.md .stepper-fill-md.color-gray .stepper-button:before, +.md .stepper-fill.color-gray .stepper-button-minus:before, +.md .stepper-fill-md.color-gray .stepper-button-minus:before, +.md .stepper-fill.color-gray .stepper-button-plus:before, +.md .stepper-fill-md.color-gray .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-white .stepper-button, +.md .stepper.color-white .stepper-button-minus, +.md .stepper.color-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.md .stepper.color-white .stepper-button-plus:after, +.md .stepper.color-white .stepper-button-minus:after, +.md .stepper.color-white .stepper-button-plus:before, +.md .stepper.color-white .stepper-button-minus:before { + background: #ffffff; +} +.md .stepper.color-white .stepper-value, +.md .stepper.color-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.md .stepper.color-white .stepper-value, +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper-fill.color-white .stepper-button, +.md .stepper-fill-md.color-white .stepper-button, +.md .stepper-fill.color-white .stepper-button-minus, +.md .stepper-fill-md.color-white .stepper-button-minus, +.md .stepper-fill.color-white .stepper-button-plus, +.md .stepper-fill-md.color-white .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper-fill.color-white .stepper-button.active-state, +.md .stepper-fill-md.color-white .stepper-button.active-state, +.md .stepper-fill.color-white .stepper-button-minus.active-state, +.md .stepper-fill-md.color-white .stepper-button-minus.active-state, +.md .stepper-fill.color-white .stepper-button-plus.active-state, +.md .stepper-fill-md.color-white .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper-fill.color-white .stepper-button:after, +.md .stepper-fill-md.color-white .stepper-button:after, +.md .stepper-fill.color-white .stepper-button-minus:after, +.md .stepper-fill-md.color-white .stepper-button-minus:after, +.md .stepper-fill.color-white .stepper-button-plus:after, +.md .stepper-fill-md.color-white .stepper-button-plus:after, +.md .stepper-fill.color-white .stepper-button:before, +.md .stepper-fill-md.color-white .stepper-button:before, +.md .stepper-fill.color-white .stepper-button-minus:before, +.md .stepper-fill-md.color-white .stepper-button-minus:before, +.md .stepper-fill.color-white .stepper-button-plus:before, +.md .stepper-fill-md.color-white .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-black .stepper-button, +.md .stepper.color-black .stepper-button-minus, +.md .stepper.color-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.md .stepper.color-black .stepper-button-plus:after, +.md .stepper.color-black .stepper-button-minus:after, +.md .stepper.color-black .stepper-button-plus:before, +.md .stepper.color-black .stepper-button-minus:before { + background: #000000; +} +.md .stepper.color-black .stepper-value, +.md .stepper.color-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.md .stepper.color-black .stepper-value, +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper-fill.color-black .stepper-button, +.md .stepper-fill-md.color-black .stepper-button, +.md .stepper-fill.color-black .stepper-button-minus, +.md .stepper-fill-md.color-black .stepper-button-minus, +.md .stepper-fill.color-black .stepper-button-plus, +.md .stepper-fill-md.color-black .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper-fill.color-black .stepper-button.active-state, +.md .stepper-fill-md.color-black .stepper-button.active-state, +.md .stepper-fill.color-black .stepper-button-minus.active-state, +.md .stepper-fill-md.color-black .stepper-button-minus.active-state, +.md .stepper-fill.color-black .stepper-button-plus.active-state, +.md .stepper-fill-md.color-black .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper-fill.color-black .stepper-button:after, +.md .stepper-fill-md.color-black .stepper-button:after, +.md .stepper-fill.color-black .stepper-button-minus:after, +.md .stepper-fill-md.color-black .stepper-button-minus:after, +.md .stepper-fill.color-black .stepper-button-plus:after, +.md .stepper-fill-md.color-black .stepper-button-plus:after, +.md .stepper-fill.color-black .stepper-button:before, +.md .stepper-fill-md.color-black .stepper-button:before, +.md .stepper-fill.color-black .stepper-button-minus:before, +.md .stepper-fill-md.color-black .stepper-button-minus:before, +.md .stepper-fill.color-black .stepper-button-plus:before, +.md .stepper-fill-md.color-black .stepper-button-plus:before { + background: #fff; +} +/* === Smart Select === */ +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.sheet-modal.smart-select-sheet .sheet-modal-inner { + background: #fff; +} +.sheet-modal.smart-select-sheet .list { + margin: 0; +} +.sheet-modal.smart-select-sheet .list ul:before { + display: none !important; +} +.sheet-modal.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner { + background-color: transparent; +} +/* === Grid === */ +.row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.row > [class*="col-"], +.row > .col { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.row .col { + width: 100%; +} +/* === Grid === */ +.md .row .col-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); +} +.md .row.no-gap .col-100 { + width: 100%; +} +.md .row .col-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); +} +.md .row.no-gap .col-95 { + width: 95%; +} +.md .row .col-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); +} +.md .row.no-gap .col-90 { + width: 90%; +} +.md .row .col-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); +} +.md .row.no-gap .col-85 { + width: 85%; +} +.md .row .col-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); +} +.md .row.no-gap .col-80 { + width: 80%; +} +.md .row .col-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); +} +.md .row.no-gap .col-75 { + width: 75%; +} +.md .row .col-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); +} +.md .row.no-gap .col-70 { + width: 70%; +} +.md .row .col-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); +} +.md .row.no-gap .col-66 { + width: 66.66666666666666%; +} +.md .row .col-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); +} +.md .row.no-gap .col-65 { + width: 65%; +} +.md .row .col-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); +} +.md .row.no-gap .col-60 { + width: 60%; +} +.md .row .col-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); +} +.md .row.no-gap .col-55 { + width: 55%; +} +.md .row .col-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); +} +.md .row.no-gap .col-50 { + width: 50%; +} +.md .row .col-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); +} +.md .row.no-gap .col-45 { + width: 45%; +} +.md .row .col-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); +} +.md .row.no-gap .col-40 { + width: 40%; +} +.md .row .col-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); +} +.md .row.no-gap .col-35 { + width: 35%; +} +.md .row .col-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); +} +.md .row.no-gap .col-33 { + width: 33.333333333333336%; +} +.md .row .col-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); +} +.md .row.no-gap .col-30 { + width: 30%; +} +.md .row .col-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); +} +.md .row.no-gap .col-25 { + width: 25%; +} +.md .row .col-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); +} +.md .row.no-gap .col-20 { + width: 20%; +} +.md .row .col-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); +} +.md .row.no-gap .col-15 { + width: 15%; +} +.md .row .col-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); +} +.md .row.no-gap .col-10 { + width: 10%; +} +.md .row .col-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); +} +.md .row.no-gap .col-5 { + width: 5%; +} +.md .row .col:nth-last-child(1), +.md .row .col:nth-last-child(1) ~ .col { + width: 100%; + width: calc((100% - 16px*0) / 1); +} +.md .row.no-gap .col:nth-last-child(1), +.md .row.no-gap .col:nth-last-child(1) ~ .col { + width: 100%; +} +.md .row .col:nth-last-child(2), +.md .row .col:nth-last-child(2) ~ .col { + width: 50%; + width: calc((100% - 16px*1) / 2); +} +.md .row.no-gap .col:nth-last-child(2), +.md .row.no-gap .col:nth-last-child(2) ~ .col { + width: 50%; +} +.md .row .col:nth-last-child(3), +.md .row .col:nth-last-child(3) ~ .col { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); +} +.md .row.no-gap .col:nth-last-child(3), +.md .row.no-gap .col:nth-last-child(3) ~ .col { + width: 33.33333333%; +} +.md .row .col:nth-last-child(4), +.md .row .col:nth-last-child(4) ~ .col { + width: 25%; + width: calc((100% - 16px*3) / 4); +} +.md .row.no-gap .col:nth-last-child(4), +.md .row.no-gap .col:nth-last-child(4) ~ .col { + width: 25%; +} +.md .row .col:nth-last-child(5), +.md .row .col:nth-last-child(5) ~ .col { + width: 20%; + width: calc((100% - 16px*4) / 5); +} +.md .row.no-gap .col:nth-last-child(5), +.md .row.no-gap .col:nth-last-child(5) ~ .col { + width: 20%; +} +.md .row .col:nth-last-child(6), +.md .row .col:nth-last-child(6) ~ .col { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); +} +.md .row.no-gap .col:nth-last-child(6), +.md .row.no-gap .col:nth-last-child(6) ~ .col { + width: 16.66666667%; +} +.md .row .col:nth-last-child(7), +.md .row .col:nth-last-child(7) ~ .col { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); +} +.md .row.no-gap .col:nth-last-child(7), +.md .row.no-gap .col:nth-last-child(7) ~ .col { + width: 14.28571429%; +} +.md .row .col:nth-last-child(8), +.md .row .col:nth-last-child(8) ~ .col { + width: 12.5%; + width: calc((100% - 16px*7) / 8); +} +.md .row.no-gap .col:nth-last-child(8), +.md .row.no-gap .col:nth-last-child(8) ~ .col { + width: 12.5%; +} +.md .row .col:nth-last-child(9), +.md .row .col:nth-last-child(9) ~ .col { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); +} +.md .row.no-gap .col:nth-last-child(9), +.md .row.no-gap .col:nth-last-child(9) ~ .col { + width: 11.11111111%; +} +.md .row .col:nth-last-child(10), +.md .row .col:nth-last-child(10) ~ .col { + width: 10%; + width: calc((100% - 16px*9) / 10); +} +.md .row.no-gap .col:nth-last-child(10), +.md .row.no-gap .col:nth-last-child(10) ~ .col { + width: 10%; +} +.md .row .col:nth-last-child(11), +.md .row .col:nth-last-child(11) ~ .col { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); +} +.md .row.no-gap .col:nth-last-child(11), +.md .row.no-gap .col:nth-last-child(11) ~ .col { + width: 9.09090909%; +} +.md .row .col:nth-last-child(12), +.md .row .col:nth-last-child(12) ~ .col { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); +} +.md .row.no-gap .col:nth-last-child(12), +.md .row.no-gap .col:nth-last-child(12) ~ .col { + width: 8.33333333%; +} +.md .row .col:nth-last-child(13), +.md .row .col:nth-last-child(13) ~ .col { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); +} +.md .row.no-gap .col:nth-last-child(13), +.md .row.no-gap .col:nth-last-child(13) ~ .col { + width: 7.69230769%; +} +.md .row .col:nth-last-child(14), +.md .row .col:nth-last-child(14) ~ .col { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); +} +.md .row.no-gap .col:nth-last-child(14), +.md .row.no-gap .col:nth-last-child(14) ~ .col { + width: 7.14285714%; +} +.md .row .col:nth-last-child(15), +.md .row .col:nth-last-child(15) ~ .col { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); +} +.md .row.no-gap .col:nth-last-child(15), +.md .row.no-gap .col:nth-last-child(15) ~ .col { + width: 6.66666667%; +} +.md .row .col:nth-last-child(16), +.md .row .col:nth-last-child(16) ~ .col { + width: 6.25%; + width: calc((100% - 16px*15) / 16); +} +.md .row.no-gap .col:nth-last-child(16), +.md .row.no-gap .col:nth-last-child(16) ~ .col { + width: 6.25%; +} +.md .row .col:nth-last-child(17), +.md .row .col:nth-last-child(17) ~ .col { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); +} +.md .row.no-gap .col:nth-last-child(17), +.md .row.no-gap .col:nth-last-child(17) ~ .col { + width: 5.88235294%; +} +.md .row .col:nth-last-child(18), +.md .row .col:nth-last-child(18) ~ .col { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); +} +.md .row.no-gap .col:nth-last-child(18), +.md .row.no-gap .col:nth-last-child(18) ~ .col { + width: 5.55555556%; +} +.md .row .col:nth-last-child(19), +.md .row .col:nth-last-child(19) ~ .col { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); +} +.md .row.no-gap .col:nth-last-child(19), +.md .row.no-gap .col:nth-last-child(19) ~ .col { + width: 5.26315789%; +} +.md .row .col:nth-last-child(20), +.md .row .col:nth-last-child(20) ~ .col { + width: 5%; + width: calc((100% - 16px*19) / 20); +} +.md .row.no-gap .col:nth-last-child(20), +.md .row.no-gap .col:nth-last-child(20) ~ .col { + width: 5%; +} +.md .row .col:nth-last-child(21), +.md .row .col:nth-last-child(21) ~ .col { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); +} +.md .row.no-gap .col:nth-last-child(21), +.md .row.no-gap .col:nth-last-child(21) ~ .col { + width: 4.76190476%; +} +@media (min-width: 768px) { + .md .row .tablet-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .tablet-100 { + width: 100%; + } + .md .row .tablet-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); + } + .md .row.no-gap .tablet-95 { + width: 95%; + } + .md .row .tablet-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); + } + .md .row.no-gap .tablet-90 { + width: 90%; + } + .md .row .tablet-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); + } + .md .row.no-gap .tablet-85 { + width: 85%; + } + .md .row .tablet-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); + } + .md .row.no-gap .tablet-80 { + width: 80%; + } + .md .row .tablet-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); + } + .md .row.no-gap .tablet-75 { + width: 75%; + } + .md .row .tablet-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); + } + .md .row.no-gap .tablet-70 { + width: 70%; + } + .md .row .tablet-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); + } + .md .row.no-gap .tablet-66 { + width: 66.66666666666666%; + } + .md .row .tablet-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); + } + .md .row.no-gap .tablet-65 { + width: 65%; + } + .md .row .tablet-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); + } + .md .row.no-gap .tablet-60 { + width: 60%; + } + .md .row .tablet-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); + } + .md .row.no-gap .tablet-55 { + width: 55%; + } + .md .row .tablet-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .tablet-50 { + width: 50%; + } + .md .row .tablet-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); + } + .md .row.no-gap .tablet-45 { + width: 45%; + } + .md .row .tablet-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); + } + .md .row.no-gap .tablet-40 { + width: 40%; + } + .md .row .tablet-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); + } + .md .row.no-gap .tablet-35 { + width: 35%; + } + .md .row .tablet-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .tablet-33 { + width: 33.333333333333336%; + } + .md .row .tablet-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); + } + .md .row.no-gap .tablet-30 { + width: 30%; + } + .md .row .tablet-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .tablet-25 { + width: 25%; + } + .md .row .tablet-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .tablet-20 { + width: 20%; + } + .md .row .tablet-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); + } + .md .row.no-gap .tablet-15 { + width: 15%; + } + .md .row .tablet-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .tablet-10 { + width: 10%; + } + .md .row .tablet-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .tablet-5 { + width: 5%; + } + .md .row .tablet-auto:nth-last-child(1), + .md .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .tablet-auto:nth-last-child(1), + .md .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + } + .md .row .tablet-auto:nth-last-child(2), + .md .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .tablet-auto:nth-last-child(2), + .md .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + } + .md .row .tablet-auto:nth-last-child(3), + .md .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .tablet-auto:nth-last-child(3), + .md .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + } + .md .row .tablet-auto:nth-last-child(4), + .md .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .tablet-auto:nth-last-child(4), + .md .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + } + .md .row .tablet-auto:nth-last-child(5), + .md .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .tablet-auto:nth-last-child(5), + .md .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + } + .md .row .tablet-auto:nth-last-child(6), + .md .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); + } + .md .row.no-gap .tablet-auto:nth-last-child(6), + .md .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + } + .md .row .tablet-auto:nth-last-child(7), + .md .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); + } + .md .row.no-gap .tablet-auto:nth-last-child(7), + .md .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + } + .md .row .tablet-auto:nth-last-child(8), + .md .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + width: calc((100% - 16px*7) / 8); + } + .md .row.no-gap .tablet-auto:nth-last-child(8), + .md .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + } + .md .row .tablet-auto:nth-last-child(9), + .md .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); + } + .md .row.no-gap .tablet-auto:nth-last-child(9), + .md .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + } + .md .row .tablet-auto:nth-last-child(10), + .md .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .tablet-auto:nth-last-child(10), + .md .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + } + .md .row .tablet-auto:nth-last-child(11), + .md .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); + } + .md .row.no-gap .tablet-auto:nth-last-child(11), + .md .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + } + .md .row .tablet-auto:nth-last-child(12), + .md .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); + } + .md .row.no-gap .tablet-auto:nth-last-child(12), + .md .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + } + .md .row .tablet-auto:nth-last-child(13), + .md .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); + } + .md .row.no-gap .tablet-auto:nth-last-child(13), + .md .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + } + .md .row .tablet-auto:nth-last-child(14), + .md .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); + } + .md .row.no-gap .tablet-auto:nth-last-child(14), + .md .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + } + .md .row .tablet-auto:nth-last-child(15), + .md .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); + } + .md .row.no-gap .tablet-auto:nth-last-child(15), + .md .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + } + .md .row .tablet-auto:nth-last-child(16), + .md .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + width: calc((100% - 16px*15) / 16); + } + .md .row.no-gap .tablet-auto:nth-last-child(16), + .md .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + } + .md .row .tablet-auto:nth-last-child(17), + .md .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); + } + .md .row.no-gap .tablet-auto:nth-last-child(17), + .md .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + } + .md .row .tablet-auto:nth-last-child(18), + .md .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); + } + .md .row.no-gap .tablet-auto:nth-last-child(18), + .md .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + } + .md .row .tablet-auto:nth-last-child(19), + .md .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); + } + .md .row.no-gap .tablet-auto:nth-last-child(19), + .md .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + } + .md .row .tablet-auto:nth-last-child(20), + .md .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .tablet-auto:nth-last-child(20), + .md .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + } + .md .row .tablet-auto:nth-last-child(21), + .md .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); + } + .md .row.no-gap .tablet-auto:nth-last-child(21), + .md .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + } +} +@media (min-width: 1025px) { + .md .row .desktop-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .desktop-100 { + width: 100%; + } + .md .row .desktop-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); + } + .md .row.no-gap .desktop-95 { + width: 95%; + } + .md .row .desktop-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); + } + .md .row.no-gap .desktop-90 { + width: 90%; + } + .md .row .desktop-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); + } + .md .row.no-gap .desktop-85 { + width: 85%; + } + .md .row .desktop-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); + } + .md .row.no-gap .desktop-80 { + width: 80%; + } + .md .row .desktop-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); + } + .md .row.no-gap .desktop-75 { + width: 75%; + } + .md .row .desktop-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); + } + .md .row.no-gap .desktop-70 { + width: 70%; + } + .md .row .desktop-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); + } + .md .row.no-gap .desktop-66 { + width: 66.66666666666666%; + } + .md .row .desktop-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); + } + .md .row.no-gap .desktop-65 { + width: 65%; + } + .md .row .desktop-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); + } + .md .row.no-gap .desktop-60 { + width: 60%; + } + .md .row .desktop-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); + } + .md .row.no-gap .desktop-55 { + width: 55%; + } + .md .row .desktop-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .desktop-50 { + width: 50%; + } + .md .row .desktop-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); + } + .md .row.no-gap .desktop-45 { + width: 45%; + } + .md .row .desktop-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); + } + .md .row.no-gap .desktop-40 { + width: 40%; + } + .md .row .desktop-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); + } + .md .row.no-gap .desktop-35 { + width: 35%; + } + .md .row .desktop-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .desktop-33 { + width: 33.333333333333336%; + } + .md .row .desktop-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); + } + .md .row.no-gap .desktop-30 { + width: 30%; + } + .md .row .desktop-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .desktop-25 { + width: 25%; + } + .md .row .desktop-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .desktop-20 { + width: 20%; + } + .md .row .desktop-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); + } + .md .row.no-gap .desktop-15 { + width: 15%; + } + .md .row .desktop-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .desktop-10 { + width: 10%; + } + .md .row .desktop-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .desktop-5 { + width: 5%; + } + .md .row .desktop-auto:nth-last-child(1), + .md .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .desktop-auto:nth-last-child(1), + .md .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + } + .md .row .desktop-auto:nth-last-child(2), + .md .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .desktop-auto:nth-last-child(2), + .md .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + } + .md .row .desktop-auto:nth-last-child(3), + .md .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .desktop-auto:nth-last-child(3), + .md .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + } + .md .row .desktop-auto:nth-last-child(4), + .md .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .desktop-auto:nth-last-child(4), + .md .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + } + .md .row .desktop-auto:nth-last-child(5), + .md .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .desktop-auto:nth-last-child(5), + .md .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + } + .md .row .desktop-auto:nth-last-child(6), + .md .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); + } + .md .row.no-gap .desktop-auto:nth-last-child(6), + .md .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + } + .md .row .desktop-auto:nth-last-child(7), + .md .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); + } + .md .row.no-gap .desktop-auto:nth-last-child(7), + .md .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + } + .md .row .desktop-auto:nth-last-child(8), + .md .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + width: calc((100% - 16px*7) / 8); + } + .md .row.no-gap .desktop-auto:nth-last-child(8), + .md .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + } + .md .row .desktop-auto:nth-last-child(9), + .md .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); + } + .md .row.no-gap .desktop-auto:nth-last-child(9), + .md .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + } + .md .row .desktop-auto:nth-last-child(10), + .md .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .desktop-auto:nth-last-child(10), + .md .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + } + .md .row .desktop-auto:nth-last-child(11), + .md .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); + } + .md .row.no-gap .desktop-auto:nth-last-child(11), + .md .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + } + .md .row .desktop-auto:nth-last-child(12), + .md .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); + } + .md .row.no-gap .desktop-auto:nth-last-child(12), + .md .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + } + .md .row .desktop-auto:nth-last-child(13), + .md .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); + } + .md .row.no-gap .desktop-auto:nth-last-child(13), + .md .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + } + .md .row .desktop-auto:nth-last-child(14), + .md .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); + } + .md .row.no-gap .desktop-auto:nth-last-child(14), + .md .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + } + .md .row .desktop-auto:nth-last-child(15), + .md .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); + } + .md .row.no-gap .desktop-auto:nth-last-child(15), + .md .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + } + .md .row .desktop-auto:nth-last-child(16), + .md .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + width: calc((100% - 16px*15) / 16); + } + .md .row.no-gap .desktop-auto:nth-last-child(16), + .md .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + } + .md .row .desktop-auto:nth-last-child(17), + .md .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); + } + .md .row.no-gap .desktop-auto:nth-last-child(17), + .md .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + } + .md .row .desktop-auto:nth-last-child(18), + .md .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); + } + .md .row.no-gap .desktop-auto:nth-last-child(18), + .md .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + } + .md .row .desktop-auto:nth-last-child(19), + .md .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); + } + .md .row.no-gap .desktop-auto:nth-last-child(19), + .md .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + } + .md .row .desktop-auto:nth-last-child(20), + .md .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .desktop-auto:nth-last-child(20), + .md .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + } + .md .row .desktop-auto:nth-last-child(21), + .md .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); + } + .md .row.no-gap .desktop-auto:nth-last-child(21), + .md .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + } +} +/* === Calendar/Datepicker === */ +.calendar { + overflow: hidden; + height: 320px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.calendar.modal-in { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: 220px; + } + .calendar.calendar-modal { + height: calc(100vh - 44px); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-modal { + position: absolute; + height: 420px; + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: 380px; + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 12000; + background: #fff; + width: 90%; + border-radius: 4px; + -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.calendar-modal.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); +} +.calendar-popover { + width: 320px; +} +.calendar-popover .calendar { + height: 320px; +} +.calendar-week-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 11px; +} +.calendar-week-header .calendar-week-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + -webkit-transition: 300ms; + transition: 300ms; +} +.calendar-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.calendar-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: #000; + height: 100%; +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: #b8b8b8; +} +.calendar-day.calendar-day-disabled { + color: #d4d4d4; + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 100%; + position: relative; +} +.calendar-day .calendar-day-events { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + left: 0; + width: 100%; + top: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: 4px; + height: 4px; + border-radius: 50%; +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 50%; + max-width: 200px; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.md .calendar-header { + height: 56px; + background: #2196f3; + font-size: 20px; + line-height: 56px; + padding: 0 24px; + color: #fff; + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.md .calendar-footer { + position: relative; + width: 100%; + height: 48px; + padding: 6px 8px; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.md .calendar .toolbar { + background: none !important; + color: #212121; +} +.md .calendar .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .calendar .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .calendar .toolbar a.link .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .calendar .toolbar .icon-next, +.md .calendar .toolbar .icon-prev, +.md .calendar .toolbar .icon-forward, +.md .calendar .toolbar .icon-back { + opacity: 0.54; +} +.md .calendar-week-header { + color: rgba(0, 0, 0, 0.54); + height: 24px; +} +.md .calendar-week-header .calendar-week-day { + line-height: 24px; +} +.md .calendar-day.calendar-day-today .calendar-day-number { + color: #2196f3; +} +.md .calendar-day.calendar-day-selected .calendar-day-number { + background: #2196f3; + color: #fff; +} +.md .calendar-day .calendar-day-number { + width: 32px; + height: 32px; + line-height: 32px; +} +.md .calendar-day .calendar-day-event { + background: #2196f3; +} +.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.md .calendar-month-selector a.icon-only, +.md .calendar-year-selector a.icon-only { + min-width: 36px; +} +.md .calendar-sheet:before { + content: ''; + position: absolute; + background-color: #ccc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .calendar-sheet:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .calendar-sheet:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md.device-iphone-x .calendar-sheet .sheet-modal-inner { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge.calendar .calendar-row, + .md.device-iphone-x .ios-edges.calendar .calendar-row, + .md.device-iphone-x .popup.calendar .calendar-row, + .md.device-iphone-x .sheet-modal.calendar .calendar-row, + .md.device-iphone-x .panel-left.calendar .calendar-row, + .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .ios-left-edge.calendar .calendar-week-header, + .md.device-iphone-x .ios-edges.calendar .calendar-week-header, + .md.device-iphone-x .popup.calendar .calendar-week-header, + .md.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .md.device-iphone-x .panel-left.calendar .calendar-week-header, + .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge.calendar .calendar-row, + .md.device-iphone-x .ios-edges.calendar .calendar-row, + .md.device-iphone-x .popup.calendar .calendar-row, + .md.device-iphone-x .sheet-modal.calendar .calendar-row, + .md.device-iphone-x .panel-right.calendar .calendar-row, + .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .ios-right-edge.calendar .calendar-week-header, + .md.device-iphone-x .ios-edges.calendar .calendar-week-header, + .md.device-iphone-x .popup.calendar .calendar-week-header, + .md.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .md.device-iphone-x .panel-right.calendar .calendar-week-header, + .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +.md .theme-dark .calendar-popover .calendar-week-header { + background-color: transparent; +} +.md .theme-dark .calendar-week-header { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar-day { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .calendar-day.calendar-day-disabled { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar-day.calendar-day-prev, +.md .theme-dark .calendar-day.calendar-day-next { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .calendar-modal, +.calendar-modal.md .theme-dark { + background: #202020; +} +.md .theme-dark .calendar.calendar-sheet:before, +.calendar.md .theme-dark.calendar-sheet:before { + background-color: rgba(255, 255, 255, 0.2); +} +.md .theme-dark .calendar .toolbar, +.calendar.md .theme-dark .toolbar { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar .toolbar a.link:before, +.calendar.md .theme-dark .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .calendar .toolbar a.link.active-state:before, +.calendar.md .theme-dark .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .calendar .toolbar a.link .ripple-wave, +.calendar.md .theme-dark .toolbar a.link .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .color-theme-red .calendar-header, +.md .color-red .calendar-header { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number, +.md .color-red .calendar-day.calendar-day-today .calendar-day-number { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-red .calendar-day.calendar-day-selected .calendar-day-number { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-red .calendar-day .calendar-day-event, +.md .color-red .calendar-day .calendar-day-event { + background: #f44336; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number, +.md .color-green .calendar-day.calendar-day-today .calendar-day-number { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-green .calendar-day.calendar-day-selected .calendar-day-number { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-green .calendar-day .calendar-day-event, +.md .color-green .calendar-day .calendar-day-event { + background: #4caf50; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number, +.md .color-blue .calendar-day.calendar-day-today .calendar-day-number { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-day .calendar-day-event, +.md .color-blue .calendar-day .calendar-day-event { + background: #2196f3; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number, +.md .color-pink .calendar-day.calendar-day-today .calendar-day-number { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-day .calendar-day-event, +.md .color-pink .calendar-day .calendar-day-event { + background: #e91e63; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number, +.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-day .calendar-day-event, +.md .color-yellow .calendar-day .calendar-day-event { + background: #ffeb3b; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number, +.md .color-orange .calendar-day.calendar-day-today .calendar-day-number { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-day .calendar-day-event, +.md .color-orange .calendar-day .calendar-day-event { + background: #ff9800; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number, +.md .color-gray .calendar-day.calendar-day-today .calendar-day-number { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-day .calendar-day-event, +.md .color-gray .calendar-day .calendar-day-event { + background: #9e9e9e; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number, +.md .color-white .calendar-day.calendar-day-today .calendar-day-number { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-white .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-white .calendar-day .calendar-day-event, +.md .color-white .calendar-day .calendar-day-event { + background: #ffffff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number, +.md .color-black .calendar-day.calendar-day-today .calendar-day-number { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-black .calendar-day.calendar-day-selected .calendar-day-number { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-black .calendar-day .calendar-day-event, +.md .color-black .calendar-day .calendar-day-event { + background: #000000; +} +/* === Picker === */ +.picker { + width: 100%; + height: 260px; +} +.picker.picker-inline, +.popover .picker { + height: 200px; +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: 200px; + } +} +.picker-popover { + width: 280px; +} +.picker-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + right: 100%; +} +.picker-column.picker-column-last:after { + left: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.picker-items { + -webkit-transition: 300ms; + transition: 300ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.picker-item { + height: 36px; + line-height: 36px; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: -18px; + pointer-events: none; +} +.picker-3d .picker-columns { + overflow: hidden; + -webkit-perspective: 1200px; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + -webkit-transform-origin: center center -110px; + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.md .picker-popover .toolbar { + border-radius: 2px 2px 0 0; +} +.md .picker-columns { + font-size: 20px; +} +.md .picker-column-divider { + color: rgba(0, 0, 0, 0.87); +} +.md .picker-popover .picker > .toolbar + .picker-columns { + height: calc(100% - 48px); +} +.md .picker-center-highlight:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.15); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .picker-center-highlight:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .picker-center-highlight:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .picker-center-highlight:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.15); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .picker-center-highlight:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .picker-center-highlight:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .theme-dark .picker-column-divider { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .picker-center-highlight:before { + background-color: rgba(255, 255, 255, 0.15); +} +.md .theme-dark .picker-center-highlight:after { + background-color: rgba(255, 255, 255, 0.15); +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ptr-preloader .preloader { + position: absolute; + left: 50%; +} +.md .ptr-preloader { + position: absolute; + left: 50%; + top: 16px; + width: 40px; + height: 40px; + border-radius: 50%; + background: #fff; + margin-left: -20px; + margin-top: -7px; + z-index: 100; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +@media (min-width: 768px) { + .md .ptr-preloader { + top: 24px; + } +} +.md .ptr-preloader .preloader { + width: 22px; + height: 22px; + margin-left: -11px; + margin-top: -11px; + top: 50%; + visibility: hidden; +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 3px solid #757575; + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + -webkit-transform: rotate(150deg); + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + -webkit-transform: rotate(-40deg); + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + -webkit-animation: none; + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + -webkit-transform: translate3d(0, 66px, 0); + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + -webkit-transition: 300ms; + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transform: rotate(620deg) !important; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.md .ptr-no-navbar .ptr-preloader { + top: auto; + bottom: 100%; + margin-bottom: 7px; +} +.md .page-with-subnavbar .ptr-preloader, +.md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader, +.md .searchbar ~ .ptr-content .ptr-preloader { + top: 64px; +} +@media (min-width: 768px) { + .md .page-with-subnavbar .ptr-preloader, + .md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader, + .md .searchbar ~ .ptr-content .ptr-preloader { + top: 72px; + } +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + -webkit-animation: lazyFadeIn 600ms; + animation: lazyFadeIn 600ms; +} +@-webkit-keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: left; +} +.data-table thead { + font-size: 12px; +} +.data-table thead th, +.data-table thead td { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; +} +.data-table th, +.data-table td { + padding: 0; + position: relative; +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: right; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-left: 8px; +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: right; + white-space: nowrap; +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 18px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: ''; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-size: 0; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 0; +} +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + -webkit-transform: rotate(180deg) !important; + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header { + height: 64px; +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-actions { + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.data-table .data-table-actions a.link { + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} +.data-table .data-table-header-selected { + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; +} +.data-table .data-table-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 12px; + overflow: hidden; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + -webkit-transform: none !important; + transform: none !important; + font-size: 12px; + margin-right: 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + left: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-left: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-left: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); +} +.md .data-table thead th, +.md .data-table thead td { + font-weight: 500; + height: 56px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.md .data-table thead th:not(.sortable-cell-active), +.md .data-table thead td:not(.sortable-cell-active) { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table thead i.icon, +.md .data-table thead i.material-icons { + font-size: 16px; + width: 16px; + height: 16px; +} +.md .data-table tbody { + font-size: 13px; +} +.md .data-table tbody tr.data-table-row-selected { + background: #f5f5f5; +} +.md .data-table tbody td { + height: 48px; +} +.md .data-table th, +.md .data-table td { + padding-left: 28px; + padding-right: 28px; +} +.md .data-table th.label-cell, +.md .data-table td.label-cell { + padding-left: 24px; + padding-right: 24px; +} +.md .data-table th:first-child, +.md .data-table td:first-child { + padding-left: 24px; +} +.md .data-table th:last-child, +.md .data-table td:last-child { + padding-right: 24px; +} +.md .data-table th.checkbox-cell, +.md .data-table td.checkbox-cell { + width: 18px; + padding-left: 24px; + padding-right: 12px; +} +.md .data-table th.checkbox-cell + td, +.md .data-table td.checkbox-cell + td, +.md .data-table th.checkbox-cell + th, +.md .data-table td.checkbox-cell + th { + padding-left: 12px; +} +.md .data-table th.actions-cell a.link, +.md .data-table td.actions-cell a.link { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-left: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-left: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-right: 8px; +} +.md .data-table.card .card-header, +.md .card .data-table .card-header, +.md .data-table.card .card-footer, +.md .card .data-table .card-footer { + padding-left: 24px; + padding-right: 14px; +} +.md .data-table.card .card-footer, +.md .card .data-table .card-footer { + height: 56px; +} +.md .data-table-title { + font-size: 20px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link { + margin-left: 24px; +} +.md .data-table-actions a.link { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table .card-header > .data-table-header, +.md .data-table .card-header > .data-table-header-selected { + padding-left: 24px; + padding-right: 14px; + margin-left: -24px; + margin-right: -14px; + padding-top: 4px; + padding-bottom: 4px; + height: 100%; +} +.md .data-table-header-selected { + background: rgba(33, 150, 243, 0.1); +} +.md .data-table-title-selected { + color: #2196f3; +} +.md .data-table tbody td:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .data-table tbody td:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .data-table tbody td:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md.device-desktop .data-table tbody tr:hover { + background: #f5f5f5; +} +.md .data-table-footer { + height: 56px; + color: rgba(0, 0, 0, 0.54); +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-left: 32px; +} +.md .data-table-rows-select .input { + margin-left: 24px; +} +.md .data-table-pagination-label { + margin-right: 20px; +} +.md .data-table-footer:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .data-table-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .data-table-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.md .input-cell .table-head-label + .input { + margin-top: 4px; +} +.md .input-cell .input { + height: 24px; +} +.md .input-cell .input input, +.md .input-cell .input textarea, +.md .input-cell .input select { + height: 24px; + color: #212121; + font-size: 14px; +} +.md .input-cell .input .input-clear-button { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +@media (max-width: 480px) and (orientation: portrait) { + .md .data-table.data-table-collapsible td { + padding-left: 16px; + padding-right: 16px; + } + .md .data-table.data-table-collapsible td:not(.checkbox-cell):before { + color: rgba(0, 0, 0, 0.54); + font-weight: 500; + line-height: 16px; + } + .md .data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + } + .md.device-pixel-ratio-2 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + } + .md.device-pixel-ratio-3 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); + } +} +.md .theme-dark .data-table thead th:not(.sortable-cell-active), +.data-table.md .theme-dark thead th:not(.sortable-cell-active), +.md .theme-dark .data-table thead td:not(.sortable-cell-active), +.data-table.md .theme-dark thead td:not(.sortable-cell-active), +.md .theme-dark .data-table .data-table-actions a.link, +.data-table.md .theme-dark .data-table-actions a.link, +.md .theme-dark .data-table td.actions-cell a.link, +.data-table.md .theme-dark td.actions-cell a.link, +.md .theme-dark .data-table th.actions-cell a.link, +.data-table.md .theme-dark th.actions-cell a.link { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .data-table .data-table-links a.link:before, +.data-table.md .theme-dark .data-table-links a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .data-table .data-table-links a.link.active-state:before, +.data-table.md .theme-dark .data-table-links a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .data-table tbody td:before, +.data-table.md .theme-dark tbody td:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .data-table.data-table-collapsible tr:before, +.data-table.md .theme-dark.data-table-collapsible tr:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .data-table tbody tr.data-table-row-selected, +.data-table.md .theme-dark tbody tr.data-table-row-selected { + background-color: rgba(255, 255, 255, 0.05); +} +.md.device-desktop .theme-dark .data-table tbody tr:hover, +.md.device-desktop .theme-dark.data-table tbody tr:hover { + background-color: rgba(255, 255, 255, 0.05); +} +.md .color-theme-red .data-table-header-selected, +.md .data-table-header-selected.color-red { + background: rgba(244, 67, 54, 0.1); +} +.md .color-theme-red .data-table-title-selected, +.md .color-red .data-table-title-selected { + color: #f44336; +} +.md .color-theme-green .data-table-header-selected, +.md .data-table-header-selected.color-green { + background: rgba(76, 175, 80, 0.1); +} +.md .color-theme-green .data-table-title-selected, +.md .color-green .data-table-title-selected { + color: #4caf50; +} +.md .color-theme-blue .data-table-header-selected, +.md .data-table-header-selected.color-blue { + background: rgba(33, 150, 243, 0.1); +} +.md .color-theme-blue .data-table-title-selected, +.md .color-blue .data-table-title-selected { + color: #2196f3; +} +.md .color-theme-pink .data-table-header-selected, +.md .data-table-header-selected.color-pink { + background: rgba(233, 30, 99, 0.1); +} +.md .color-theme-pink .data-table-title-selected, +.md .color-pink .data-table-title-selected { + color: #e91e63; +} +.md .color-theme-yellow .data-table-header-selected, +.md .data-table-header-selected.color-yellow { + background: rgba(255, 235, 59, 0.1); +} +.md .color-theme-yellow .data-table-title-selected, +.md .color-yellow .data-table-title-selected { + color: #ffeb3b; +} +.md .color-theme-orange .data-table-header-selected, +.md .data-table-header-selected.color-orange { + background: rgba(255, 152, 0, 0.1); +} +.md .color-theme-orange .data-table-title-selected, +.md .color-orange .data-table-title-selected { + color: #ff9800; +} +.md .color-theme-gray .data-table-header-selected, +.md .data-table-header-selected.color-gray { + background: rgba(158, 158, 158, 0.1); +} +.md .color-theme-gray .data-table-title-selected, +.md .color-gray .data-table-title-selected { + color: #9e9e9e; +} +.md .color-theme-white .data-table-header-selected, +.md .data-table-header-selected.color-white { + background: rgba(255, 255, 255, 0.1); +} +.md .color-theme-white .data-table-title-selected, +.md .color-white .data-table-title-selected { + color: #ffffff; +} +.md .color-theme-black .data-table-header-selected, +.md .data-table-header-selected.color-black { + background: rgba(0, 0, 0, 0.1); +} +.md .color-theme-black .data-table-title-selected, +.md .color-black .data-table-title-selected { + color: #000000; +} +/* === FAB === */ +.fab { + position: absolute; + z-index: 1500; +} +.fab > a, +.fab-buttons a { + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + z-index: 1; +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + -webkit-transition: 300ms; + transition: 300ms; +} +.fab > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab[class*="fab-center"] { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.fab div.fab-buttons a { + width: 40px; + height: 40px; +} +.fab-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0) scale(1) !important; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + -webkit-transition-delay: 50ms; + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + -webkit-transition-delay: 150ms; + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + -webkit-transition-delay: 200ms; + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + -webkit-transition-delay: 250ms; + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: 40px; + margin-left: -20px; +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.fab-buttons-top a { + -webkit-transform: translate3d(0, 8px, 0) scale(0.3); + transform: translate3d(0, 8px, 0) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.fab-buttons-bottom a { + -webkit-transform: translate3d(0, -8px, 0) scale(0.3); + transform: translate3d(0, -8px, 0) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: 40px; + margin-top: -20px; +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fab-buttons-left a { + -webkit-transform: translate3d(8px, 0px, 0) scale(0.3); + transform: translate3d(8px, 0px, 0) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; +} +.fab-buttons-right a { + -webkit-transform: translate3d(-8px, 0, 0) scale(0.3); + transform: translate3d(-8px, 0, 0) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: -20px; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform: translateY(-8px) scale(0.3); + transform: translateY(-8px) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: -20px; + top: 50%; + margin-left: 16px; + -webkit-transform: translateX(-8px) scale(0.3); + transform: translateX(-8px) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: -20px; + top: 100%; + margin-top: 16px; + -webkit-transform: translateY(8px) scale(0.3); + transform: translateY(8px) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: -20px; + top: 50%; + margin-right: 16px; + -webkit-transform: translateX(8px) scale(0.3); + transform: translateX(8px) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + padding-left: 20px; + padding-right: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: 4px 12px; + border-radius: 4px; + background: #fff; + color: #333; + white-space: nowrap; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.md .fab > a, +.md .fab-buttons a { + background: #2196f3; + width: 56px; + height: 56px; + border-radius: 28px; + color: #fff; + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} +.md .fab > a.active-state, +.md .fab-buttons a.active-state { + background: #0c82df; +} +.md .fab[class*="fab-left"] { + left: 15px; +} +.md .fab[class*="fab-right"] { + right: 15px; +} +.md .fab[class*="-top"] { + top: 15px; +} +.md .fab[class*="-bottom"] { + bottom: 15px; +} +.md .navbar ~ * .fab[class*="-top"], +.md .navbar ~ .fab[class*="-top"] { + margin-top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ * .fab[class*="-top"], + .md .navbar ~ .fab[class*="-top"] { + margin-top: 64px; + } +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 48px; +} +.md .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], +.md .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 72px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 104px; +} +.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], +.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 128px; +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 112px; + } + .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], + .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 136px; + } +} +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"], +.md .messagebar ~ * .fab[class*="-bottom"], +.md .messagebar ~ .fab[class*="-bottom"] { + margin-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md.tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 72px; +} +.md .fab-morph { + border-radius: 28px; + background: #2196f3; + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} +.md .fab-morph > a { + -webkit-box-shadow: none; + box-shadow: none; + background: none !important; +} +.md .fab-extended { + min-width: 48px; +} +.md .fab-extended > a { + height: 48px; +} +.md .fab-extended > a i { + left: 24px; +} +.md .fab-extended i ~ .fab-text { + padding-left: 48px; +} +.md .fab-text { + font-weight: 500; + letter-spacing: 0.03em; +} +.md .fab-label { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} +.md .color-theme-red .fab > a, +.md .color-theme-red .fab-buttons a, +.md .color-theme-red.fab > a, +.md .color-theme-red.fab-buttons a { + background: #f44336; +} +.md .color-theme-red .fab > a.active-state, +.md .color-theme-red .fab-buttons a.active-state, +.md .color-theme-red.fab > a.active-state, +.md .color-theme-red.fab-buttons a.active-state { + background: #f21f0f; +} +.md .color-theme-red .fab-morph, +.md .color-theme-red.fab-morph { + background: #f44336; +} +.md .color-theme-green .fab > a, +.md .color-theme-green .fab-buttons a, +.md .color-theme-green.fab > a, +.md .color-theme-green.fab-buttons a { + background: #4caf50; +} +.md .color-theme-green .fab > a.active-state, +.md .color-theme-green .fab-buttons a.active-state, +.md .color-theme-green.fab > a.active-state, +.md .color-theme-green.fab-buttons a.active-state { + background: #409343; +} +.md .color-theme-green .fab-morph, +.md .color-theme-green.fab-morph { + background: #4caf50; +} +.md .color-theme-blue .fab > a, +.md .color-theme-blue .fab-buttons a, +.md .color-theme-blue.fab > a, +.md .color-theme-blue.fab-buttons a { + background: #2196f3; +} +.md .color-theme-blue .fab > a.active-state, +.md .color-theme-blue .fab-buttons a.active-state, +.md .color-theme-blue.fab > a.active-state, +.md .color-theme-blue.fab-buttons a.active-state { + background: #0c82df; +} +.md .color-theme-blue .fab-morph, +.md .color-theme-blue.fab-morph { + background: #2196f3; +} +.md .color-theme-pink .fab > a, +.md .color-theme-pink .fab-buttons a, +.md .color-theme-pink.fab > a, +.md .color-theme-pink.fab-buttons a { + background: #e91e63; +} +.md .color-theme-pink .fab > a.active-state, +.md .color-theme-pink .fab-buttons a.active-state, +.md .color-theme-pink.fab > a.active-state, +.md .color-theme-pink.fab-buttons a.active-state { + background: #ca1452; +} +.md .color-theme-pink .fab-morph, +.md .color-theme-pink.fab-morph { + background: #e91e63; +} +.md .color-theme-yellow .fab > a, +.md .color-theme-yellow .fab-buttons a, +.md .color-theme-yellow.fab > a, +.md .color-theme-yellow.fab-buttons a { + background: #ffeb3b; +} +.md .color-theme-yellow .fab > a.active-state, +.md .color-theme-yellow .fab-buttons a.active-state, +.md .color-theme-yellow.fab > a.active-state, +.md .color-theme-yellow.fab-buttons a.active-state { + background: #ffe712; +} +.md .color-theme-yellow .fab-morph, +.md .color-theme-yellow.fab-morph { + background: #ffeb3b; +} +.md .color-theme-orange .fab > a, +.md .color-theme-orange .fab-buttons a, +.md .color-theme-orange.fab > a, +.md .color-theme-orange.fab-buttons a { + background: #ff9800; +} +.md .color-theme-orange .fab > a.active-state, +.md .color-theme-orange .fab-buttons a.active-state, +.md .color-theme-orange.fab > a.active-state, +.md .color-theme-orange.fab-buttons a.active-state { + background: #d68000; +} +.md .color-theme-orange .fab-morph, +.md .color-theme-orange.fab-morph { + background: #ff9800; +} +.md .color-theme-gray .fab > a, +.md .color-theme-gray .fab-buttons a, +.md .color-theme-gray.fab > a, +.md .color-theme-gray.fab-buttons a { + background: #9e9e9e; +} +.md .color-theme-gray .fab > a.active-state, +.md .color-theme-gray .fab-buttons a.active-state, +.md .color-theme-gray.fab > a.active-state, +.md .color-theme-gray.fab-buttons a.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .fab-morph, +.md .color-theme-gray.fab-morph { + background: #9e9e9e; +} +.md .color-theme-white .fab > a, +.md .color-theme-white .fab-buttons a, +.md .color-theme-white.fab > a, +.md .color-theme-white.fab-buttons a { + background: #ffffff; +} +.md .color-theme-white .fab > a.active-state, +.md .color-theme-white .fab-buttons a.active-state, +.md .color-theme-white.fab > a.active-state, +.md .color-theme-white.fab-buttons a.active-state { + background: #ebebeb; +} +.md .color-theme-white .fab-morph, +.md .color-theme-white.fab-morph { + background: #ffffff; +} +.md .color-theme-black .fab > a, +.md .color-theme-black .fab-buttons a, +.md .color-theme-black.fab > a, +.md .color-theme-black.fab-buttons a { + background: #000000; +} +.md .color-theme-black .fab > a.active-state, +.md .color-theme-black .fab-buttons a.active-state, +.md .color-theme-black.fab > a.active-state, +.md .color-theme-black.fab-buttons a.active-state { + background: #000000; +} +.md .color-theme-black .fab-morph, +.md .color-theme-black.fab-morph { + background: #000000; +} +.md .fab.color-red > a, +.md .fab.color-red .fab-buttons > a, +.md .fab-buttons.color-red a, +.md .fab > a.color-red, +.md .fab .fab-buttons > a.color-red { + background: #f44336; +} +.md .fab.color-red > a.active-state, +.md .fab.color-red .fab-buttons > a.active-state, +.md .fab-buttons.color-red a.active-state, +.md .fab > a.color-red.active-state, +.md .fab .fab-buttons > a.color-red.active-state { + background: #f21f0f; +} +.md .fab-morph.color-red { + background: #f44336; +} +.md .fab.color-green > a, +.md .fab.color-green .fab-buttons > a, +.md .fab-buttons.color-green a, +.md .fab > a.color-green, +.md .fab .fab-buttons > a.color-green { + background: #4caf50; +} +.md .fab.color-green > a.active-state, +.md .fab.color-green .fab-buttons > a.active-state, +.md .fab-buttons.color-green a.active-state, +.md .fab > a.color-green.active-state, +.md .fab .fab-buttons > a.color-green.active-state { + background: #409343; +} +.md .fab-morph.color-green { + background: #4caf50; +} +.md .fab.color-blue > a, +.md .fab.color-blue .fab-buttons > a, +.md .fab-buttons.color-blue a, +.md .fab > a.color-blue, +.md .fab .fab-buttons > a.color-blue { + background: #2196f3; +} +.md .fab.color-blue > a.active-state, +.md .fab.color-blue .fab-buttons > a.active-state, +.md .fab-buttons.color-blue a.active-state, +.md .fab > a.color-blue.active-state, +.md .fab .fab-buttons > a.color-blue.active-state { + background: #0c82df; +} +.md .fab-morph.color-blue { + background: #2196f3; +} +.md .fab.color-pink > a, +.md .fab.color-pink .fab-buttons > a, +.md .fab-buttons.color-pink a, +.md .fab > a.color-pink, +.md .fab .fab-buttons > a.color-pink { + background: #e91e63; +} +.md .fab.color-pink > a.active-state, +.md .fab.color-pink .fab-buttons > a.active-state, +.md .fab-buttons.color-pink a.active-state, +.md .fab > a.color-pink.active-state, +.md .fab .fab-buttons > a.color-pink.active-state { + background: #ca1452; +} +.md .fab-morph.color-pink { + background: #e91e63; +} +.md .fab.color-yellow > a, +.md .fab.color-yellow .fab-buttons > a, +.md .fab-buttons.color-yellow a, +.md .fab > a.color-yellow, +.md .fab .fab-buttons > a.color-yellow { + background: #ffeb3b; +} +.md .fab.color-yellow > a.active-state, +.md .fab.color-yellow .fab-buttons > a.active-state, +.md .fab-buttons.color-yellow a.active-state, +.md .fab > a.color-yellow.active-state, +.md .fab .fab-buttons > a.color-yellow.active-state { + background: #ffe712; +} +.md .fab-morph.color-yellow { + background: #ffeb3b; +} +.md .fab.color-orange > a, +.md .fab.color-orange .fab-buttons > a, +.md .fab-buttons.color-orange a, +.md .fab > a.color-orange, +.md .fab .fab-buttons > a.color-orange { + background: #ff9800; +} +.md .fab.color-orange > a.active-state, +.md .fab.color-orange .fab-buttons > a.active-state, +.md .fab-buttons.color-orange a.active-state, +.md .fab > a.color-orange.active-state, +.md .fab .fab-buttons > a.color-orange.active-state { + background: #d68000; +} +.md .fab-morph.color-orange { + background: #ff9800; +} +.md .fab.color-gray > a, +.md .fab.color-gray .fab-buttons > a, +.md .fab-buttons.color-gray a, +.md .fab > a.color-gray, +.md .fab .fab-buttons > a.color-gray { + background: #9e9e9e; +} +.md .fab.color-gray > a.active-state, +.md .fab.color-gray .fab-buttons > a.active-state, +.md .fab-buttons.color-gray a.active-state, +.md .fab > a.color-gray.active-state, +.md .fab .fab-buttons > a.color-gray.active-state { + background: #8a8a8a; +} +.md .fab-morph.color-gray { + background: #9e9e9e; +} +.md .fab.color-white > a, +.md .fab.color-white .fab-buttons > a, +.md .fab-buttons.color-white a, +.md .fab > a.color-white, +.md .fab .fab-buttons > a.color-white { + background: #ffffff; +} +.md .fab.color-white > a.active-state, +.md .fab.color-white .fab-buttons > a.active-state, +.md .fab-buttons.color-white a.active-state, +.md .fab > a.color-white.active-state, +.md .fab .fab-buttons > a.color-white.active-state { + background: #ebebeb; +} +.md .fab-morph.color-white { + background: #ffffff; +} +.md .fab.color-black > a, +.md .fab.color-black .fab-buttons > a, +.md .fab-buttons.color-black a, +.md .fab > a.color-black, +.md .fab .fab-buttons > a.color-black { + background: #000000; +} +.md .fab.color-black > a.active-state, +.md .fab.color-black .fab-buttons > a.active-state, +.md .fab-buttons.color-black a.active-state, +.md .fab > a.color-black.active-state, +.md .fab .fab-buttons > a.color-black.active-state { + background: #000000; +} +.md .fab-morph.color-black { + background: #000000; +} +.md.device-iphone-x .fab[class*="-bottom"] { + bottom: calc(16px + constant(safe-area-inset-bottom)); + bottom: calc(16px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .fab[class*="fab-left"], + .md.device-iphone-x .ios-edges .fab[class*="fab-left"], + .md.device-iphone-x .popup .fab[class*="fab-left"], + .md.device-iphone-x .sheet-modal .fab[class*="fab-left"], + .md.device-iphone-x .panel-left .fab[class*="fab-left"] { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .fab[class*="fab-right"], + .md.device-iphone-x .ios-edges .fab[class*="fab-right"], + .md.device-iphone-x .popup .fab[class*="fab-right"], + .md.device-iphone-x .sheet-modal .fab[class*="fab-right"], + .md.device-iphone-x .panel-right .fab[class*="fab-right"] { + right: calc(16px + constant(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Searchbar === */ +.searchbar { + width: 100%; + position: relative; + z-index: 200; +} +.searchbar .searchbar-input-wrap { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + height: 100%; + position: relative; +} +.searchbar .searchbar-input-wrap input[type="search"] { + padding: 0; +} +.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.searchbar-expandable { + position: absolute; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + pointer-events: none; +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.md .searchbar { + height: 48px; + background: #fff; +} +.md .searchbar input[type="search"], +.md .searchbar input[type="text"] { + padding-left: 65px; + padding-right: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-size: 20px; + color: #000; + font-weight: normal; +} +.md .searchbar input[type="search"]::-webkit-input-placeholder, +.md .searchbar input[type="text"]::-webkit-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]:-ms-input-placeholder, +.md .searchbar input[type="text"]:-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]::-ms-input-placeholder, +.md .searchbar input[type="text"]::-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]::placeholder, +.md .searchbar input[type="text"]::placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar-expandable { + height: 100%; +} +.md .searchbar-backdrop { + background: rgba(0, 0, 0, 0.25); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + width: 48px; + height: 48px; + left: -4px; + top: 50%; + margin-top: -24px; + background-size: 24px 24px; + background-repeat: no-repeat; + background-position: center; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .searchbar-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .searchbar-disable-button { + -webkit-transform: rotate(-90deg) scale(0.5); + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E"); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + -webkit-transform: rotate(90deg) scale(0.5); + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + border-radius: 0; + background-repeat: no-repeat; + background-position: center; + background-size: 24px 24px; + background-color: transparent; + right: 0; +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + display: none; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page-content .searchbar { + border-radius: 2px; + margin: 8px; + width: auto; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .page-content .searchbar .searchbar-inner { + border-radius: 2px; +} +.md .page > .searchbar { + z-index: 510; +} +.md .page > .searchbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .page > .searchbar.no-shadow:after { + display: none; +} +.md .page > .searchbar input[type="search"], +.md .subnavbar .searchbar input[type="search"], +.md .searchbar-expandable input[type="search"], +.md .page > .searchbar input[type="text"], +.md .subnavbar .searchbar input[type="text"], +.md .searchbar-expandable input[type="text"] { + padding-left: 73px; +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + left: 4px; +} +.md .searchbar-expandable { + width: 56px; + height: 100%; + opacity: 0; + top: 50%; + margin-top: -28px; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + left: 100%; + margin-left: -56px; +} +.md .navbar .searchbar-expandable { + border-radius: 28px; + width: 56px; + margin-top: -28px; + margin-left: -56px; +} +@media (min-width: 768px) { + .md .navbar .searchbar-expandable { + border-radius: 32px; + width: 64px; + margin-top: -32px; + margin-left: -64px; + } +} +.md .toolbar .searchbar-expandable, +.md .subnavbar .searchbar-expandable { + border-radius: 24px; + width: 48px; + margin-top: -24px; + margin-left: -48px; +} +.md .tabbar-labels .searchbar-expandable { + border-radius: 36px; + width: 72px; + margin-top: -36px; + margin-left: -72px; +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + left: 0; + margin-left: 0; +} +.md .page > .searchbar ~ * .page-content, +.md .page > .searchbar ~ .page-content { + padding-top: 48px; +} +.md .page > .navbar ~ .searchbar { + top: 56px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .searchbar { + top: 64px; + } +} +.md .page > .navbar ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .searchbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .searchbar ~ .page-content { + padding-top: 112px; + } +} +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 48px; +} +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 96px; +} +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 72px; +} +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 120px; +} +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 104px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 112px; + } +} +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 152px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 160px; + } +} +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 128px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 136px; + } +} +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 176px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 184px; + } +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .searchbar-inner, + .md.device-iphone-x .ios-edges .searchbar-inner, + .md.device-iphone-x .popup .searchbar-inner, + .md.device-iphone-x .sheet-modal .searchbar-inner, + .md.device-iphone-x .panel-left .searchbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-left-edge .searchbar-disable-button, + .md.device-iphone-x .ios-edges .searchbar-disable-button, + .md.device-iphone-x .popup .searchbar-disable-button, + .md.device-iphone-x .sheet-modal .searchbar-disable-button, + .md.device-iphone-x .panel-left .searchbar-disable-button { + left: calc(4px + constant(safe-area-inset-left)); + left: calc(4px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .searchbar-inner, + .md.device-iphone-x .ios-edges .searchbar-inner, + .md.device-iphone-x .popup .searchbar-inner, + .md.device-iphone-x .sheet-modal .searchbar-inner, + .md.device-iphone-x .panel-right .searchbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Messages === */ +.messages { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; +} +.message { + max-width: 70%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + position: relative; + z-index: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.message-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; + font-size: 12px; +} +.message-footer { + font-size: 11px; + margin-bottom: -1em; +} +.message-bubble { + -webkit-box-sizing: border-box; + box-sizing: border-box; + word-break: break-word; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + line-height: 1.2; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + font-size: 12px; + line-height: 1; +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.message-received { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.message-received .message-content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.message-sent .message-content { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + -webkit-animation: message-appear-from-bottom 300ms; + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + -webkit-animation: message-appear-from-top 300ms; + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: #000; + vertical-align: middle; + border-radius: 50%; +} +@-webkit-keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.md .messages-content, +.md .messages { + background: #eee; +} +.md .message { + margin-top: 16px; +} +.md .message:last-child { + margin-bottom: 16px; +} +.md .messages-title { + font-size: 12px; + color: rgba(0, 0, 0, 0.51); + margin-top: 16px; +} +.md .messages-title:last-child { + margin-bottom: 16px; +} +.md .messages-title b { + font-weight: 500; +} +.md .message-avatar { + width: 32px; + height: 32px; +} +.md .message-header, +.md .message-footer, +.md .message-name { + color: rgba(0, 0, 0, 0.51); +} +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-bubble { + font-size: 16px; + border-radius: 2px; + padding: 6px 8px; + min-height: 32px; +} +.md .message-text-header, +.md .message-text-footer { + color: rgba(0, 0, 0, 0.51); +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received { + margin-left: 8px; +} +.md .message-received .message-bubble { + color: #333; + background: #fff; +} +.md .message-received .message-avatar + .message-content { + margin-left: 8px; +} +.md .message-received.message-tail .message-bubble { + border-radius: 2px 2px 2px 0; +} +.md .message-received.message-tail .message-bubble:before { + position: absolute; + content: ''; + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid #fff; + right: 100%; + bottom: 0; + width: 0; + height: 0; +} +.md .message-sent { + margin-right: 8px; +} +.md .message-sent .message-bubble { + color: #333; + background: #c8e6c9; +} +.md .message-sent .message-avatar + .message-content { + margin-right: 8px; +} +.md .message-sent.message-tail .message-bubble { + border-radius: 2px 2px 0 2px; +} +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + border-right: 8px solid transparent; + border-left: 0 solid transparent; + border-bottom: 8px solid #c8e6c9; + left: 100%; + bottom: 0; + width: 0; + height: 0; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; + opacity: 0.6; +} +.md .message-typing-indicator > div + div { + margin-left: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + -webkit-animation: md-message-typing-indicator 900ms infinite; + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + -webkit-animation: md-message-typing-indicator 900ms 150ms infinite; + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + -webkit-animation: md-message-typing-indicator 900ms 300ms infinite; + animation: md-message-typing-indicator 900ms 300ms infinite; +} +.md .theme-dark .messages-content, +.messages-content.md .theme-dark, +.md .theme-dark .messages, +.messages.md .theme-dark { + background-color: transparent; +} +.md .theme-dark .messages-title { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .message-header, +.md .theme-dark .message-footer, +.md .theme-dark .message-name { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .message-received, + .md.device-iphone-x .ios-edges .message-received, + .md.device-iphone-x .popup .message-received, + .md.device-iphone-x .sheet-modal .message-received, + .md.device-iphone-x .panel-left .message-received { + margin-left: calc(8px + constant(safe-area-inset-left)); + margin-left: calc(8px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .message-sent, + .md.device-iphone-x .ios-edges .message-sent, + .md.device-iphone-x .popup .message-sent, + .md.device-iphone-x .sheet-modal .message-sent, + .md.device-iphone-x .panel-right .message-sent { + margin-right: calc(8px + constant(safe-area-inset-right)); + margin-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes md-message-typing-indicator { + 0% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + 25% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 50% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} +@keyframes md-message-typing-indicator { + 0% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + 25% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 50% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} +/* === Messagebar === */ +.toolbar.messagebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + background: #fff; + height: auto; +} +.toolbar.messagebar .toolbar-inner { + position: relative; +} +.toolbar.messagebar .messagebar-area { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.toolbar.messagebar textarea { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.toolbar.messagebar a.link { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.messagebar-attachments { + width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: 155px; + position: relative; +} +@media (orientation: landscape) { + .messagebar-attachment { + height: 120px; + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; +} +.messagebar-attachment + .messagebar-attachment { + margin-left: 8px; +} +.messagebar-sheet { + overflow: auto; + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + height: 252px; +} +@media (orientation: landscape) { + .messagebar-sheet { + height: 192px; + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: 125px; + width: 125px; + margin-left: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: 95px; + height: 95px; + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top), +.md.device-iphone-x .messagebar:not(.messagebar-top) { + height: auto !important; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible), +.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .messagebar-sheet, +.md.device-iphone-x .messagebar-sheet { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.md .messagebar { + font-size: 16px; +} +.md .messagebar:after { + display: none; +} +.md .messagebar textarea { + padding: 5px 8px; + height: 32px; + color: #333; + font-size: 16px; + line-height: 22px; +} +.md .messagebar a.link { + color: #333; +} +.md .messagebar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .messagebar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .messagebar:before { + content: ''; + position: absolute; + background-color: #d1d1d1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .messagebar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .messagebar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid #ddd; +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet { + background: #fff; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background: #2196f3; + cursor: pointer; + border-radius: 2px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +.md .theme-dark .messagebar, +.messagebar.md .theme-dark { + background: #000; +} +.md .theme-dark .messagebar:before, +.messagebar.md .theme-dark:before { + background-color: rgba(255, 255, 255, 0.2); +} +.md .theme-dark .messagebar a.link, +.messagebar.md .theme-dark a.link { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .messagebar a.link:before, +.messagebar.md .theme-dark a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .messagebar a.link.active-state:before, +.messagebar.md .theme-dark a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .messagebar textarea, +.messagebar.md .theme-dark textarea { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .messagebar-attachments { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} +/* 3D Effects */ +.swiper-container-3d { + -webkit-perspective: 1200px; + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + -ms-touch-action: pan-x; + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: 300ms opacity; + transition: 300ms opacity; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transform: scale(0.33); + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + -webkit-transform: scale(1); + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0px, -50%, 0); + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + -webkit-transition: 200ms top, 200ms -webkit-transform; + transition: 200ms top, 200ms -webkit-transform; + transition: 200ms transform, 200ms top; + transition: 200ms transform, 200ms top, 200ms -webkit-transform; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transition: 200ms left, 200ms -webkit-transform; + transition: 200ms left, 200ms -webkit-transform; + transition: 200ms transform, 200ms left; + transition: 200ms transform, 200ms left, 200ms -webkit-transform; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + -webkit-transform-origin: right top; + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; +} +.md .swiper-lazy-preloader { + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +.md .swiper-button-prev, +.md .swiper-container-rtl .swiper-button-next { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next, +.md .swiper-container-rtl .swiper-button-prev { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-pagination-bullet-active { + background: #2196f3; +} +.md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #2196f3; +} +.md .swiper-button-prev.color-red, +.md .swiper-container-rtl .swiper-button-next.color-red, +.md .color-theme-red .swiper-button-prev, +.md .color-theme-red .swiper-container-rtl .swiper-button-next { + 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'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-red, +.md .swiper-container-rtl .swiper-button-prev.color-red, +.md .color-theme-red .swiper-button-next, +.md .color-theme-red .swiper-container-rtl .swiper-button-prev { + 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'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-red .swiper-pagination-bullet-active, +.md .color-theme-red .swiper-pagination-bullet-active { + background: #f44336; +} +.md .color-red .swiper-pagination-progressbar, +.md .color-theme-red .swiper-pagination-progressbar, +.md .color-red.swiper-pagination-progressbar, +.md .color-theme-red.swiper-pagination-progressbar { + background: rgba(244, 67, 54, 0.25); +} +.md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #f44336; +} +.md .swiper-button-prev.color-green, +.md .swiper-container-rtl .swiper-button-next.color-green, +.md .color-theme-green .swiper-button-prev, +.md .color-theme-green .swiper-container-rtl .swiper-button-next { + 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'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-green, +.md .swiper-container-rtl .swiper-button-prev.color-green, +.md .color-theme-green .swiper-button-next, +.md .color-theme-green .swiper-container-rtl .swiper-button-prev { + 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'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-green .swiper-pagination-bullet-active, +.md .color-theme-green .swiper-pagination-bullet-active { + background: #4caf50; +} +.md .color-green .swiper-pagination-progressbar, +.md .color-theme-green .swiper-pagination-progressbar, +.md .color-green.swiper-pagination-progressbar, +.md .color-theme-green.swiper-pagination-progressbar { + background: rgba(76, 175, 80, 0.25); +} +.md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #4caf50; +} +.md .swiper-button-prev.color-blue, +.md .swiper-container-rtl .swiper-button-next.color-blue, +.md .color-theme-blue .swiper-button-prev, +.md .color-theme-blue .swiper-container-rtl .swiper-button-next { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-blue, +.md .swiper-container-rtl .swiper-button-prev.color-blue, +.md .color-theme-blue .swiper-button-next, +.md .color-theme-blue .swiper-container-rtl .swiper-button-prev { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-blue .swiper-pagination-bullet-active, +.md .color-theme-blue .swiper-pagination-bullet-active { + background: #2196f3; +} +.md .color-blue .swiper-pagination-progressbar, +.md .color-theme-blue .swiper-pagination-progressbar, +.md .color-blue.swiper-pagination-progressbar, +.md .color-theme-blue.swiper-pagination-progressbar { + background: rgba(33, 150, 243, 0.25); +} +.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #2196f3; +} +.md .swiper-button-prev.color-pink, +.md .swiper-container-rtl .swiper-button-next.color-pink, +.md .color-theme-pink .swiper-button-prev, +.md .color-theme-pink .swiper-container-rtl .swiper-button-next { + 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'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-pink, +.md .swiper-container-rtl .swiper-button-prev.color-pink, +.md .color-theme-pink .swiper-button-next, +.md .color-theme-pink .swiper-container-rtl .swiper-button-prev { + 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'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-pink .swiper-pagination-bullet-active, +.md .color-theme-pink .swiper-pagination-bullet-active { + background: #e91e63; +} +.md .color-pink .swiper-pagination-progressbar, +.md .color-theme-pink .swiper-pagination-progressbar, +.md .color-pink.swiper-pagination-progressbar, +.md .color-theme-pink.swiper-pagination-progressbar { + background: rgba(233, 30, 99, 0.25); +} +.md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #e91e63; +} +.md .swiper-button-prev.color-yellow, +.md .swiper-container-rtl .swiper-button-next.color-yellow, +.md .color-theme-yellow .swiper-button-prev, +.md .color-theme-yellow .swiper-container-rtl .swiper-button-next { + 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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-yellow, +.md .swiper-container-rtl .swiper-button-prev.color-yellow, +.md .color-theme-yellow .swiper-button-next, +.md .color-theme-yellow .swiper-container-rtl .swiper-button-prev { + 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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-yellow .swiper-pagination-bullet-active, +.md .color-theme-yellow .swiper-pagination-bullet-active { + background: #ffeb3b; +} +.md .color-yellow .swiper-pagination-progressbar, +.md .color-theme-yellow .swiper-pagination-progressbar, +.md .color-yellow.swiper-pagination-progressbar, +.md .color-theme-yellow.swiper-pagination-progressbar { + background: rgba(255, 235, 59, 0.25); +} +.md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffeb3b; +} +.md .swiper-button-prev.color-orange, +.md .swiper-container-rtl .swiper-button-next.color-orange, +.md .color-theme-orange .swiper-button-prev, +.md .color-theme-orange .swiper-container-rtl .swiper-button-next { + 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'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-orange, +.md .swiper-container-rtl .swiper-button-prev.color-orange, +.md .color-theme-orange .swiper-button-next, +.md .color-theme-orange .swiper-container-rtl .swiper-button-prev { + 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'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-orange .swiper-pagination-bullet-active, +.md .color-theme-orange .swiper-pagination-bullet-active { + background: #ff9800; +} +.md .color-orange .swiper-pagination-progressbar, +.md .color-theme-orange .swiper-pagination-progressbar, +.md .color-orange.swiper-pagination-progressbar, +.md .color-theme-orange.swiper-pagination-progressbar { + background: rgba(255, 152, 0, 0.25); +} +.md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff9800; +} +.md .swiper-button-prev.color-gray, +.md .swiper-container-rtl .swiper-button-next.color-gray, +.md .color-theme-gray .swiper-button-prev, +.md .color-theme-gray .swiper-container-rtl .swiper-button-next { + 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'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-gray, +.md .swiper-container-rtl .swiper-button-prev.color-gray, +.md .color-theme-gray .swiper-button-next, +.md .color-theme-gray .swiper-container-rtl .swiper-button-prev { + 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'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-gray .swiper-pagination-bullet-active, +.md .color-theme-gray .swiper-pagination-bullet-active { + background: #9e9e9e; +} +.md .color-gray .swiper-pagination-progressbar, +.md .color-theme-gray .swiper-pagination-progressbar, +.md .color-gray.swiper-pagination-progressbar, +.md .color-theme-gray.swiper-pagination-progressbar { + background: rgba(158, 158, 158, 0.25); +} +.md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #9e9e9e; +} +.md .swiper-button-prev.color-white, +.md .swiper-container-rtl .swiper-button-next.color-white, +.md .color-theme-white .swiper-button-prev, +.md .color-theme-white .swiper-container-rtl .swiper-button-next { + 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"); +} +.md .swiper-button-next.color-white, +.md .swiper-container-rtl .swiper-button-prev.color-white, +.md .color-theme-white .swiper-button-next, +.md .color-theme-white .swiper-container-rtl .swiper-button-prev { + 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"); +} +.md .color-white .swiper-pagination-bullet-active, +.md .color-theme-white .swiper-pagination-bullet-active { + background: #ffffff; +} +.md .color-white .swiper-pagination-progressbar, +.md .color-theme-white .swiper-pagination-progressbar, +.md .color-white.swiper-pagination-progressbar, +.md .color-theme-white.swiper-pagination-progressbar { + background: rgba(255, 255, 255, 0.25); +} +.md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffffff; +} +.md .swiper-button-prev.color-black, +.md .swiper-container-rtl .swiper-button-next.color-black, +.md .color-theme-black .swiper-button-prev, +.md .color-theme-black .swiper-container-rtl .swiper-button-next { + 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"); +} +.md .swiper-button-next.color-black, +.md .swiper-container-rtl .swiper-button-prev.color-black, +.md .color-theme-black .swiper-button-next, +.md .color-theme-black .swiper-container-rtl .swiper-button-prev { + 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"); +} +.md .color-black .swiper-pagination-bullet-active, +.md .color-theme-black .swiper-pagination-bullet-active { + background: #000000; +} +.md .color-black .swiper-pagination-progressbar, +.md .color-theme-black .swiper-pagination-progressbar, +.md .color-black.swiper-pagination-progressbar, +.md .color-theme-black.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); +} +.md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #000000; +} +/* === Photo Browser === */ +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-in 400ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-out 400ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + -webkit-animation: none; + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transform: translate3d(0, -100vh, 0); + transform: translate3d(0, -100vh, 0); +} +.page.photo-browser-page { + background: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .photo-browser-swiper-container { + background: #000; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: 0; + z-index: 10; + opacity: 1; + -webkit-transition: 400ms; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.photo-browser-caption { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + background: rgba(255, 255, 255, 0.8); + color: #000; +} +.photo-browser-captions-dark .photo-browser-caption { + color: #fff; +} +.photo-browser-exposed .photo-browser-caption { + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: #fff; + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container { + background: #000; +} +@-webkit-keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@-webkit-keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +@keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +.md .toolbar ~ .photo-browser-captions { + bottom: 48px; + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.md .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.md .photo-browser-exposed .toolbar ~ .photo-browser-captions { + -webkit-transform: translate3d(0, 48px, 0); + transform: translate3d(0, 48px, 0); +} +.md .photo-browser-page .toolbar { + -webkit-transform: none; + transform: none; +} +.md .photo-browser-page .navbar, +.md .photo-browser-page .toolbar { + background: rgba(33, 150, 243, 0.95); + -webkit-transition: 400ms; + transition: 400ms; +} +.md .photo-browser-dark .navbar, +.md .photo-browser-page-dark .navbar, +.md .photo-browser-dark .toolbar, +.md .photo-browser-page-dark .toolbar { + background: rgba(30, 30, 30, 0.8) !important; + color: #fff; +} +.md .photo-browser-dark .navbar a, +.md .photo-browser-page-dark .navbar a, +.md .photo-browser-dark .toolbar a, +.md .photo-browser-page-dark .toolbar a { + color: #fff; +} +.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(244, 67, 54, 0.95); +} +.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(76, 175, 80, 0.95); +} +.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(33, 150, 243, 0.95); +} +.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(233, 30, 99, 0.95); +} +.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 235, 59, 0.95); +} +.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 152, 0, 0.95); +} +.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(158, 158, 158, 0.95); +} +.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 255, 255, 0.95); +} +.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(0, 0, 0, 0.95); +} +.md.device-iphone-x .photo-browser-captions { + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .toolbar ~ .photo-browser-captions { + bottom: calc(48px + constant(safe-area-inset-bottom)); + bottom: calc(48px + env(safe-area-inset-bottom)); +} +/* === Notifications === */ +.notification { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + direction: ltr; +} +.notification-icon { + font-size: 0; +} +.notification-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; +} +html.with-statusbar.device-ios .notification, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification { + margin-top: 20px; +} +html.with-statusbar.device-android .notification, +html.with-statusbar.md:not(.device-ios):not(.device-android) .notification { + margin-top: 24px; +} +html.with-statusbar.device-iphone-x .notification { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +.md .notification { + left: 0; + top: 0; + width: 100%; + background: #fff; + border-radius: 0px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + padding: 16px; + color: #000; + max-width: 568px; +} +@media (min-width: 568px) { + .md .notification { + left: 50%; + margin-left: -284px; + } +} +.md .notification.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: notification-md-in 400ms ease-out; + animation: notification-md-in 400ms ease-out; +} +.md .notification.modal-in.notification-transitioning { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md .notification.modal-out { + -webkit-animation: none; + animation: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + width: 16px; + height: 16px; + margin-right: 8px; + line-height: 16px; +} +.md .notification-icon i { + width: 16px; + height: 16px; + font-size: 16px; +} +.md .notification-title { + font-size: 12px; + line-height: 1; + color: #2196f3; +} +.md .notification-subtitle { + font-size: 14px; + line-height: 1.35; + color: #212121; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-text { + font-size: 14px; + line-height: 1.35; + color: #757575; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + font-size: 12px; + color: #757575; + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: #757575; +} +.md .notification-close-button { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + width: 16px; + height: 16px; + background-position: center top; + background-repeat: no-repeat; + background-size: 100% auto; + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .notification-close-button:before { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 48px; + height: 48px; + margin-left: -22px; + margin-top: -22px; +} +@-webkit-keyframes notification-md-in { + 0% { + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); + } + 50% { + -webkit-transform: translate3d(0, 10%, 0); + transform: translate3d(0, 10%, 0); + } + 100% { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + } +} +@keyframes notification-md-in { + 0% { + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); + } + 50% { + -webkit-transform: translate3d(0, 10%, 0); + transform: translate3d(0, 10%, 0); + } + 100% { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + -webkit-animation: none; + animation: none; +} +.autocomplete-dropdown { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + left: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: 20px; + height: 20px; +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #a9a9a9; +} +.autocomplete-dropdown .list { + margin: 0; +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-left: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-right: 16px; +} +.md .autocomplete-dropdown { + -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); +} +.md .autocomplete-dropdown .autocomplete-preloader { + right: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .autocomplete-dropdown .list { + color: rgba(0, 0, 0, 0.54); +} +.md .autocomplete-dropdown .list b { + font-weight: normal; + color: #212121; +} +.md .searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-left: 73px; +} +.md .searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 8px 8px; + position: relative; + overflow: hidden; +} +.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #939398; +} +/* === Tooltip === */ +.tooltip { + position: absolute; + z-index: 20000; + background: rgba(0, 0, 0, 0.87); + border-radius: 4px; + padding: 8px 16px; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + -webkit-transform: scale(0.9); + transform: scale(0.9); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + z-index: 99000; + font-weight: 500; +} +.tooltip.tooltip-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.device-desktop .tooltip { + font-size: 12px; + padding: 6px 8px; +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* === Elevation === */ +.elevation-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.elevation-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.elevation-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-0:hover { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.device-desktop .elevation-hover-1:hover { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-2:hover { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-3:hover { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-4:hover { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-5:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-6:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-7:hover { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-8:hover { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-9:hover { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-10:hover { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-11:hover { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-12:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-13:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-14:hover { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-15:hover { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-16:hover { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-17:hover { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-18:hover { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-19:hover { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-20:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-21:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-22:hover { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-23:hover { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-24:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-transition-100 { + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-300 { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-400 { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-500 { + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +/* === Typography === */ +.display-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-shrink-2 { + -webkit-flex-shrink: 2 !important; + -ms-flex-negative: 2 !important; + flex-shrink: 2 !important; +} +.flex-shrink-3 { + -webkit-flex-shrink: 3 !important; + -ms-flex-negative: 3 !important; + flex-shrink: 3 !important; +} +.flex-shrink-4 { + -webkit-flex-shrink: 4 !important; + -ms-flex-negative: 4 !important; + flex-shrink: 4 !important; +} +.flex-shrink-5 { + -webkit-flex-shrink: 5 !important; + -ms-flex-negative: 5 !important; + flex-shrink: 5 !important; +} +.flex-shrink-6 { + -webkit-flex-shrink: 6 !important; + -ms-flex-negative: 6 !important; + flex-shrink: 6 !important; +} +.flex-shrink-7 { + -webkit-flex-shrink: 7 !important; + -ms-flex-negative: 7 !important; + flex-shrink: 7 !important; +} +.flex-shrink-8 { + -webkit-flex-shrink: 8 !important; + -ms-flex-negative: 8 !important; + flex-shrink: 8 !important; +} +.flex-shrink-9 { + -webkit-flex-shrink: 9 !important; + -ms-flex-negative: 9 !important; + flex-shrink: 9 !important; +} +.flex-shrink-10 { + -webkit-flex-shrink: 10 !important; + -ms-flex-negative: 10 !important; + flex-shrink: 10 !important; +} +.justify-content-flex-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-flex-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-space-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-space-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-space-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.justify-content-stretch { + -webkit-box-pack: stretch !important; + -webkit-justify-content: stretch !important; + -ms-flex-pack: stretch !important; + justify-content: stretch !important; +} +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: start !important; + -ms-flex-pack: start !important; + justify-content: start !important; +} +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: end !important; + -ms-flex-pack: end !important; + justify-content: end !important; +} +.justify-content-left { + -webkit-box-pack: left !important; + -webkit-justify-content: left !important; + -ms-flex-pack: left !important; + justify-content: left !important; +} +.justify-content-right { + -webkit-box-pack: right !important; + -webkit-justify-content: right !important; + -ms-flex-pack: right !important; + justify-content: right !important; +} +.align-content-flex-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-flex-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-space-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-space-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-items-flex-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-flex-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-self-flex-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-flex-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.md .padding { + padding: 16px !important; +} +.md .padding-top { + padding-top: 16px !important; +} +.md .padding-bottom { + padding-bottom: 16px !important; +} +.md .padding-left { + padding-left: 16px !important; +} +.md .padding-right { + padding-right: 16px !important; +} +.md .padding-vertical { + padding-top: 16px !important; + padding-bottom: 16px !important; +} +.md .padding-horizontal { + padding-left: 16px !important; + padding-right: 16px !important; +} +.md .margin { + margin: 16px !important; +} +.md .margin-top { + margin-top: 16px !important; +} +.md .margin-bottom { + margin-bottom: 16px !important; +} +.md .margin-left { + margin-left: 16px !important; +} +.md .margin-right { + margin-right: 16px !important; +} +.md .margin-vertical { + margin-top: 16px !important; + margin-bottom: 16px !important; +} +.md .margin-horizontal { + margin-left: 16px !important; + margin-right: 16px !important; +} +.md .text-color-red { + color: #f44336 !important; +} +.md .bg-color-red { + background-color: #f44336 !important; +} +.md .border-color-red { + border-color: #f44336 !important; +} +.md .text-color-green { + color: #4caf50 !important; +} +.md .bg-color-green { + background-color: #4caf50 !important; +} +.md .border-color-green { + border-color: #4caf50 !important; +} +.md .text-color-blue { + color: #2196f3 !important; +} +.md .bg-color-blue { + background-color: #2196f3 !important; +} +.md .border-color-blue { + border-color: #2196f3 !important; +} +.md .text-color-pink { + color: #e91e63 !important; +} +.md .bg-color-pink { + background-color: #e91e63 !important; +} +.md .border-color-pink { + border-color: #e91e63 !important; +} +.md .text-color-yellow { + color: #ffeb3b !important; +} +.md .bg-color-yellow { + background-color: #ffeb3b !important; +} +.md .border-color-yellow { + border-color: #ffeb3b !important; +} +.md .text-color-orange { + color: #ff9800 !important; +} +.md .bg-color-orange { + background-color: #ff9800 !important; +} +.md .border-color-orange { + border-color: #ff9800 !important; +} +.md .text-color-gray { + color: #9e9e9e !important; +} +.md .bg-color-gray { + background-color: #9e9e9e !important; +} +.md .border-color-gray { + border-color: #9e9e9e !important; +} +.md .text-color-white { + color: #ffffff !important; +} +.md .bg-color-white { + background-color: #ffffff !important; +} +.md .border-color-white { + border-color: #ffffff !important; +} +.md .text-color-black { + color: #000000 !important; +} +.md .bg-color-black { + background-color: #000000 !important; +} +.md .border-color-black { + border-color: #000000 !important; +} diff --git a/framework7/css/framework7.md.min.css b/framework7/css/framework7.md.min.css new file mode 100644 index 0000000..b4b0f0b --- /dev/null +++ b/framework7/css/framework7.md.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.md body{font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;color:#212121;line-height:1.5}.md .if-ios,.md .ios-only{display:none!important}.md a{color:#2196f3}.md .theme-dark{color:rgba(255,255,255,.87)}.md .color-theme-red a{color:#f44336}.md .color-theme-green a{color:#4caf50}.md .color-theme-blue a{color:#2196f3}.md .color-theme-pink a{color:#e91e63}.md .color-theme-yellow a{color:#ffeb3b}.md .color-theme-orange a{color:#ff9800}.md .color-theme-gray a{color:#9e9e9e}.md .color-theme-white a{color:#fff}.md .color-theme-black a{color:#000}.md a.color-red{color:#f44336}.md a.color-green{color:#4caf50}.md a.color-blue{color:#2196f3}.md a.color-pink{color:#e91e63}.md a.color-yellow{color:#ffeb3b}.md a.color-orange{color:#ff9800}.md a.color-gray{color:#9e9e9e}.md a.color-white{color:#fff}.md a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.md .statusbar{background:#0a6ebd}.md .color-theme-red .statusbar{background:#d2190b}.md .color-theme-green .statusbar{background:#357a38}.md .color-theme-blue .statusbar{background:#0a6ebd}.md .color-theme-pink .statusbar{background:#aa1145}.md .color-theme-yellow .statusbar{background:#eed500}.md .color-theme-orange .statusbar{background:#b36a00}.md .color-theme-gray .statusbar{background:#787878}.md .color-theme-white .statusbar{background:#d9d9d9}.md .color-theme-black .statusbar{background:#000}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.md .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.md .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.md .page{background:#fff}.md .page-next{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.md .page-transitioning,.md .page-transitioning .page-opacity-effect,.md .page-transitioning .page-shadow-effect{-webkit-transition-duration:250ms;transition-duration:250ms}.md .page-transitioning-swipeback,.md .page-transitioning-swipeback .page-opacity-effect,.md .page-transitioning-swipeback .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.md .router-transition-backward .page,.md .router-transition-forward .page{pointer-events:none}.md .router-transition-css-forward .page-next{-webkit-animation:md-page-next-to-current 250ms forwards;animation:md-page-next-to-current 250ms forwards}.md .router-transition-css-forward .page-current{-webkit-animation:none;animation:none}.md .router-transition-css-backward .page-current{-webkit-animation:md-page-current-to-next 250ms forwards;animation:md-page-current-to-next 250ms forwards}.md .router-transition-css-backward .page-previous{-webkit-animation:none;animation:none}.md .theme-dark .page,.page.md .theme-dark{background:#171717}@-webkit-keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@-webkit-keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}@keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.md .link i+i,.md .link i+span,.md .link span+i,.md .link span+span{margin-left:8px}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.md .navbar{height:56px;background:#2196f3;color:#fff;font-size:20px}.md .navbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .navbar.no-shadow:after{display:none}.md .navbar a{color:inherit}.md .navbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;height:56px;line-height:56px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .navbar .title{margin:0 16px;line-height:1.2;text-align:left}.md .navbar .subtitle{line-height:1.2;font-size:14px;font-weight:400;color:rgba(255,255,255,.85)}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:16px}.md .navbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.md .page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:56px}@media (min-width:768px){.md .navbar{height:64px}.md .navbar a.link{height:64px;line-height:64px}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:64px}}.md .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .navbar-hidden:after{display:none}.md .color-theme-red .navbar,.md .color-theme-red.navbar{background:#f44336}.md .color-theme-green .navbar,.md .color-theme-green.navbar{background:#4caf50}.md .color-theme-blue .navbar,.md .color-theme-blue.navbar{background:#2196f3}.md .color-theme-pink .navbar,.md .color-theme-pink.navbar{background:#e91e63}.md .color-theme-yellow .navbar,.md .color-theme-yellow.navbar{background:#ffeb3b}.md .color-theme-orange .navbar,.md .color-theme-orange.navbar{background:#ff9800}.md .color-theme-gray .navbar,.md .color-theme-gray.navbar{background:#9e9e9e}.md .color-theme-white .navbar,.md .color-theme-white.navbar{background:#fff}.md .color-theme-black .navbar,.md .color-theme-black.navbar{background:#000}.md .navbar.color-red{background:#f44336}.md .navbar.color-green{background:#4caf50}.md .navbar.color-blue{background:#2196f3}.md .navbar.color-pink{background:#e91e63}.md .navbar.color-yellow{background:#ffeb3b}.md .navbar.color-orange{background:#ff9800}.md .navbar.color-gray{background:#9e9e9e}.md .navbar.color-white{background:#fff}.md .navbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-left-edge .navbar-inner,.md.device-iphone-x .panel-left .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-right-edge .navbar-inner,.md.device-iphone-x .panel-right .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.md .toolbar{background:#2196f3;height:48px;color:#fff;font-size:14px;top:0}.md .toolbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .toolbar.no-shadow:after{display:none}.md .toolbar a{color:#fff}.md .toolbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;line-height:48px;height:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .toolbar a.link i+i,.md .toolbar a.link i+span,.md .toolbar a.link span+i,.md .toolbar a.link span+span{margin-left:8px}.md .toolbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .toolbar-inner{overflow:hidden}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0;font-size:14px;text-transform:uppercase;font-weight:500;letter-spacing:.03em}.md .tabbar i.icon,.md .tabbar-labels i.icon{height:24px}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;color:rgba(255,255,255,.7);position:relative}.md .tabbar a.tab-link.active-state,.md .tabbar a.tab-link.tab-link-active,.md .tabbar-labels a.tab-link.active-state,.md .tabbar-labels a.tab-link.tab-link-active{color:#fff}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;bottom:0;height:2px;background:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;left:0}.md .messagebar,.md .toolbar-bottom-md{top:auto!important;bottom:0!important}.md .messagebar:after,.md .toolbar-bottom-md:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:10px;top:auto;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .messagebar .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight{bottom:auto;top:0}.md .tabbar-labels{height:72px}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:12px;padding-bottom:12px}.md .tabbar-labels .tabbar-label{margin-top:10px;max-width:100%;overflow:hidden}.md .tabbar-labels.toolbar-bottom-md{height:56px}.md .tabbar-labels.toolbar-bottom-md a.link,.md .tabbar-labels.toolbar-bottom-md a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-labels.toolbar-bottom-md .tabbar-label{text-transform:none;line-height:1.2;font-weight:400;letter-spacing:0}.md .tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:48px}.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:72px}.md .toolbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .toolbar-hidden:after{display:none}.md .toolbar-hidden.messagebar,.md .toolbar-hidden.toolbar-bottom-md{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:56px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:104px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:128px}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-104px,0);transform:translate3d(0,-104px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-128px,0);transform:translate3d(0,-128px,0)}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-56px,0);transform:translate3d(0,-56px,0)}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:64px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:112px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:136px}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-64px,0);transform:translate3d(0,-64px,0)}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-112px,0);transform:translate3d(0,-112px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-136px,0);transform:translate3d(0,-136px,0)}}.md .messagebar~* .page-content,.md .messagebar~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content{padding-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:56px}.md .navbar-transitioning+.toolbar,.md .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .color-theme-red .toolbar:not(.messagebar),.md .color-theme-red.toolbar:not(.messagebar){background:#f44336}.md .color-theme-green .toolbar:not(.messagebar),.md .color-theme-green.toolbar:not(.messagebar){background:#4caf50}.md .color-theme-blue .toolbar:not(.messagebar),.md .color-theme-blue.toolbar:not(.messagebar){background:#2196f3}.md .color-theme-pink .toolbar:not(.messagebar),.md .color-theme-pink.toolbar:not(.messagebar){background:#e91e63}.md .color-theme-yellow .toolbar:not(.messagebar),.md .color-theme-yellow.toolbar:not(.messagebar){background:#ffeb3b}.md .color-theme-orange .toolbar:not(.messagebar),.md .color-theme-orange.toolbar:not(.messagebar){background:#ff9800}.md .color-theme-gray .toolbar:not(.messagebar),.md .color-theme-gray.toolbar:not(.messagebar){background:#9e9e9e}.md .color-theme-white .toolbar:not(.messagebar),.md .color-theme-white.toolbar:not(.messagebar){background:#fff}.md .color-theme-black .toolbar:not(.messagebar),.md .color-theme-black.toolbar:not(.messagebar){background:#000}.md .toolbar:not(.messagebar).color-red{background:#f44336}.md .toolbar:not(.messagebar).color-green{background:#4caf50}.md .toolbar:not(.messagebar).color-blue{background:#2196f3}.md .toolbar:not(.messagebar).color-pink{background:#e91e63}.md .toolbar:not(.messagebar).color-yellow{background:#ffeb3b}.md .toolbar:not(.messagebar).color-orange{background:#ff9800}.md .toolbar:not(.messagebar).color-gray{background:#9e9e9e}.md .toolbar:not(.messagebar).color-white{background:#fff}.md .toolbar:not(.messagebar).color-black{background:#000}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md){height:calc(48px + constant(safe-area-inset-top));height:calc(48px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{height:auto}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{bottom:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels{height:calc(72px + constant(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar-bottom-md,.md.device-iphone-x .page>.toolbar-bottom-md,.md.device-iphone-x .panel>.toolbar-bottom-md,.md.device-iphone-x .popup>.toolbar-bottom-md,.md.device-iphone-x .view>.toolbar-bottom-md,.md.device-iphone-x .views>.toolbar-bottom-md{height:calc(48px + constant(safe-area-inset-bottom));height:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .login-screen>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .page>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .panel>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .popup>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .view>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .views>.toolbar-bottom-md .toolbar-inner{height:auto;top:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .login-screen>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .page>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .panel>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .popup>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .view>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .views>.toolbar-bottom-md.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}.md.device-iphone-x .messagebar~* .page-content,.md.device-iphone-x .messagebar~.page-content,.md.device-iphone-x .toolbar-bottom-md~* .page-content,.md.device-iphone-x .toolbar-bottom-md~.page-content{padding-bottom:calc(48px + constant(safe-area-inset-bottom));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~* .page-content,.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-left-edge .toolbar-inner,.md.device-iphone-x .panel-left .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-right-edge .toolbar-inner,.md.device-iphone-x .panel-right .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.md .subnavbar{height:48px;background:#2196f3;color:#fff}.md .subnavbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .subnavbar.no-shadow:after{display:none}.md .subnavbar .title{margin:0 16px;font-size:20px;line-height:48px;display:inline-block;text-align:left;font-weight:500}.md .subnavbar .title:first-child{margin-left:56px}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a{color:inherit}.md .subnavbar a.link{line-height:48px;height:48px;min-width:48px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .subnavbar a.icon-only{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:0}.md .subnavbar-inner{padding:0 16px}.md .subnavbar-inner>a.link:first-child{margin-left:-16px}.md .subnavbar-inner>a.link:last-child{margin-right:-16px}.md .page-with-subnavbar .page-content,.md .subnavbar~* .page-content,.md .subnavbar~.page-content{padding-top:48px}.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:104px}@media (min-width:768px){.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:112px}}.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:56px}@media (min-width:768px){.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:64px}}.md .color-theme-red .subnavbar,.md .color-theme-red.subnavbar{background:#f44336}.md .color-theme-green .subnavbar,.md .color-theme-green.subnavbar{background:#4caf50}.md .color-theme-blue .subnavbar,.md .color-theme-blue.subnavbar{background:#2196f3}.md .color-theme-pink .subnavbar,.md .color-theme-pink.subnavbar{background:#e91e63}.md .color-theme-yellow .subnavbar,.md .color-theme-yellow.subnavbar{background:#ffeb3b}.md .color-theme-orange .subnavbar,.md .color-theme-orange.subnavbar{background:#ff9800}.md .color-theme-gray .subnavbar,.md .color-theme-gray.subnavbar{background:#9e9e9e}.md .color-theme-white .subnavbar,.md .color-theme-white.subnavbar{background:#fff}.md .color-theme-black .subnavbar,.md .color-theme-black.subnavbar{background:#000}.md .subnavbar.color-red{background:#f44336}.md .subnavbar.color-green{background:#4caf50}.md .subnavbar.color-blue{background:#2196f3}.md .subnavbar.color-pink{background:#e91e63}.md .subnavbar.color-yellow{background:#ffeb3b}.md .subnavbar.color-orange{background:#ff9800}.md .subnavbar.color-gray{background:#9e9e9e}.md .subnavbar.color-white{background:#fff}.md .subnavbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-left-edge .subnavbar-inner,.md.device-iphone-x .panel-left .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-right-edge .subnavbar-inner,.md.device-iphone-x .panel-right .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.md .block{margin:32px 0;padding:0 16px}.md .block-title{color:rgba(0,0,0,.54);margin:32px 16px 16px;line-height:16px;font-weight:500}.md .block-title+.block,.md .block-title+.block-header,.md .block-title+.card,.md .block-title+.list,.md .block-title+.timeline{margin-top:0px}.md .block-strong{padding:16px}.md .block-strong:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block-strong:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block.inset{margin-left:16px;margin-right:16px}.md .block-strong.inset{border-radius:4px}.md .block-footer,.md .block-header{padding:0 16px;color:rgba(0,0,0,.54)}.md .block .block-footer,.md .block .block-header{padding:0}.md .block-header{margin-top:32px}.md .block-header+.block,.md .block-header+.card,.md .block-header+.list,.md .block-header+.timeline{margin-top:10px}.md .block-footer{margin-bottom:32px}.md .block .block-header,.md .card .block-header,.md .list .block-header,.md .timeline .block-header{margin-top:0}.md .block .block-footer,.md .card .block-footer,.md .list .block-footer,.md .timeline .block-footer{margin-bottom:0}.md .block+.block-footer,.md .card+.block-footer,.md .list+.block-footer,.md .timeline+.block-footer{margin-top:-22px}.md .block+.block-footer{margin-top:-22px;margin-bottom:32px}@media (min-width:768px){.md .block.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .block-strong.tablet-inset{border-radius:4px}}.md .theme-dark .block-title{color:#fff}.md .theme-dark .block-footer,.md .theme-dark .block-header{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-footer,.md.device-iphone-x .ios-left-edge .block-header,.md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-footer,.md.device-iphone-x .panel-left .block-header,.md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-footer,.md.device-iphone-x .ios-right-edge .block-header,.md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-footer,.md.device-iphone-x .panel-right .block-header,.md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:95% center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:right center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.md .list{margin:32px 0;font-size:16px}.md .list .item-cell{width:100%;min-width:0;margin-left:16px}.md .list .item-cell:first-child{margin-left:0}.md .list .ripple-wave+.item-cell{margin-left:0}.md .list ul ul{padding-left:56px}.md .list .item-media{padding-top:8px;min-width:40px}.md .list .item-media i+i,.md .list .item-media i+img{margin-left:8px}.md .list .item-media+.item-inner{margin-left:16px}.md .list .item-inner{min-height:48px;padding-right:16px}.md .list .item-after{color:#757575;font-size:14px;padding-left:8px}.md .list .item-link,.md .list .list-button{color:inherit}.md .list .item-link .item-inner,.md .list .list-button .item-inner{padding-right:42px}.md .list .item-link.active-state,.md .list .list-button.active-state{background-color:rgba(0,0,0,.1)}.md .list .list-button{padding:0 16px;font-size:16px;line-height:48px}.md .list .item-content{min-height:48px;padding-left:16px}.md .list .item-subtitle{font-size:14px}.md .list .item-text{font-size:14px;color:#757575;line-height:20px;max-height:40px}.md .list .item-footer,.md .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.md .list .item-footer{color:rgba(0,0,0,.5)}.md .list .item-link.no-chevron .item-inner,.md .list .no-chevron .item-link .item-inner,.md .list.no-chevron .item-link .item-inner,.md .no-chevron .list .item-link .item-inner{padding-right:16px}.md .simple-list li:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .simple-list li{padding-left:16px;padding-right:16px;line-height:48px;height:48px}.md .simple-list li:after{width:auto;left:16px;right:0}.md .links-list a:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .links-list a{height:48px;color:inherit}.md .links-list a.active-state{background-color:rgba(0,0,0,.1)}.md .links-list a:after{width:auto}.md .links-list a{padding-left:16px;padding-right:42px}.md .links-list a:after{left:16px;right:0}.md .links-list .no-chevron a,.md .links-list a.no-chevron,.md .links-list.no-chevron a,.md .no-chevron .links-list a{padding-right:16px}.md .media-list .item-inner,.md li.media-item .item-inner{padding-top:14px;padding-bottom:14px}.md .media-list .item-link .item-inner,.md li.media-item .item-link .item-inner{padding-right:16px}.md .media-list .item-link .item-title-row,.md li.media-item .item-link .item-title-row{padding-right:26px}.md .media-list .item-media,.md li.media-item .item-media{padding-top:14px;padding-bottom:14px}.md .media-list .chevron-center .item-link .item-inner,.md .media-list .item-link.chevron-center .item-inner,.md .media-list.chevron-center .item-link .item-inner,.md li.media-item .chevron-center .item-link .item-inner,.md li.media-item .item-link.chevron-center .item-inner,.md li.media-item.chevron-center .item-link .item-inner{padding-right:42px}.md .media-list .chevron-center .item-title-row,.md .media-list .no-chevron .item-link .item-title-row,.md .media-list.chevron-center .item-title-row,.md .media-list.no-chevron .item-link .item-title-row,.md .no-chevron .media-list .item-link .item-title-row,.md .no-chevron li.media-item .item-link .item-title-row,.md li.media-item .chevron-center .item-title-row,.md li.media-item.chevron-center .item-title-row,.md li.media-item.no-chevron .item-link .item-title-row{padding-right:0!important}.md .links-list a,.md .list .item-link .item-inner{background-position:calc(100% - 16px) center}.md .item-divider,.md .list-group-title{padding:0 16px;background:#f4f4f4;color:rgba(0,0,0,.54);height:48px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.md .item-divider:before,.md .list-group-title:before{display:none!important}.md .item-divider:after,.md .list-group-title:after{display:none!important}.md .list-group-title{margin-top:0}.md .list .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list.inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.inset ul{border-radius:4px}.md .list.inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.inset li:first-child:last-child>a{border-radius:4px}@media (min-width:768px){.md .list.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.tablet-inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.tablet-inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.tablet-inset li:first-child:last-child>a{border-radius:4px}}.md li li:last-child .item-inner:after,.md li:last-child li .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,html.device-pixel-ratio-2 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,html.device-pixel-ratio-3 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{background-position:calc(100% - 16px - constant(safe-area-inset-right)) center;background-position:calc(100% - 16px - env(safe-area-inset-right)) center}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row{padding-right:0}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list.md .theme-dark ul:before,.md .theme-dark .list ul:before{background-color:rgba(255,255,255,.08)}.list.md .theme-dark ul:after,.md .theme-dark .list ul:after{background-color:rgba(255,255,255,.08)}.list.md .theme-dark li li:last-child .item-inner:after,.list.md .theme-dark li:last-child li .item-inner:after,.md .theme-dark .list li li:last-child .item-inner:after,.md .theme-dark .list li:last-child li .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-group-title:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-button:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider,.md .theme-dark .list-group-title{background-color:#111;color:#fff}.links-list.md .theme-dark a .simple-list li:after,.md .theme-dark .links-list a:after,.md .theme-dark .simple-list li:after,.simple-list.md .theme-dark li:after{background-color:rgba(255,255,255,.08)}.links-list.md .theme-dark a.active-state,.list.md .theme-dark .item-link.active-state,.list.md .theme-dark .list-button.active-state,.md .theme-dark .links-list a.active-state,.md .theme-dark .list .item-link.active-state,.md .theme-dark .list .list-button.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .item-after,.md .theme-dark .item-text{color:rgba(255,255,255,.54)}.md .color-theme-red .list-button{color:#f44336}.md .color-theme-green .list-button{color:#4caf50}.md .color-theme-blue .list-button{color:#2196f3}.md .color-theme-pink .list-button{color:#e91e63}.md .color-theme-yellow .list-button{color:#ffeb3b}.md .color-theme-orange .list-button{color:#ff9800}.md .color-theme-gray .list-button{color:#9e9e9e}.md .color-theme-white .list-button{color:#fff}.md .color-theme-black .list-button{color:#000}.md .links-list a.color-red,.md .links-list li.color-red a,.md .list .item-link.color-red,.md .list .list-button.color-red,.md .list li.color-red .item-link,.md .list li.color-red .list-button,.md .simple-list li.color-red{color:#f44336}.md .links-list a.color-green,.md .links-list li.color-green a,.md .list .item-link.color-green,.md .list .list-button.color-green,.md .list li.color-green .item-link,.md .list li.color-green .list-button,.md .simple-list li.color-green{color:#4caf50}.md .links-list a.color-blue,.md .links-list li.color-blue a,.md .list .item-link.color-blue,.md .list .list-button.color-blue,.md .list li.color-blue .item-link,.md .list li.color-blue .list-button,.md .simple-list li.color-blue{color:#2196f3}.md .links-list a.color-pink,.md .links-list li.color-pink a,.md .list .item-link.color-pink,.md .list .list-button.color-pink,.md .list li.color-pink .item-link,.md .list li.color-pink .list-button,.md .simple-list li.color-pink{color:#e91e63}.md .links-list a.color-yellow,.md .links-list li.color-yellow a,.md .list .item-link.color-yellow,.md .list .list-button.color-yellow,.md .list li.color-yellow .item-link,.md .list li.color-yellow .list-button,.md .simple-list li.color-yellow{color:#ffeb3b}.md .links-list a.color-orange,.md .links-list li.color-orange a,.md .list .item-link.color-orange,.md .list .list-button.color-orange,.md .list li.color-orange .item-link,.md .list li.color-orange .list-button,.md .simple-list li.color-orange{color:#ff9800}.md .links-list a.color-gray,.md .links-list li.color-gray a,.md .list .item-link.color-gray,.md .list .list-button.color-gray,.md .list li.color-gray .item-link,.md .list li.color-gray .list-button,.md .simple-list li.color-gray{color:#9e9e9e}.md .links-list a.color-white,.md .links-list li.color-white a,.md .list .item-link.color-white,.md .list .list-button.color-white,.md .list li.color-white .item-link,.md .list li.color-white .list-button,.md .simple-list li.color-white{color:#fff}.md .links-list a.color-black,.md .links-list li.color-black a,.md .list .item-link.color-black,.md .list .list-button.color-black,.md .list li.color-black .item-link,.md .list li.color-black .list-button,.md .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.md .badge{font-size:10px;border-radius:3px;padding:1px 6px;vertical-align:middle}.md .f7-icons .badge,.md .framework7-icons .badge,.md .icon .badge,.md .material-icons .badge{line-height:1.4;padding:1px 5px;font-family:Roboto,Noto,Helvetica,Arial,sans-serif;font-size:10px}.md .badge.color-red{background-color:#f44336}.md .badge.color-green{background-color:#4caf50}.md .badge.color-blue{background-color:#2196f3}.md .badge.color-pink{background-color:#e91e63}.md .badge.color-yellow{background-color:#ffeb3b}.md .badge.color-orange{background-color:#ff9800}.md .badge.color-gray{background-color:#9e9e9e}.md .badge.color-white{background-color:#fff}.md .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.md .button{color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}.md .button.active-state{background:rgba(0,0,0,.1)}.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active{background-color:#2196f3;color:#fff}.md .button.button-active.active-state,.md .button.button-fill-md.active-state,.md .button.button-fill.active-state,.md .button.tab-link-active.active-state{background:#0c82df}.md .button.button-big,.md .button.button-big-md{height:48px;line-height:48px;border-radius:4px}.md .button.button-round,.md .button.button-round-md{border-radius:36px}.md .button.button-outline{border:2px solid #2196f3;line-height:32px}.md .button.button-outline.button-big,.md .button.button-outline.button-big-md{line-height:44px}.md .button.button-small,.md .button.button-small-md{height:28px;line-height:28px;font-size:13px;font-weight:500;letter-spacing:.03em}.md .button.button-small-md.button-outline,.md .button.button-small.button-outline{border-width:2px;line-height:24px}.md .button>i.icon+i.icon,.md .button>i.icon+span,.md .button>span:not(.ripple-wave)+i.icon,.md .button>span:not(.ripple-wave)+span{margin-left:8px}.md .button.button-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .button.button-raised.active-state{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .navbar .button:not(.button-fill):not(.button-fill-md),.md .subnavbar .button:not(.button-fill):not(.button-fill-md),.md .toolbar .button:not(.button-fill):not(.button-fill-md){color:#fff}.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .toast .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .segmented{border-radius:4px}.md .segmented.segmented-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .segmented.segmented-round{border-radius:36px}.md .segmented .button{border-radius:0;min-width:0;border-left:1px solid rgba(0,0,0,.1)}.md .segmented .button:first-child{border-radius:4px 0 0 4px;border-left:none}.md .segmented .button.button-outline{border:2px solid #2196f3}.md .segmented .button.button-outline:nth-child(n+2){border-left:none}.md .segmented .button:last-child{border-radius:0 4px 4px 0}.md .segmented .button:first-child:last-child{border-radius:4px}.md .segmented .button.button-round:first-child{border-radius:36px 0 0 36px}.md .segmented .button.button-round:last-child{border-radius:0 36px 36px 0}.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state{background-color:rgba(255,255,255,.1)}.md .color-red .button,.md .color-theme-red .button{color:#f44336}.md .color-red .button.button-active,.md .color-red .button.button-fill,.md .color-red .button.button-fill-md,.md .color-red .button.tab-link-active,.md .color-theme-red .button.button-active,.md .color-theme-red .button.button-fill,.md .color-theme-red .button.button-fill-md,.md .color-theme-red .button.tab-link-active{background-color:#f44336;color:#fff}.md .color-red .button.button-active.active-state,.md .color-red .button.button-fill-md.active-state,.md .color-red .button.button-fill.active-state,.md .color-red .button.tab-link-active.active-state,.md .color-theme-red .button.button-active.active-state,.md .color-theme-red .button.button-fill-md.active-state,.md .color-theme-red .button.button-fill.active-state,.md .color-theme-red .button.tab-link-active.active-state{background:#f21f0f}.md .color-red .button.button-outline,.md .color-theme-red .button.button-outline{border-color:#f44336}.md .color-green .button,.md .color-theme-green .button{color:#4caf50}.md .color-green .button.button-active,.md .color-green .button.button-fill,.md .color-green .button.button-fill-md,.md .color-green .button.tab-link-active,.md .color-theme-green .button.button-active,.md .color-theme-green .button.button-fill,.md .color-theme-green .button.button-fill-md,.md .color-theme-green .button.tab-link-active{background-color:#4caf50;color:#fff}.md .color-green .button.button-active.active-state,.md .color-green .button.button-fill-md.active-state,.md .color-green .button.button-fill.active-state,.md .color-green .button.tab-link-active.active-state,.md .color-theme-green .button.button-active.active-state,.md .color-theme-green .button.button-fill-md.active-state,.md .color-theme-green .button.button-fill.active-state,.md .color-theme-green .button.tab-link-active.active-state{background:#409343}.md .color-green .button.button-outline,.md .color-theme-green .button.button-outline{border-color:#4caf50}.md .color-blue .button,.md .color-theme-blue .button{color:#2196f3}.md .color-blue .button.button-active,.md .color-blue .button.button-fill,.md .color-blue .button.button-fill-md,.md .color-blue .button.tab-link-active,.md .color-theme-blue .button.button-active,.md .color-theme-blue .button.button-fill,.md .color-theme-blue .button.button-fill-md,.md .color-theme-blue .button.tab-link-active{background-color:#2196f3;color:#fff}.md .color-blue .button.button-active.active-state,.md .color-blue .button.button-fill-md.active-state,.md .color-blue .button.button-fill.active-state,.md .color-blue .button.tab-link-active.active-state,.md .color-theme-blue .button.button-active.active-state,.md .color-theme-blue .button.button-fill-md.active-state,.md .color-theme-blue .button.button-fill.active-state,.md .color-theme-blue .button.tab-link-active.active-state{background:#0c82df}.md .color-blue .button.button-outline,.md .color-theme-blue .button.button-outline{border-color:#2196f3}.md .color-pink .button,.md .color-theme-pink .button{color:#e91e63}.md .color-pink .button.button-active,.md .color-pink .button.button-fill,.md .color-pink .button.button-fill-md,.md .color-pink .button.tab-link-active,.md .color-theme-pink .button.button-active,.md .color-theme-pink .button.button-fill,.md .color-theme-pink .button.button-fill-md,.md .color-theme-pink .button.tab-link-active{background-color:#e91e63;color:#fff}.md .color-pink .button.button-active.active-state,.md .color-pink .button.button-fill-md.active-state,.md .color-pink .button.button-fill.active-state,.md .color-pink .button.tab-link-active.active-state,.md .color-theme-pink .button.button-active.active-state,.md .color-theme-pink .button.button-fill-md.active-state,.md .color-theme-pink .button.button-fill.active-state,.md .color-theme-pink .button.tab-link-active.active-state{background:#ca1452}.md .color-pink .button.button-outline,.md .color-theme-pink .button.button-outline{border-color:#e91e63}.md .color-theme-yellow .button,.md .color-yellow .button{color:#ffeb3b}.md .color-theme-yellow .button.button-active,.md .color-theme-yellow .button.button-fill,.md .color-theme-yellow .button.button-fill-md,.md .color-theme-yellow .button.tab-link-active,.md .color-yellow .button.button-active,.md .color-yellow .button.button-fill,.md .color-yellow .button.button-fill-md,.md .color-yellow .button.tab-link-active{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .button.button-active.active-state,.md .color-theme-yellow .button.button-fill-md.active-state,.md .color-theme-yellow .button.button-fill.active-state,.md .color-theme-yellow .button.tab-link-active.active-state,.md .color-yellow .button.button-active.active-state,.md .color-yellow .button.button-fill-md.active-state,.md .color-yellow .button.button-fill.active-state,.md .color-yellow .button.tab-link-active.active-state{background:#ffe712}.md .color-theme-yellow .button.button-outline,.md .color-yellow .button.button-outline{border-color:#ffeb3b}.md .color-orange .button,.md .color-theme-orange .button{color:#ff9800}.md .color-orange .button.button-active,.md .color-orange .button.button-fill,.md .color-orange .button.button-fill-md,.md .color-orange .button.tab-link-active,.md .color-theme-orange .button.button-active,.md .color-theme-orange .button.button-fill,.md .color-theme-orange .button.button-fill-md,.md .color-theme-orange .button.tab-link-active{background-color:#ff9800;color:#fff}.md .color-orange .button.button-active.active-state,.md .color-orange .button.button-fill-md.active-state,.md .color-orange .button.button-fill.active-state,.md .color-orange .button.tab-link-active.active-state,.md .color-theme-orange .button.button-active.active-state,.md .color-theme-orange .button.button-fill-md.active-state,.md .color-theme-orange .button.button-fill.active-state,.md .color-theme-orange .button.tab-link-active.active-state{background:#d68000}.md .color-orange .button.button-outline,.md .color-theme-orange .button.button-outline{border-color:#ff9800}.md .color-gray .button,.md .color-theme-gray .button{color:#9e9e9e}.md .color-gray .button.button-active,.md .color-gray .button.button-fill,.md .color-gray .button.button-fill-md,.md .color-gray .button.tab-link-active,.md .color-theme-gray .button.button-active,.md .color-theme-gray .button.button-fill,.md .color-theme-gray .button.button-fill-md,.md .color-theme-gray .button.tab-link-active{background-color:#9e9e9e;color:#fff}.md .color-gray .button.button-active.active-state,.md .color-gray .button.button-fill-md.active-state,.md .color-gray .button.button-fill.active-state,.md .color-gray .button.tab-link-active.active-state,.md .color-theme-gray .button.button-active.active-state,.md .color-theme-gray .button.button-fill-md.active-state,.md .color-theme-gray .button.button-fill.active-state,.md .color-theme-gray .button.tab-link-active.active-state{background:#8a8a8a}.md .color-gray .button.button-outline,.md .color-theme-gray .button.button-outline{border-color:#9e9e9e}.md .color-theme-white .button,.md .color-white .button{color:#fff}.md .color-theme-white .button.button-active,.md .color-theme-white .button.button-fill,.md .color-theme-white .button.button-fill-md,.md .color-theme-white .button.tab-link-active,.md .color-white .button.button-active,.md .color-white .button.button-fill,.md .color-white .button.button-fill-md,.md .color-white .button.tab-link-active{background-color:#fff;color:#fff}.md .color-theme-white .button.button-active.active-state,.md .color-theme-white .button.button-fill-md.active-state,.md .color-theme-white .button.button-fill.active-state,.md .color-theme-white .button.tab-link-active.active-state,.md .color-white .button.button-active.active-state,.md .color-white .button.button-fill-md.active-state,.md .color-white .button.button-fill.active-state,.md .color-white .button.tab-link-active.active-state{background:#ebebeb}.md .color-theme-white .button.button-outline,.md .color-white .button.button-outline{border-color:#fff}.md .color-black .button,.md .color-theme-black .button{color:#000}.md .color-black .button.button-active,.md .color-black .button.button-fill,.md .color-black .button.button-fill-md,.md .color-black .button.tab-link-active,.md .color-theme-black .button.button-active,.md .color-theme-black .button.button-fill,.md .color-theme-black .button.button-fill-md,.md .color-theme-black .button.tab-link-active{background-color:#000;color:#fff}.md .color-black .button.button-active.active-state,.md .color-black .button.button-fill-md.active-state,.md .color-black .button.button-fill.active-state,.md .color-black .button.tab-link-active.active-state,.md .color-theme-black .button.button-active.active-state,.md .color-theme-black .button.button-fill-md.active-state,.md .color-theme-black .button.button-fill.active-state,.md .color-theme-black .button.tab-link-active.active-state{background:#000}.md .color-black .button.button-outline,.md .color-theme-black .button.button-outline{border-color:#000}.md .button.color-red{color:#f44336}.md .button.color-red.button-active,.md .button.color-red.button-fill,.md .button.color-red.button-fill-md,.md .button.color-red.tab-link-active{background-color:#f44336;color:#fff}.md .button.color-red.button-active.active-state,.md .button.color-red.button-fill-md.active-state,.md .button.color-red.button-fill.active-state,.md .button.color-red.tab-link-active.active-state{background:#f21f0f}.md .button.color-red.button-outline{border-color:#f44336}.md .button.color-green{color:#4caf50}.md .button.color-green.button-active,.md .button.color-green.button-fill,.md .button.color-green.button-fill-md,.md .button.color-green.tab-link-active{background-color:#4caf50;color:#fff}.md .button.color-green.button-active.active-state,.md .button.color-green.button-fill-md.active-state,.md .button.color-green.button-fill.active-state,.md .button.color-green.tab-link-active.active-state{background:#409343}.md .button.color-green.button-outline{border-color:#4caf50}.md .button.color-blue{color:#2196f3}.md .button.color-blue.button-active,.md .button.color-blue.button-fill,.md .button.color-blue.button-fill-md,.md .button.color-blue.tab-link-active{background-color:#2196f3;color:#fff}.md .button.color-blue.button-active.active-state,.md .button.color-blue.button-fill-md.active-state,.md .button.color-blue.button-fill.active-state,.md .button.color-blue.tab-link-active.active-state{background:#0c82df}.md .button.color-blue.button-outline{border-color:#2196f3}.md .button.color-pink{color:#e91e63}.md .button.color-pink.button-active,.md .button.color-pink.button-fill,.md .button.color-pink.button-fill-md,.md .button.color-pink.tab-link-active{background-color:#e91e63;color:#fff}.md .button.color-pink.button-active.active-state,.md .button.color-pink.button-fill-md.active-state,.md .button.color-pink.button-fill.active-state,.md .button.color-pink.tab-link-active.active-state{background:#ca1452}.md .button.color-pink.button-outline{border-color:#e91e63}.md .button.color-yellow{color:#ffeb3b}.md .button.color-yellow.button-active,.md .button.color-yellow.button-fill,.md .button.color-yellow.button-fill-md,.md .button.color-yellow.tab-link-active{background-color:#ffeb3b;color:#fff}.md .button.color-yellow.button-active.active-state,.md .button.color-yellow.button-fill-md.active-state,.md .button.color-yellow.button-fill.active-state,.md .button.color-yellow.tab-link-active.active-state{background:#ffe712}.md .button.color-yellow.button-outline{border-color:#ffeb3b}.md .button.color-orange{color:#ff9800}.md .button.color-orange.button-active,.md .button.color-orange.button-fill,.md .button.color-orange.button-fill-md,.md .button.color-orange.tab-link-active{background-color:#ff9800;color:#fff}.md .button.color-orange.button-active.active-state,.md .button.color-orange.button-fill-md.active-state,.md .button.color-orange.button-fill.active-state,.md .button.color-orange.tab-link-active.active-state{background:#d68000}.md .button.color-orange.button-outline{border-color:#ff9800}.md .button.color-gray{color:#9e9e9e}.md .button.color-gray.button-active,.md .button.color-gray.button-fill,.md .button.color-gray.button-fill-md,.md .button.color-gray.tab-link-active{background-color:#9e9e9e;color:#fff}.md .button.color-gray.button-active.active-state,.md .button.color-gray.button-fill-md.active-state,.md .button.color-gray.button-fill.active-state,.md .button.color-gray.tab-link-active.active-state{background:#8a8a8a}.md .button.color-gray.button-outline{border-color:#9e9e9e}.md .button.color-white{color:#fff}.md .button.color-white.button-active,.md .button.color-white.button-fill,.md .button.color-white.button-fill-md,.md .button.color-white.tab-link-active{background-color:#fff;color:#fff}.md .button.color-white.button-active.active-state,.md .button.color-white.button-fill-md.active-state,.md .button.color-white.button-fill.active-state,.md .button.color-white.tab-link-active.active-state{background:#ebebeb}.md .button.color-white.button-outline{border-color:#fff}.md .button.color-black{color:#000}.md .button.color-black.button-active,.md .button.color-black.button-fill,.md .button.color-black.button-fill-md,.md .button.color-black.tab-link-active{background-color:#000;color:#fff}.md .button.color-black.button-active.active-state,.md .button.color-black.button-fill-md.active-state,.md .button.color-black.button-fill.active-state,.md .button.color-black.tab-link-active.active-state{background:#000}.md .button.color-black.button-outline{border-color:#000}.md .actions-button,.md .button,.md .checkbox,.md .dialog-button,.md .fab a,.md .radio,.md .ripple,.md .speed-dial-buttons a,.md .tab-link,.md a.item-link,.md a.link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md .ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;background:rgba(0,0,0,.1);padding:0;margin:0;font-size:0;-webkit-transform:translate3d(0px,0px,0) scale(0);transform:translate3d(0px,0px,0) scale(0);-webkit-transition-duration:1.4s;transition-duration:1.4s}.md .ripple-wave.ripple-wave-fill{-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.35}.md .ripple-wave.ripple-wave-out{-webkit-transition-duration:.6s;transition-duration:.6s;opacity:0}.button-fill .md .ripple-wave,.picker-calendar-day .md .ripple-wave{z-index:1}.md .button-active .ripple-wave,.md .button-fill .ripple-wave,.md .fab a .ripple-wave,.md .navbar .ripple-wave,.md .stepper-fill .ripple-wave,.md .subnavbar .ripple-wave,.md .toast .ripple-wave,.md .toolbar .ripple-wave{background:rgba(255,255,255,.3)}.md .messagebar .ripple-wave,.md .searchbar .ripple-wave{background:rgba(0,0,0,.1)}.md .data-table .sortable-cell .ripple-wave{z-index:0}.md .checkbox .ripple-wave,.md .radio .ripple-wave{background:rgba(33,150,243,.5);z-index:0}.calendar.md .theme-dark .ripple-wave,.md .theme-dark .calendar .ripple-wave,.md .theme-dark .messagebar .ripple-wave,.md .theme-dark .page-content .ripple-wave,.md .theme-dark .popover .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-color-red .ripple-wave,.md .ripple-red .ripple-wave{background-color:rgba(244,67,54,.3)}.md .ripple-color-green .ripple-wave,.md .ripple-green .ripple-wave{background-color:rgba(76,175,80,.3)}.md .ripple-blue .ripple-wave,.md .ripple-color-blue .ripple-wave{background-color:rgba(33,150,243,.3)}.md .ripple-color-pink .ripple-wave,.md .ripple-pink .ripple-wave{background-color:rgba(233,30,99,.3)}.md .ripple-color-yellow .ripple-wave,.md .ripple-yellow .ripple-wave{background-color:rgba(255,235,59,.3)}.md .ripple-color-orange .ripple-wave,.md .ripple-orange .ripple-wave{background-color:rgba(255,152,0,.3)}.md .ripple-color-gray .ripple-wave,.md .ripple-gray .ripple-wave{background-color:rgba(158,158,158,.3)}.md .ripple-color-white .ripple-wave,.md .ripple-white .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-black .ripple-wave,.md .ripple-color-black .ripple-wave{background-color:rgba(0,0,0,.3)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.md .icon-back{width:24px;height:24px}.md .icon-forward{width:24px;height:24px}.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-red,.md a.link .color-red .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-red,.md a.link .color-red .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-red,.md a.link .color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-red,.md a.link .color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-green,.md a.link .color-green .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-green,.md a.link .color-green .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-green,.md a.link .color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-green,.md a.link .color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-blue,.md a.link .color-blue .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-blue,.md a.link .color-blue .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-blue,.md a.link .color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-blue,.md a.link .color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-pink,.md a.link .color-pink .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-pink,.md a.link .color-pink .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-pink,.md a.link .color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-pink,.md a.link .color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-yellow,.md a.link .color-yellow .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-yellow,.md a.link .color-yellow .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-yellow,.md a.link .color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-yellow,.md a.link .color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-orange,.md a.link .color-orange .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-orange,.md a.link .color-orange .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-orange,.md a.link .color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-orange,.md a.link .color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-gray,.md a.link .color-gray .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-gray,.md a.link .color-gray .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-gray,.md a.link .color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-gray,.md a.link .color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-white,.md a.link .color-white .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-white,.md a.link .color-white .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-white,.md a.link .color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-white,.md a.link .color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-black,.md a.link .color-black .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-black,.md a.link .color-black .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-black,.md a.link .color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-black,.md a.link .color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon.color-red{color:#f44336}.md .icon.color-green{color:#4caf50}.md .icon.color-blue{color:#2196f3}.md .icon.color-pink{color:#e91e63}.md .icon.color-yellow{color:#ffeb3b}.md .icon.color-orange{color:#ff9800}.md .icon.color-gray{color:#9e9e9e}.md .icon.color-white{color:#fff}.md .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;display:none;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-inner{position:relative}.dialog-title{font-weight:500}.dialog-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}.dialog-input-field .item-input-wrap{margin:0;padding:0}.dialog-input{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;-webkit-box-shadow:none;box-shadow:none}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.md .dialog{width:280px;margin-left:-140px;border-radius:4px;color:#757575;background:#fff;font-size:16px;-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}.md .dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.md .dialog.modal-out{opacity:0;z-index:13499;-webkit-transform:translate3d(0,0,0) scale(.815);transform:translate3d(0,0,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title{font-size:20px;color:#212121;line-height:1.3}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-buttons .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);letter-spacing:.03em;font-weight:500}input[type=button].md .dialog-button,input[type=submit].md .dialog-button{width:100%}.md .dialog-button.active-state{background:rgba(0,0,0,.1)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-input{height:36px;padding:0;border:none;font-size:16px;-webkit-transition-duration:.2s;transition-duration:.2s;position:relative}.md .dialog-input::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input::placeholder{color:rgba(0,0,0,.35)}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.md .dialog-button.color-red{color:#f44336}.md .dialog-button.color-green{color:#4caf50}.md .dialog-button.color-blue{color:#2196f3}.md .dialog-button.color-pink{color:#e91e63}.md .dialog-button.color-yellow{color:#ffeb3b}.md .dialog-button.color-orange{color:#ff9800}.md .dialog-button.color-gray{color:#9e9e9e}.md .dialog-button.color-white{color:#fff}.md .dialog-button.color-black{color:#000}.popup-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.popup-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup-backdrop.backdrop-in{visibility:visible;opacity:1}.popup{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.popup.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){html.with-statusbar .popup-backdrop{z-index:9500}html.with-statusbar.device-ios .popup,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup{height:calc(100% - 24px);top:24px}}@media (min-width:630px),(min-height:630px){html.with-statusbar.device-ios .popup-tablet-fullscreen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup-tablet-fullscreen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup-tablet-fullscreen,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 24px);top:24px}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}@media (min-width:630px) and (min-height:630px){.md .popup:not(.popup-tablet-fullscreen){-webkit-box-shadow:0px 20px 44px rgba(0,0,0,.5);box-shadow:0px 20px 44px rgba(0,0,0,.5)}}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.login-screen.modal-in,.login-screen.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.login-screen.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.with-statusbar.device-ios .login-screen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .login-screen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .login-screen,html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 24px);top:24px}.login-screen-content{background:#fff}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:480px}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:center}.md .login-screen-content .block,.md .login-screen-content .list,.md .login-screen-content .login-screen-title{margin:24px auto}.md .login-screen-content .list-button{text-align:center;color:#2196f3}.md .login-screen-title{font-size:34px}.login-screen-content.md .theme-dark,.md .theme-dark .login-screen-content{background:0 0}.md .color-theme-red .login-screen-content .list-button{color:#f44336}.md .color-theme-green .login-screen-content .list-button{color:#4caf50}.md .color-theme-blue .login-screen-content .list-button{color:#2196f3}.md .color-theme-pink .login-screen-content .list-button{color:#e91e63}.md .color-theme-yellow .login-screen-content .list-button{color:#ffeb3b}.md .color-theme-orange .login-screen-content .list-button{color:#ff9800}.md .color-theme-gray .login-screen-content .list-button{color:#9e9e9e}.md .color-theme-white .login-screen-content .list-button{color:#fff}.md .color-theme-black .login-screen-content .list-button{color:#000}.md .login-screen-content .list-button.color-red{color:#f44336}.md .login-screen-content .list-button.color-green{color:#4caf50}.md .login-screen-content .list-button.color-blue{color:#2196f3}.md .login-screen-content .list-button.color-pink{color:#e91e63}.md .login-screen-content .list-button.color-yellow{color:#ffeb3b}.md .login-screen-content .list-button.color-orange{color:#ff9800}.md .login-screen-content .list-button.color-gray{color:#9e9e9e}.md .login-screen-content .list-button.color-white{color:#fff}.md .login-screen-content .list-button.color-black{color:#000}.popover-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.popover-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-backdrop.backdrop-in{visibility:visible;opacity:1}.popover{width:260px;z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;-webkit-transition-duration:.3s;transition-duration:.3s}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover.modal-in{opacity:1}.popover.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative}.popover-from-actions-label:last-child:after{display:none!important}.md .popover{background:#fff;border-radius:4px;-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);-webkit-transform:scale(.85,.6);transform:scale(.85,.6);-webkit-transition-property:opacity,border-radius,-webkit-transform;transition-property:opacity,border-radius,-webkit-transform;transition-property:opacity,transform,border-radius;transition-property:opacity,transform,border-radius,-webkit-transform}.md .popover.modal-in{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.md .popover.modal-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.md .popover .list:first-child ul{border-radius:3px 3px 0 0}.md .popover .list:first-child li:first-child,.md .popover .list:first-child li:first-child a,.md .popover .list:first-child li:first-child>label{border-radius:3px 3px 0 0}.md .popover .list:last-child ul{border-radius:0 0 3px 3px}.md .popover .list:last-child li:last-child,.md .popover .list:last-child li:last-child a,.md .popover .list:last-child li:last-child>label{border-radius:0 0 3px 3px}.md .popover .list:first-child:last-child li:first-child:last-child,.md .popover .list:first-child:last-child li:first-child:last-child a,.md .popover .list:first-child:last-child li:first-child:last-child>label,.md .popover .list:first-child:last-child ul{border-radius:13px}.md .popover .list+.list{margin-top:35px}.md .popover-on-top{-webkit-transform-origin:center bottom;transform-origin:center bottom}.md .popover-on-bottom{-webkit-transform-origin:center top;transform-origin:center top}.md .popover-from-actions .list{margin:0}.md .popover-from-actions .item-link i.icon{width:24px;height:24px;font-size:24px}.md .popover-from-actions-label{padding:8px 16px;color:rgba(0,0,0,.54);padding-top:12px;padding-bottom:12px}.md .popover-from-actions-label:after{content:'';position:absolute;background-color:#d2d2d6;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .popover-from-actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .popover-from-actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .theme-dark .popover{background-color:#202020}.md .theme-dark .popover-from-actions-label{color:rgba(255,255,255,.54)}.md .theme-dark .popover-from-actions-label:after{background-color:rgba(255,255,255,.08)}.actions-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.actions-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-backdrop.backdrop-in{visibility:visible;opacity:1}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.actions-modal.modal-in,.actions-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.actions-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal.modal-out{z-index:13499;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}.actions-group{position:relative}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:500}.actions-button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.actions-button-media{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-button-text{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.actions-label{line-height:1.3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-grid .actions-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.actions-grid .actions-button{width:33.33333333%;display:block}.actions-grid .actions-button-media{margin-left:auto;margin-right:auto}.actions-grid .actions-button-text{margin-left:0!important;text-align:center}.md .actions-modal{background:#fff}.md .actions-group:last-child:after{display:none!important}.md .actions-group:after{content:'';position:absolute;background-color:#d2d2d6;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .actions-group:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .actions-group:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .actions-button,.md .actions-label{padding:0 16px}.md .actions-button{line-height:48px;font-size:16px;color:rgba(0,0,0,.87);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.md .actions-button,.md .actions-button a{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md .actions-button a.active-state,.md .actions-button.active-state{background:rgba(0,0,0,.1)}.md .actions-button-media{min-width:40px}.md .actions-button-media i.icon{width:24px;height:24px;font-size:24px}.md .actions-button-media+.actions-button-text{margin-left:16px}.md .actions-label{font-size:16px;color:rgba(0,0,0,.54);padding-top:12px;padding-bottom:12px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .actions-grid{padding:0}.md .actions-grid .actions-button-media{width:48px;height:48px}.md .actions-grid .actions-button-media i.icon{width:48px;height:48px;font-size:48px}.md .actions-grid .actions-button{padding:16px;line-height:1}.md .actions-grid .actions-button-text{margin-top:8px;line-height:16px;height:16px;font-size:12px;color:#757575}.md .actions-button.color-red,.md .actions-button.color-red .actions-button-text,.md .actions-label.color-red{color:#f44336}.md .actions-button.color-green,.md .actions-button.color-green .actions-button-text,.md .actions-label.color-green{color:#4caf50}.md .actions-button.color-blue,.md .actions-button.color-blue .actions-button-text,.md .actions-label.color-blue{color:#2196f3}.md .actions-button.color-pink,.md .actions-button.color-pink .actions-button-text,.md .actions-label.color-pink{color:#e91e63}.md .actions-button.color-yellow,.md .actions-button.color-yellow .actions-button-text,.md .actions-label.color-yellow{color:#ffeb3b}.md .actions-button.color-orange,.md .actions-button.color-orange .actions-button-text,.md .actions-label.color-orange{color:#ff9800}.md .actions-button.color-gray,.md .actions-button.color-gray .actions-button-text,.md .actions-label.color-gray{color:#9e9e9e}.md .actions-button.color-white,.md .actions-button.color-white .actions-button-text,.md .actions-label.color-white{color:#fff}.md .actions-button.color-black,.md .actions-button.color-black .actions-button-text,.md .actions-label.color-black{color:#000}.md.device-iphone-x .actions-modal.modal-in{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:11000}.sheet-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:260px;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:12500}.sheet-modal.modal-in,.sheet-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.sheet-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-modal.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sheet-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.md .sheet-modal{background:#fff}.md .sheet-modal .toolbar{top:0}.md .sheet-modal .toolbar:after{display:none}.md .sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - 48px)}.md .sheet-modal .toolbar a.link:not(.tab-link){-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.sheet-modal-inner .page-content{padding-top:0}.md.device-iphone-x .sheet-modal .sheet-modal-inner>.page-content,.md.device-iphone-x .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.md .theme-dark .sheet-modal{background-color:#202020}.toast{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;position:absolute;max-width:568px;z-index:20000;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.toast.modal-in{opacity:1}.toast .toast-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.toast .toast-text{line-height:20px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.toast .toast-button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons{font-size:50px;width:50px;height:50px}.toast.toast-with-icon .toast-icon .material-icons{font-size:48px;width:48px;height:48px}.toast.toast-center{top:50%;opacity:0}@media (min-width:1024px){.toast{opacity:0}}html.with-statusbar.device-ios .toast-top,html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top{margin-top:20px}html.with-statusbar.device-iphone-x .toast-top{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}html.with-statusbar.device-android .toast-top,html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top{margin-top:24px}.md .toast{-webkit-transition-duration:.2s;transition-duration:.2s;border-radius:4px;background:#323232;opacity:0;left:8px;width:calc(100% - 16px);-webkit-transform:scale(.9);transform:scale(.9)}.md .toast.modal-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.md .toast.modal-out{-webkit-transform:scale(1);transform:scale(1);opacity:0}.md .toast.toast-center{left:50%;width:auto;background:rgba(0,0,0,.75);-webkit-transform:scale(.9) translate3d(-55%,-55%,0);transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{-webkit-transform:scale(1) translate3d(-50%,-50%,0);transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{-webkit-transform:scale(1) translate3d(-50%,-50%,0);transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:8px}.md .toast.toast-top{top:8px}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:24px}.md .toast.toast-top{top:24px}}.md .toast-content{padding:14px 24px}.md .toast-button{margin-top:-8px;margin-bottom:-8px;margin-left:16px;margin-right:-8px}@media (max-width:568px){.md.device-iphone-x .toast-bottom .toast-content{padding-bottom:calc(14px + constant(safe-area-inset-bottom));padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (min-width:1024px){.md.device-iphone-x .toast-bottom.modal-in{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}}.preloader{display:inline-block;vertical-align:middle}.preloader-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;-webkit-transition-duration:.4s;transition-duration:.4s;visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.preloader-backdrop.backdrop-in{visibility:visible;opacity:1}.preloader-modal{position:absolute;left:50%;top:50%;padding:8px;background:rgba(0,0,0,.8);z-index:14500;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.preloader-modal .preloader{display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.md .preloader{font-size:0;display:inline-block;width:32px;height:32px;-webkit-animation:md-preloader-outer 3.3s linear infinite;animation:md-preloader-outer 3.3s linear infinite}@-webkit-keyframes md-preloader-outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes md-preloader-outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;-webkit-animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:4px solid #757575}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #757575;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1.3125s;animation-duration:1.3125s;-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;-webkit-animation-name:md-preloader-left-rotate;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;-webkit-animation-name:md-preloader-right-rotate;animation-name:md-preloader-right-rotate}.md .preloader-modal{border-radius:4px}.md .preloader.color-red .preloader-inner-gap,.md .preloader.color-red .preloader-inner-half-circle,.md .preloader.preloader-red .preloader-inner-gap,.md .preloader.preloader-red .preloader-inner-half-circle{border-color:#f44336}.md .preloader.color-green .preloader-inner-gap,.md .preloader.color-green .preloader-inner-half-circle,.md .preloader.preloader-green .preloader-inner-gap,.md .preloader.preloader-green .preloader-inner-half-circle{border-color:#4caf50}.md .preloader.color-blue .preloader-inner-gap,.md .preloader.color-blue .preloader-inner-half-circle,.md .preloader.preloader-blue .preloader-inner-gap,.md .preloader.preloader-blue .preloader-inner-half-circle{border-color:#2196f3}.md .preloader.color-pink .preloader-inner-gap,.md .preloader.color-pink .preloader-inner-half-circle,.md .preloader.preloader-pink .preloader-inner-gap,.md .preloader.preloader-pink .preloader-inner-half-circle{border-color:#e91e63}.md .preloader.color-yellow .preloader-inner-gap,.md .preloader.color-yellow .preloader-inner-half-circle,.md .preloader.preloader-yellow .preloader-inner-gap,.md .preloader.preloader-yellow .preloader-inner-half-circle{border-color:#ffeb3b}.md .preloader.color-orange .preloader-inner-gap,.md .preloader.color-orange .preloader-inner-half-circle,.md .preloader.preloader-orange .preloader-inner-gap,.md .preloader.preloader-orange .preloader-inner-half-circle{border-color:#ff9800}.md .preloader.color-gray .preloader-inner-gap,.md .preloader.color-gray .preloader-inner-half-circle,.md .preloader.preloader-gray .preloader-inner-gap,.md .preloader.preloader-gray .preloader-inner-half-circle{border-color:#9e9e9e}.md .preloader.color-white .preloader-inner-gap,.md .preloader.color-white .preloader-inner-half-circle,.md .preloader.preloader-white .preloader-inner-gap,.md .preloader.preloader-white .preloader-inner-half-circle{border-color:#fff}.md .preloader.color-black .preloader-inner-gap,.md .preloader.color-black .preloader-inner-half-circle,.md .preloader.preloader-black .preloader-inner-gap,.md .preloader.preloader-black .preloader-inner-half-circle{border-color:#000}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{-webkit-animation-name:md-preloader-left-rotate-multicolor;animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{-webkit-animation-name:md-preloader-right-rotate-multicolor;animation-name:md-preloader-right-rotate-multicolor}@-webkit-keyframes md-preloader-left-rotate{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes md-preloader-left-rotate{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes md-preloader-right-rotate{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes md-preloader-right-rotate{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes md-preloader-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes md-preloader-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;-webkit-transform:rotate(130deg);transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;-webkit-transform:rotate(130deg);transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@-webkit-keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;-webkit-transform-origin:center top!important;transform-origin:center top!important}.with-statusbar.device-ios .framework7-root>.progressbar,.with-statusbar.device-ios .framework7-root>.progressbar-infinite,.with-statusbar.device-ios body>.progressbar,.with-statusbar.device-ios body>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:20px}.with-statusbar.device-android .framework7-root>.progressbar,.with-statusbar.device-android .framework7-root>.progressbar-infinite,.with-statusbar.device-android body>.progressbar,.with-statusbar.device-android body>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:24px}.with-statusbar.device-iphone-x .framework7-root>.progressbar,.with-statusbar.device-iphone-x .framework7-root>.progressbar-infinite,.with-statusbar.device-iphone-x body>.progressbar,.with-statusbar.device-iphone-x body>.progressbar-infinite{top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.progressbar{vertical-align:middle}.progressbar span{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-duration:150ms;transition-duration:150ms}.progressbar-infinite:after,.progressbar-infinite:before{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{-webkit-animation:progressbar-in 150ms forwards;animation:progressbar-in 150ms forwards}.progressbar-out{-webkit-animation:progressbar-out 150ms forwards;animation:progressbar-out 150ms forwards}@-webkit-keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.md .progressbar,.md .progressbar-infinite{height:4px;background:rgba(33,150,243,.5);-webkit-transform-origin:center bottom;transform-origin:center bottom}.md .progressbar span{background:#2196f3}.md .progressbar-infinite{z-index:15000}.md .progressbar-infinite:after,.md .progressbar-infinite:before{content:'';background:#2196f3}.md .progressbar-infinite:before{-webkit-animation:md-progressbar-infinite-1 2s linear infinite;animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{-webkit-animation:md-progressbar-infinite-2 2s linear infinite;animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;-webkit-animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;-webkit-animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.md .color-theme-red .progressbar,.md .color-theme-red .progressbar-infinite{background:rgba(244,67,54,.5)}.md .color-theme-red .progressbar span{background:#f44336}.md .color-theme-red .progressbar-infinite:after,.md .color-theme-red .progressbar-infinite:before{background:#f44336}.md .color-theme-green .progressbar,.md .color-theme-green .progressbar-infinite{background:rgba(76,175,80,.5)}.md .color-theme-green .progressbar span{background:#4caf50}.md .color-theme-green .progressbar-infinite:after,.md .color-theme-green .progressbar-infinite:before{background:#4caf50}.md .color-theme-blue .progressbar,.md .color-theme-blue .progressbar-infinite{background:rgba(33,150,243,.5)}.md .color-theme-blue .progressbar span{background:#2196f3}.md .color-theme-blue .progressbar-infinite:after,.md .color-theme-blue .progressbar-infinite:before{background:#2196f3}.md .color-theme-pink .progressbar,.md .color-theme-pink .progressbar-infinite{background:rgba(233,30,99,.5)}.md .color-theme-pink .progressbar span{background:#e91e63}.md .color-theme-pink .progressbar-infinite:after,.md .color-theme-pink .progressbar-infinite:before{background:#e91e63}.md .color-theme-yellow .progressbar,.md .color-theme-yellow .progressbar-infinite{background:rgba(255,235,59,.5)}.md .color-theme-yellow .progressbar span{background:#ffeb3b}.md .color-theme-yellow .progressbar-infinite:after,.md .color-theme-yellow .progressbar-infinite:before{background:#ffeb3b}.md .color-theme-orange .progressbar,.md .color-theme-orange .progressbar-infinite{background:rgba(255,152,0,.5)}.md .color-theme-orange .progressbar span{background:#ff9800}.md .color-theme-orange .progressbar-infinite:after,.md .color-theme-orange .progressbar-infinite:before{background:#ff9800}.md .color-theme-gray .progressbar,.md .color-theme-gray .progressbar-infinite{background:rgba(158,158,158,.5)}.md .color-theme-gray .progressbar span{background:#9e9e9e}.md .color-theme-gray .progressbar-infinite:after,.md .color-theme-gray .progressbar-infinite:before{background:#9e9e9e}.md .color-theme-white .progressbar,.md .color-theme-white .progressbar-infinite{background:rgba(255,255,255,.5)}.md .color-theme-white .progressbar span{background:#fff}.md .color-theme-white .progressbar-infinite:after,.md .color-theme-white .progressbar-infinite:before{background:#fff}.md .color-theme-black .progressbar,.md .color-theme-black .progressbar-infinite{background:rgba(0,0,0,.5)}.md .color-theme-black .progressbar span{background:#000}.md .color-theme-black .progressbar-infinite:after,.md .color-theme-black .progressbar-infinite:before{background:#000}.md .progressbar-infinite.color-red,.md .progressbar.color-red{background:rgba(244,67,54,.5)}.md .progressbar.color-red span{background:#f44336}.md .progressbar-infinite.color-red:after,.md .progressbar-infinite.color-red:before{background:#f44336}.md .progressbar-infinite.color-green,.md .progressbar.color-green{background:rgba(76,175,80,.5)}.md .progressbar.color-green span{background:#4caf50}.md .progressbar-infinite.color-green:after,.md .progressbar-infinite.color-green:before{background:#4caf50}.md .progressbar-infinite.color-blue,.md .progressbar.color-blue{background:rgba(33,150,243,.5)}.md .progressbar.color-blue span{background:#2196f3}.md .progressbar-infinite.color-blue:after,.md .progressbar-infinite.color-blue:before{background:#2196f3}.md .progressbar-infinite.color-pink,.md .progressbar.color-pink{background:rgba(233,30,99,.5)}.md .progressbar.color-pink span{background:#e91e63}.md .progressbar-infinite.color-pink:after,.md .progressbar-infinite.color-pink:before{background:#e91e63}.md .progressbar-infinite.color-yellow,.md .progressbar.color-yellow{background:rgba(255,235,59,.5)}.md .progressbar.color-yellow span{background:#ffeb3b}.md .progressbar-infinite.color-yellow:after,.md .progressbar-infinite.color-yellow:before{background:#ffeb3b}.md .progressbar-infinite.color-orange,.md .progressbar.color-orange{background:rgba(255,152,0,.5)}.md .progressbar.color-orange span{background:#ff9800}.md .progressbar-infinite.color-orange:after,.md .progressbar-infinite.color-orange:before{background:#ff9800}.md .progressbar-infinite.color-gray,.md .progressbar.color-gray{background:rgba(158,158,158,.5)}.md .progressbar.color-gray span{background:#9e9e9e}.md .progressbar-infinite.color-gray:after,.md .progressbar-infinite.color-gray:before{background:#9e9e9e}.md .progressbar-infinite.color-white,.md .progressbar.color-white{background:rgba(255,255,255,.5)}.md .progressbar.color-white span{background:#fff}.md .progressbar-infinite.color-white:after,.md .progressbar-infinite.color-white:before{background:#fff}.md .progressbar-infinite.color-black,.md .progressbar.color-black{background:rgba(0,0,0,.5)}.md .progressbar.color-black span{background:#000}.md .progressbar-infinite.color-black:after,.md .progressbar-infinite.color-black:before{background:#000}@-webkit-keyframes md-progressbar-infinite-1{0%{-webkit-transform:translateX(-10%) scaleX(.1);transform:translateX(-10%) scaleX(.1)}25%{-webkit-transform:translateX(30%) scaleX(.6);transform:translateX(30%) scaleX(.6)}50%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}100%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-1{0%{-webkit-transform:translateX(-10%) scaleX(.1);transform:translateX(-10%) scaleX(.1)}25%{-webkit-transform:translateX(30%) scaleX(.6);transform:translateX(30%) scaleX(.6)}50%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}100%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}}@-webkit-keyframes md-progressbar-infinite-2{0%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}40%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}75%{-webkit-transform:translateX(60%) scaleX(.35);transform:translateX(60%) scaleX(.35)}90%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}100%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-2{0%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}40%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}75%{-webkit-transform:translateX(60%) scaleX(.35);transform:translateX(60%) scaleX(.35)}90%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}100%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}}@-webkit-keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@-webkit-keyframes md-progressbar-infinite-multicolor-fill{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#f44336}24.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#f44336}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#2196f3}49.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#2196f3}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#ffeb3b}74.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#ffeb3b}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#4caf50}100%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#4caf50}}@keyframes md-progressbar-infinite-multicolor-fill{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#f44336}24.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#f44336}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#2196f3}49.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#2196f3}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#ffeb3b}74.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#ffeb3b}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#4caf50}100%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#4caf50}}.sortable .sortable-handler{position:absolute;top:0;bottom:1px;z-index:10;background-repeat:no-repeat;background-size:18px 12px;opacity:0;pointer-events:none;cursor:move;-webkit-transition-duration:.3s;transition-duration:.3s;right:0;background-position:100% 50%}.sortable .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable li.sorting{z-index:50;background:rgba(255,255,255,.8);-webkit-transition-duration:0s;transition-duration:0s}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1;background-position:50% 50%}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.sortable.theme-dark li.sorting,.theme-dark .sortable li.sorting{background-color:rgba(50,50,50,.8)}.md .sortable-handler{width:50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E")}.md .sortable li.sorting{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .sortable-enabled .item-inner,.md .sortable-enabled .item-link .item-inner{padding-right:50px}.md .list.sortable-enabled .item-link.no-chevron .item-inner,.md .list.sortable-enabled .no-chevron .item-link .item-inner,.md .list.sortable-enabled.no-chevron .item-link .item-inner,.md .no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:50px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .sortable-handler,.md.device-iphone-x .ios-right-edge .sortable-handler,.md.device-iphone-x .panel-right .sortable-handler,.md.device-iphone-x .popup .sortable-handler,.md.device-iphone-x .sheet-modal .sortable-handler{right:constant(safe-area-inset-right);right:env(safe-area-inset-right)}.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-right-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .panel-right .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-right:calc(42px + constant(safe-area-inset-right));padding-right:calc(42px + env(safe-area-inset-right))}}.swipeout{overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swipeout-deleting{-webkit-transition-duration:.3s;transition-duration:.3s}.swipeout-deleting .swipeout-content{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:#fff;background:#c7c7cc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-right{right:0%;-webkit-transform:translateX(100%);transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.md .swipeout-actions-left>a,.md .swipeout-actions-left>button,.md .swipeout-actions-left>div,.md .swipeout-actions-left>span,.md .swipeout-actions-right>a,.md .swipeout-actions-right>button,.md .swipeout-actions-right>div,.md .swipeout-actions-right>span{padding:0 24px;color:#fff}.md .swipeout-actions-left .swipeout-delete,.md .swipeout-actions-right .swipeout-delete{background:#f44336}.md .swipeout-actions-left>a.color-red,.md .swipeout-actions-left>button.color-red,.md .swipeout-actions-left>div.color-red,.md .swipeout-actions-left>span.color-red,.md .swipeout-actions-right>a.color-red,.md .swipeout-actions-right>button.color-red,.md .swipeout-actions-right>div.color-red,.md .swipeout-actions-right>span.color-red{background-color:#f44336}.md .swipeout-actions-left>a.color-green,.md .swipeout-actions-left>button.color-green,.md .swipeout-actions-left>div.color-green,.md .swipeout-actions-left>span.color-green,.md .swipeout-actions-right>a.color-green,.md .swipeout-actions-right>button.color-green,.md .swipeout-actions-right>div.color-green,.md .swipeout-actions-right>span.color-green{background-color:#4caf50}.md .swipeout-actions-left>a.color-blue,.md .swipeout-actions-left>button.color-blue,.md .swipeout-actions-left>div.color-blue,.md .swipeout-actions-left>span.color-blue,.md .swipeout-actions-right>a.color-blue,.md .swipeout-actions-right>button.color-blue,.md .swipeout-actions-right>div.color-blue,.md .swipeout-actions-right>span.color-blue{background-color:#2196f3}.md .swipeout-actions-left>a.color-pink,.md .swipeout-actions-left>button.color-pink,.md .swipeout-actions-left>div.color-pink,.md .swipeout-actions-left>span.color-pink,.md .swipeout-actions-right>a.color-pink,.md .swipeout-actions-right>button.color-pink,.md .swipeout-actions-right>div.color-pink,.md .swipeout-actions-right>span.color-pink{background-color:#e91e63}.md .swipeout-actions-left>a.color-yellow,.md .swipeout-actions-left>button.color-yellow,.md .swipeout-actions-left>div.color-yellow,.md .swipeout-actions-left>span.color-yellow,.md .swipeout-actions-right>a.color-yellow,.md .swipeout-actions-right>button.color-yellow,.md .swipeout-actions-right>div.color-yellow,.md .swipeout-actions-right>span.color-yellow{background-color:#ffeb3b}.md .swipeout-actions-left>a.color-orange,.md .swipeout-actions-left>button.color-orange,.md .swipeout-actions-left>div.color-orange,.md .swipeout-actions-left>span.color-orange,.md .swipeout-actions-right>a.color-orange,.md .swipeout-actions-right>button.color-orange,.md .swipeout-actions-right>div.color-orange,.md .swipeout-actions-right>span.color-orange{background-color:#ff9800}.md .swipeout-actions-left>a.color-gray,.md .swipeout-actions-left>button.color-gray,.md .swipeout-actions-left>div.color-gray,.md .swipeout-actions-left>span.color-gray,.md .swipeout-actions-right>a.color-gray,.md .swipeout-actions-right>button.color-gray,.md .swipeout-actions-right>div.color-gray,.md .swipeout-actions-right>span.color-gray{background-color:#9e9e9e}.md .swipeout-actions-left>a.color-white,.md .swipeout-actions-left>button.color-white,.md .swipeout-actions-left>div.color-white,.md .swipeout-actions-left>span.color-white,.md .swipeout-actions-right>a.color-white,.md .swipeout-actions-right>button.color-white,.md .swipeout-actions-right>div.color-white,.md .swipeout-actions-right>span.color-white{background-color:#fff}.md .swipeout-actions-left>a.color-black,.md .swipeout-actions-left>button.color-black,.md .swipeout-actions-left>div.color-black,.md .swipeout-actions-left>span.color-black,.md .swipeout-actions-right>a.color-black,.md .swipeout-actions-right>button.color-black,.md .swipeout-actions-right>div.color-black,.md .swipeout-actions-right>span.color-black{background-color:#000}.accordion-item-toggle{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color}.accordion-item-toggle .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .item-link .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{-webkit-transform:none;transform:none}.md .list .accordion-item-toggle .item-inner{padding-right:42px;background:no-repeat calc(100% - 16px) center}.md .list .accordion-item-toggle.active-state{background-color:rgba(0,0,0,.1)}.md .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .accordion-item.media-item>.item-link .item-title-row,.md .links-list .accordion-item>a,.md .list .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .accordion-item-opened.media-item>.item-link .item-title-row,.md .links-list .accordion-item-opened>a,.md .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item>a,.md .theme-dark .list .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item-opened>a,.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list{margin:0}.md .contacts-list .list-group-title{padding:0 16px;pointer-events:none;background:0 0;color:#2196f3;font-weight:500;line-height:48px;height:48px;font-size:20px;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:-48px}.md .contacts-list li:not(.list-group-title){padding-left:56px}.md .theme-dark .contacts-list .list-group-title{color:#fff}.list-index{position:absolute;top:0;bottom:0;right:0;text-align:center;z-index:10;width:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{font-size:11px;font-weight:600;list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:14px;line-height:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;border-radius:50%;color:#fff;font-weight:500}.md .list-index ul{color:#2196f3}.md .list-index .list-index-skip-placeholder:after{content:'';width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:#2196f3}.md .list-index .list-index-label{width:56px;height:56px;line-height:56px;border-radius:50% 50% 0 50%;background:#2196f3;font-size:20px}.md .navbar~.list-index{top:56px}@media (min-width:768px){.md .navbar~.list-index{top:64px}}.md .navbar~.subnavbar~.list-index,.md .navbar~.toolbar:not(.toolbar-bottom-md)~.list-index,.md .page-with-subnavbar .navbar~.list-index{top:104px}.md .navbar~.tabbar-labels:not(.toolbar-bottom-md)~.list-index{top:128px}.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.page>.list-index{bottom:48px}.md .tabbar-labels.toolbar-bottom-md~* .page>.list-index,.md .tabbar-labels.toolbar-bottom-md~.list-index,.md .tabbar-labels.toolbar-bottom-md~.page>.list-index{bottom:56px}.md.device-iphone-x .toolbar-bottom-md~* .page>.list-index,.md.device-iphone-x .toolbar-bottom-md~.page>.list-index{bottom:calc(48px + constant(safe-area-inset-bottom));bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~* .page>.list-index,.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~.list-index,.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~.page>.list-index{bottom:calc(56px + constant(safe-area-inset-bottom));bottom:calc(56px + env(safe-area-inset-bottom))}.md .color-theme-red .list-index ul,.md .list-index.color-theme-red ul{color:#f44336}.md .color-theme-red .list-index .list-index-label,.md .color-theme-red .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-red .list-index-label,.md .list-index.color-theme-red .list-index-skip-placeholder:after{background-color:#f44336}.md .color-theme-green .list-index ul,.md .list-index.color-theme-green ul{color:#4caf50}.md .color-theme-green .list-index .list-index-label,.md .color-theme-green .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-green .list-index-label,.md .list-index.color-theme-green .list-index-skip-placeholder:after{background-color:#4caf50}.md .color-theme-blue .list-index ul,.md .list-index.color-theme-blue ul{color:#2196f3}.md .color-theme-blue .list-index .list-index-label,.md .color-theme-blue .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-blue .list-index-label,.md .list-index.color-theme-blue .list-index-skip-placeholder:after{background-color:#2196f3}.md .color-theme-pink .list-index ul,.md .list-index.color-theme-pink ul{color:#e91e63}.md .color-theme-pink .list-index .list-index-label,.md .color-theme-pink .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-pink .list-index-label,.md .list-index.color-theme-pink .list-index-skip-placeholder:after{background-color:#e91e63}.md .color-theme-yellow .list-index ul,.md .list-index.color-theme-yellow ul{color:#ffeb3b}.md .color-theme-yellow .list-index .list-index-label,.md .color-theme-yellow .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-yellow .list-index-label,.md .list-index.color-theme-yellow .list-index-skip-placeholder:after{background-color:#ffeb3b}.md .color-theme-orange .list-index ul,.md .list-index.color-theme-orange ul{color:#ff9800}.md .color-theme-orange .list-index .list-index-label,.md .color-theme-orange .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-orange .list-index-label,.md .list-index.color-theme-orange .list-index-skip-placeholder:after{background-color:#ff9800}.md .color-theme-gray .list-index ul,.md .list-index.color-theme-gray ul{color:#9e9e9e}.md .color-theme-gray .list-index .list-index-label,.md .color-theme-gray .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-gray .list-index-label,.md .list-index.color-theme-gray .list-index-skip-placeholder:after{background-color:#9e9e9e}.md .color-theme-white .list-index ul,.md .list-index.color-theme-white ul{color:#fff}.md .color-theme-white .list-index .list-index-label,.md .color-theme-white .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-white .list-index-label,.md .list-index.color-theme-white .list-index-skip-placeholder:after{background-color:#fff}.md .color-theme-black .list-index ul,.md .list-index.color-theme-black ul{color:#000}.md .color-theme-black .list-index .list-index-label,.md .color-theme-black .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-black .list-index-label,.md .list-index.color-theme-black .list-index-skip-placeholder:after{background-color:#000}.md .list-index.color-red ul{color:#f44336}.md .list-index.color-red .list-index-label,.md .list-index.color-red .list-index-skip-placeholder:after{background-color:#f44336}.md .list-index.color-green ul{color:#4caf50}.md .list-index.color-green .list-index-label,.md .list-index.color-green .list-index-skip-placeholder:after{background-color:#4caf50}.md .list-index.color-blue ul{color:#2196f3}.md .list-index.color-blue .list-index-label,.md .list-index.color-blue .list-index-skip-placeholder:after{background-color:#2196f3}.md .list-index.color-pink ul{color:#e91e63}.md .list-index.color-pink .list-index-label,.md .list-index.color-pink .list-index-skip-placeholder:after{background-color:#e91e63}.md .list-index.color-yellow ul{color:#ffeb3b}.md .list-index.color-yellow .list-index-label,.md .list-index.color-yellow .list-index-skip-placeholder:after{background-color:#ffeb3b}.md .list-index.color-orange ul{color:#ff9800}.md .list-index.color-orange .list-index-label,.md .list-index.color-orange .list-index-skip-placeholder:after{background-color:#ff9800}.md .list-index.color-gray ul{color:#9e9e9e}.md .list-index.color-gray .list-index-label,.md .list-index.color-gray .list-index-skip-placeholder:after{background-color:#9e9e9e}.md .list-index.color-white ul{color:#fff}.md .list-index.color-white .list-index-label,.md .list-index.color-white .list-index-skip-placeholder:after{background-color:#fff}.md .list-index.color-black ul{color:#000}.md .list-index.color-black .list-index-label,.md .list-index.color-black .list-index-skip-placeholder:after{background-color:#000}.timeline{-webkit-box-sizing:border-box;box-sizing:border-box}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline-item-date{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;margin-top:3px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:13px}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-horizontal{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;height:100%}.timeline-horizontal .timeline-item-date{width:auto;line-height:34px;position:absolute;left:0;top:0;width:100%;height:34px;text-align:left}.timeline-horizontal .timeline-item-content{overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal.col-100 .timeline-item{width:100vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-5 .timeline-item{width:5vw}@media (min-width:768px){.timeline-horizontal.tablet-100 .timeline-item{width:100vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-5 .timeline-item{width:5vw}}.timeline-horizontal .timeline-month,.timeline-horizontal .timeline-year{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.timeline-horizontal .timeline-month-title,.timeline-horizontal .timeline-year-title{position:absolute;left:0;top:0;width:100%;line-height:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-horizontal .timeline-month-title span,.timeline-horizontal .timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky}.timeline-horizontal .timeline-year-title{font-size:16px}.timeline-horizontal .timeline-month-title span{margin-top:-2px}.md .timeline{margin:32px 0;padding:0 16px}.md .block-strong .timeline{padding:0;margin:0}.md .timeline-item{padding:2px 0px 16px}.md .timeline-item:last-child{padding-bottom:2px}.md .timeline-item-content .block,.md .timeline-item-content .card,.md .timeline-item-content .list,.md .timeline-item-content.block,.md .timeline-item-content.card,.md .timeline-item-content.list{margin:0;width:100%}.md .timeline-item-content .block+.block,.md .timeline-item-content .block+.card,.md .timeline-item-content .block+.list,.md .timeline-item-content .card+.block,.md .timeline-item-content .card+.card,.md .timeline-item-content .card+.list,.md .timeline-item-content .list+.block,.md .timeline-item-content .list+.card,.md .timeline-item-content .list+.list{margin:16px 0 0}.md .timeline-item-inner{border-radius:2px;padding:8px 16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .timeline-item-inner+.timeline-item-inner{margin-top:16px}.md .timeline-item-divider{margin-left:16px;margin-right:16px}.md .timeline-item-time{margin-top:16px;color:rgba(0,0,0,.54)}.md .timeline-item-time:first-child{margin-top:0}.md .timeline-item-title{font-size:16px}.md .timeline-sides .timeline-item{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item .timeline-item-date{text-align:right}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.md .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item-left .timeline-item-date{text-align:left}.md .timeline-sides .timeline-item-right{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item-right .timeline-item-date{text-align:right}@media (min-width:768px){.md .tablet-sides .timeline-item{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item .timeline-item-date{text-align:right}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.md .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item-left .timeline-item-date{text-align:left}.md .tablet-sides .timeline-item-right{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item-right .timeline-item-date{text-align:right}}.md .timeline-horizontal{padding:0;margin:0;position:relative}.md .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:12px}.md .timeline-horizontal .timeline-item-date{background:#2196f3;padding:0px 12px;color:#fff}.md .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .timeline-horizontal .timeline-item-content{padding:12px;height:calc(100% - 12px)}.md .timeline-horizontal.no-shadow .timeline-item-date:after{display:none}.md .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.md .timeline-horizontal .timeline-item:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .timeline-month-title,.md .timeline-year-title{padding:0 12px;color:#fff;background:#2196f3}.md .timeline-month-title span,.md .timeline-year-title span{left:12px}.md .timeline-year-title span{margin-top:2px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(12px + constant(safe-area-inset-left));left:calc(12px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(12px + constant(safe-area-inset-left));padding-left:calc(12px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child{overflow:visible}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right));left:0}.md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.md .theme-dark .timeline-item-inner{background-color:rgba(255,255,255,.03)}.md .theme-dark .timeline-item-time{color:rgba(255,255,255,.54)}.md .color-theme-red .timeline-item-date,.md .color-theme-red .timeline-month-title,.md .color-theme-red .timeline-year-title{background:#f44336}.md .color-theme-green .timeline-item-date,.md .color-theme-green .timeline-month-title,.md .color-theme-green .timeline-year-title{background:#4caf50}.md .color-theme-blue .timeline-item-date,.md .color-theme-blue .timeline-month-title,.md .color-theme-blue .timeline-year-title{background:#2196f3}.md .color-theme-pink .timeline-item-date,.md .color-theme-pink .timeline-month-title,.md .color-theme-pink .timeline-year-title{background:#e91e63}.md .color-theme-yellow .timeline-item-date,.md .color-theme-yellow .timeline-month-title,.md .color-theme-yellow .timeline-year-title{background:#ffeb3b}.md .color-theme-orange .timeline-item-date,.md .color-theme-orange .timeline-month-title,.md .color-theme-orange .timeline-year-title{background:#ff9800}.md .color-theme-gray .timeline-item-date,.md .color-theme-gray .timeline-month-title,.md .color-theme-gray .timeline-year-title{background:#9e9e9e}.md .color-theme-white .timeline-item-date,.md .color-theme-white .timeline-month-title,.md .color-theme-white .timeline-year-title{background:#fff}.md .color-theme-black .timeline-item-date,.md .color-theme-black .timeline-month-title,.md .color-theme-black .timeline-year-title{background:#000}.md .timeline.color-theme-red .timeline-item-date,.md .timeline.color-theme-red .timeline-month-title,.md .timeline.color-theme-red .timeline-year-title{background:#f44336}.md .timeline.color-theme-green .timeline-item-date,.md .timeline.color-theme-green .timeline-month-title,.md .timeline.color-theme-green .timeline-year-title{background:#4caf50}.md .timeline.color-theme-blue .timeline-item-date,.md .timeline.color-theme-blue .timeline-month-title,.md .timeline.color-theme-blue .timeline-year-title{background:#2196f3}.md .timeline.color-theme-pink .timeline-item-date,.md .timeline.color-theme-pink .timeline-month-title,.md .timeline.color-theme-pink .timeline-year-title{background:#e91e63}.md .timeline.color-theme-yellow .timeline-item-date,.md .timeline.color-theme-yellow .timeline-month-title,.md .timeline.color-theme-yellow .timeline-year-title{background:#ffeb3b}.md .timeline.color-theme-orange .timeline-item-date,.md .timeline.color-theme-orange .timeline-month-title,.md .timeline.color-theme-orange .timeline-year-title{background:#ff9800}.md .timeline.color-theme-gray .timeline-item-date,.md .timeline.color-theme-gray .timeline-month-title,.md .timeline.color-theme-gray .timeline-year-title{background:#9e9e9e}.md .timeline.color-theme-white .timeline-item-date,.md .timeline.color-theme-white .timeline-month-title,.md .timeline.color-theme-white .timeline-year-title{background:#fff}.md .timeline.color-theme-black .timeline-item-date,.md .timeline.color-theme-black .timeline-month-title,.md .timeline.color-theme-black .timeline-year-title{background:#000}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}.panel-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:5999;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel-backdrop.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel{z-index:1000;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch;top:0;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:260px;background-color:#fff}.panel.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.panel-right{right:0}.panel-right.panel-cover{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.panel-visible-by-breakpoint{display:block;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}html.with-panel-left-cover .panel-left{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-statusbar.device-ios .panel,html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel{top:20px;height:calc(100% - 20px)}html.with-statusbar.device-android .panel,html.with-statusbar.md:not(.device-ios):not(.device-android) .panel{top:24px;height:calc(100% - 24px)}html.with-statusbar.device-iphone-x .panel{top:constant(safe-area-inset-top);top:env(safe-area-inset-top);height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top))}.md .panel-backdrop{-webkit-transition-duration:.3s;transition-duration:.3s;background:rgba(0,0,0,.2)}.md .panel{-webkit-transition-duration:.3s;transition-duration:.3s}.md .panel-visible{display:block}.md .panel-visible-by-breakpoint{-webkit-box-shadow:none;box-shadow:none}.md.with-panel-left-cover .panel-cover,.md.with-panel-right-cover .panel-cover{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);box-shadow:0px 0px 20px rgba(0,0,0,.5)}.md.with-panel-left-reveal .framework7-root>.view,.md.with-panel-left-reveal .views,.md.with-panel-right-reveal .framework7-root>.view,.md.with-panel-right-reveal .views{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);box-shadow:0px 0px 20px rgba(0,0,0,.5)}.md.with-panel-left-reveal .framework7-root>.view,.md.with-panel-left-reveal .views,.md.with-panel-right-reveal .framework7-root>.view,.md.with-panel-right-reveal .views,.md.with-panel-transitioning .framework7-root>.view,.md.with-panel-transitioning .views{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform,-webkit-box-shadow;transition-property:-webkit-transform,-webkit-box-shadow;transition-property:transform,box-shadow;transition-property:transform,box-shadow,-webkit-transform,-webkit-box-shadow}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card{background:#fff;position:relative;border-radius:4px;font-size:14px}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-content{position:relative}.card-content-padding{position:relative}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-footer,.card-header{min-height:44px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.card-header{border-radius:4px 4px 0 0}.card-header:after{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .card-header:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 4px 4px}.card-footer:before{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}html.device-pixel-ratio-2 .card-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-footer.no-hairline:before{display:none!important}.md .card .list ul,.md .cards-list ul{background:0 0}.md .card{margin:8px;-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)}.md .card-outline{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.md .card-footer a.link,.md .card-header a.link{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}input[type=button].md .card-footer a.link,input[type=button].md .card-header a.link,input[type=submit].md .card-footer a.link,input[type=submit].md .card-header a.link{width:100%}.md .card-footer a.link.active-state,.md .card-header a.link.active-state{background:rgba(0,0,0,.1)}.md .card-footer a.icon-only,.md .card-header a.icon-only{min-width:48px}.md .page-content>.card:last-child{margin-bottom:32px}.md .card-content-padding{padding:16px}.md .card-content-padding>.block,.md .card-content-padding>.list{margin:-16px}.md .card-footer,.md .card-header{min-height:48px;padding:4px 16px}.md .card-header{font-size:16px}.md .card-footer{color:#757575}.md .theme-dark .card{background-color:rgba(255,255,255,.03)}.md .theme-dark .card-outline{border-color:#282829}.md .theme-dark .card-header:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .card-footer{color:rgba(255,255,255,.54)}.md .theme-dark .card-footer:before{background-color:rgba(255,255,255,.08)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(8px + constant(safe-area-inset-left));margin-left:calc(8px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(8px + constant(safe-area-inset-right));margin-right:calc(8px + env(safe-area-inset-right))}}.md .card-footer.color-theme-red a.link,.md .card-header.color-theme-red a.link,.md .color-theme-red .card-footer a.link,.md .color-theme-red .card-header a.link{color:#f44336}.md .card-footer.color-theme-green a.link,.md .card-header.color-theme-green a.link,.md .color-theme-green .card-footer a.link,.md .color-theme-green .card-header a.link{color:#4caf50}.md .card-footer.color-theme-blue a.link,.md .card-header.color-theme-blue a.link,.md .color-theme-blue .card-footer a.link,.md .color-theme-blue .card-header a.link{color:#2196f3}.md .card-footer.color-theme-pink a.link,.md .card-header.color-theme-pink a.link,.md .color-theme-pink .card-footer a.link,.md .color-theme-pink .card-header a.link{color:#e91e63}.md .card-footer.color-theme-yellow a.link,.md .card-header.color-theme-yellow a.link,.md .color-theme-yellow .card-footer a.link,.md .color-theme-yellow .card-header a.link{color:#ffeb3b}.md .card-footer.color-theme-orange a.link,.md .card-header.color-theme-orange a.link,.md .color-theme-orange .card-footer a.link,.md .color-theme-orange .card-header a.link{color:#ff9800}.md .card-footer.color-theme-gray a.link,.md .card-header.color-theme-gray a.link,.md .color-theme-gray .card-footer a.link,.md .color-theme-gray .card-header a.link{color:#9e9e9e}.md .card-footer.color-theme-white a.link,.md .card-header.color-theme-white a.link,.md .color-theme-white .card-footer a.link,.md .color-theme-white .card-header a.link{color:#fff}.md .card-footer.color-theme-black a.link,.md .card-header.color-theme-black a.link,.md .color-theme-black .card-footer a.link,.md .color-theme-black .card-header a.link{color:#000}.md .card-footer a.link.color-red,.md .card-header a.link.color-red{color:#f44336}.md .card-footer a.link.color-green,.md .card-header a.link.color-green{color:#4caf50}.md .card-footer a.link.color-blue,.md .card-header a.link.color-blue{color:#2196f3}.md .card-footer a.link.color-pink,.md .card-header a.link.color-pink{color:#e91e63}.md .card-footer a.link.color-yellow,.md .card-header a.link.color-yellow{color:#ffeb3b}.md .card-footer a.link.color-orange,.md .card-header a.link.color-orange{color:#ff9800}.md .card-footer a.link.color-gray,.md .card-header a.link.color-gray{color:#9e9e9e}.md .card-footer a.link.color-white,.md .card-header a.link.color-white{color:#fff}.md .card-footer a.link.color-black,.md .card-header a.link.color-black{color:#000}.chip{font-weight:400;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:2px 0}.chip-media{border-radius:50%;text-align:center;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-repeat:no-repeat}.chip .chip-delete.active-state{opacity:1}.md .chip{font-size:13px;color:rgba(0,0,0,.87);background:rgba(0,0,0,.12);height:32px;line-height:32px;border-radius:16px;padding:0 12px}.md .chip-outline{background:0 0;border:1px solid rgba(0,0,0,.12)}.md .chip-media{width:32px;height:32px;vertical-align:top;border-radius:50%;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-left:-12px}.md .chip-media+.chip-label{margin-left:8px}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{width:24px;height:24px;line-height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:20px 20px;opacity:.54;margin-right:-8px}.md .theme-dark .chip{background:#333;color:rgba(255,255,255,.87)}.md .theme-dark .chip-outline{background:0 0;border-color:#333}.md .theme-dark .chip-delete{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .chip.color-red{background:#f44336;color:#fff}.md .chip.color-red.chip-outline{background:0 0;border-color:#f44336;color:#f44336}.md .chip.color-green{background:#4caf50;color:#fff}.md .chip.color-green.chip-outline{background:0 0;border-color:#4caf50;color:#4caf50}.md .chip.color-blue{background:#2196f3;color:#fff}.md .chip.color-blue.chip-outline{background:0 0;border-color:#2196f3;color:#2196f3}.md .chip.color-pink{background:#e91e63;color:#fff}.md .chip.color-pink.chip-outline{background:0 0;border-color:#e91e63;color:#e91e63}.md .chip.color-yellow{background:#ffeb3b;color:#fff}.md .chip.color-yellow.chip-outline{background:0 0;border-color:#ffeb3b;color:#ffeb3b}.md .chip.color-orange{background:#ff9800;color:#fff}.md .chip.color-orange.chip-outline{background:0 0;border-color:#ff9800;color:#ff9800}.md .chip.color-gray{background:#9e9e9e;color:#fff}.md .chip.color-gray.chip-outline{background:0 0;border-color:#9e9e9e;color:#9e9e9e}.md .chip.color-white{background:#fff;color:#fff}.md .chip.color-white.chip-outline{background:0 0;border-color:#fff;color:#fff}.md .chip.color-black{background:#000;color:#fff}.md .chip.color-black.chip-outline{background:0 0;border-color:#000;color:#000}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select,.list textarea{width:100%}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:44px}.list textarea{resize:none;line-height:1.4;height:100px}.list .item-floating-label,.list .item-label{vertical-align:top;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.list .item-input-wrap{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;-webkit-transition-duration:.1s;transition-duration:.1s;position:absolute;top:50%;border-radius:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;right:0}.input-clear-button:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center center}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #727272;right:2px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:14px}.md .list input[type=date],.md .list input[type=datetime-local],.md .list input[type=email],.md .list input[type=number],.md .list input[type=password],.md .list input[type=search],.md .list input[type=tel],.md .list input[type=text],.md .list input[type=time],.md .list input[type=url],.md .list select{height:36px;color:#212121;font-size:16px}.md .list input[type=date]::-webkit-input-placeholder,.md .list input[type=datetime-local]::-webkit-input-placeholder,.md .list input[type=email]::-webkit-input-placeholder,.md .list input[type=number]::-webkit-input-placeholder,.md .list input[type=password]::-webkit-input-placeholder,.md .list input[type=search]::-webkit-input-placeholder,.md .list input[type=tel]::-webkit-input-placeholder,.md .list input[type=text]::-webkit-input-placeholder,.md .list input[type=time]::-webkit-input-placeholder,.md .list input[type=url]::-webkit-input-placeholder,.md .list select::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]:-ms-input-placeholder,.md .list input[type=datetime-local]:-ms-input-placeholder,.md .list input[type=email]:-ms-input-placeholder,.md .list input[type=number]:-ms-input-placeholder,.md .list input[type=password]:-ms-input-placeholder,.md .list input[type=search]:-ms-input-placeholder,.md .list input[type=tel]:-ms-input-placeholder,.md .list input[type=text]:-ms-input-placeholder,.md .list input[type=time]:-ms-input-placeholder,.md .list input[type=url]:-ms-input-placeholder,.md .list select:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]::-ms-input-placeholder,.md .list input[type=datetime-local]::-ms-input-placeholder,.md .list input[type=email]::-ms-input-placeholder,.md .list input[type=number]::-ms-input-placeholder,.md .list input[type=password]::-ms-input-placeholder,.md .list input[type=search]::-ms-input-placeholder,.md .list input[type=tel]::-ms-input-placeholder,.md .list input[type=text]::-ms-input-placeholder,.md .list input[type=time]::-ms-input-placeholder,.md .list input[type=url]::-ms-input-placeholder,.md .list select::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]::placeholder,.md .list input[type=datetime-local]::placeholder,.md .list input[type=email]::placeholder,.md .list input[type=number]::placeholder,.md .list input[type=password]::placeholder,.md .list input[type=search]::placeholder,.md .list input[type=tel]::placeholder,.md .list input[type=text]::placeholder,.md .list input[type=time]::placeholder,.md .list input[type=url]::placeholder,.md .list select::placeholder{color:rgba(0,0,0,.35)}.md .list textarea{color:#212121;font-size:16px;padding-top:7px;padding-bottom:7px}.md .list textarea.resizable{height:36px}.md .list textarea::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea::placeholder{color:rgba(0,0,0,.35)}.md .input:after,.md .item-input-wrap:after{-webkit-transition-duration:.2s;transition-duration:.2s}.md .item-input-wrap{min-height:36px}.md .item-input-wrap:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .item-input-wrap:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .item-input-wrap:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .input:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .input:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .input:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .item-floating-label,.md .item-label{font-size:12px;width:100%;color:rgba(0,0,0,.65);-webkit-transition-duration:.2s;transition-duration:.2s;line-height:13px;-webkit-transition-property:color,-webkit-transform;transition-property:color,-webkit-transform;transition-property:transform,color;transition-property:transform,color,-webkit-transform}.md .item-floating-label{-webkit-transform:scale(1.33333333) translateY(18px);transform:scale(1.33333333) translateY(18px);color:rgba(0,0,0,.35);width:auto;max-width:75%;pointer-events:none;-webkit-transform-origin:left;transform-origin:left}.md .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;-webkit-transition-duration:.1s;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{opacity:0;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;-webkit-transition-duration:.1s;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused:-ms-input-placeholder{opacity:1;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused::placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s}.md .item-input-focused .item-floating-label,.md .item-input-with-value .item-floating-label{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.md .item-input-with-value .item-floating-label{color:rgba(0,0,0,.65)}.md .item-input .item-media{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.md .item-input .item-inner{display:block}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:14px}.md .inline-label .item-inner,.md .inline-labels .item-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{font-size:16px;width:30%;line-height:1.5;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:7px}.md .inline-label .item-floating-label+.item-input-wrap,.md .inline-label .item-label+.item-input-wrap,.md .inline-labels .item-floating-label+.item-input-wrap,.md .inline-labels .item-label+.item-input-wrap{margin-left:8px}.md .item-input-with-error-message,.md .item-input-with-info,.md div.input-with-error-message,.md div.input-with-info,.md span.input-with-error-message,.md span.input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{font-size:12px;line-height:1.4;position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;left:0;right:16px}.md .input-info,.md .item-input-info{color:rgba(0,0,0,.45)}.md .input-error-message,.md .item-input-error-message{color:#f44336;display:none}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:#2196f3}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:#2196f3}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label,.md .item-invalid .item-floating-label,.md .item-invalid .item-label{color:#f44336}.md .item-input-invalid .input-error-message,.md .item-input-invalid .item-input-error-message,.md .item-invalid .input-error-message,.md .item-invalid .item-input-error-message{display:block}.md .item-input-invalid .input-info,.md .item-input-invalid .item-input-info,.md .item-invalid .input-info,.md .item-invalid .item-input-info{display:none}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:#f44336}.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{-webkit-transform:scaleY(2);transform:scaleY(2)}.md .input-focused:after,.md .input-invalid:after{-webkit-transform:scaleY(2)!important;transform:scaleY(2)!important}.md .input-clear-button{width:24px;height:24px;background:rgba(0,0,0,.12);margin-top:-12px}.md .input-clear-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");background-size:16px 16px;opacity:.54}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.md .item-input-wrap .input-clear-button{bottom:6px;margin-top:0;top:auto}.md .theme-dark input[type=date],.md .theme-dark input[type=datetime-local],.md .theme-dark input[type=email],.md .theme-dark input[type=number],.md .theme-dark input[type=password],.md .theme-dark input[type=search],.md .theme-dark input[type=tel],.md .theme-dark input[type=text],.md .theme-dark input[type=time],.md .theme-dark input[type=url],.md .theme-dark select,.md .theme-dark textarea{color:rgba(255,255,255,.87)}.md .theme-dark input[type=date]::-webkit-input-placeholder,.md .theme-dark input[type=datetime-local]::-webkit-input-placeholder,.md .theme-dark input[type=email]::-webkit-input-placeholder,.md .theme-dark input[type=number]::-webkit-input-placeholder,.md .theme-dark input[type=password]::-webkit-input-placeholder,.md .theme-dark input[type=search]::-webkit-input-placeholder,.md .theme-dark input[type=tel]::-webkit-input-placeholder,.md .theme-dark input[type=text]::-webkit-input-placeholder,.md .theme-dark input[type=time]::-webkit-input-placeholder,.md .theme-dark input[type=url]::-webkit-input-placeholder,.md .theme-dark select::-webkit-input-placeholder,.md .theme-dark textarea::-webkit-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]:-ms-input-placeholder,.md .theme-dark input[type=datetime-local]:-ms-input-placeholder,.md .theme-dark input[type=email]:-ms-input-placeholder,.md .theme-dark input[type=number]:-ms-input-placeholder,.md .theme-dark input[type=password]:-ms-input-placeholder,.md .theme-dark input[type=search]:-ms-input-placeholder,.md .theme-dark input[type=tel]:-ms-input-placeholder,.md .theme-dark input[type=text]:-ms-input-placeholder,.md .theme-dark input[type=time]:-ms-input-placeholder,.md .theme-dark input[type=url]:-ms-input-placeholder,.md .theme-dark select:-ms-input-placeholder,.md .theme-dark textarea:-ms-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]::-ms-input-placeholder,.md .theme-dark input[type=datetime-local]::-ms-input-placeholder,.md .theme-dark input[type=email]::-ms-input-placeholder,.md .theme-dark input[type=number]::-ms-input-placeholder,.md .theme-dark input[type=password]::-ms-input-placeholder,.md .theme-dark input[type=search]::-ms-input-placeholder,.md .theme-dark input[type=tel]::-ms-input-placeholder,.md .theme-dark input[type=text]::-ms-input-placeholder,.md .theme-dark input[type=time]::-ms-input-placeholder,.md .theme-dark input[type=url]::-ms-input-placeholder,.md .theme-dark select::-ms-input-placeholder,.md .theme-dark textarea::-ms-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]::placeholder,.md .theme-dark input[type=datetime-local]::placeholder,.md .theme-dark input[type=email]::placeholder,.md .theme-dark input[type=number]::placeholder,.md .theme-dark input[type=password]::placeholder,.md .theme-dark input[type=search]::placeholder,.md .theme-dark input[type=tel]::placeholder,.md .theme-dark input[type=text]::placeholder,.md .theme-dark input[type=time]::placeholder,.md .theme-dark input[type=url]::placeholder,.md .theme-dark select::placeholder,.md .theme-dark textarea::placeholder{color:rgba(255,255,255,.35)}.md .theme-dark .input:after,.md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-floating-label,.md .theme-dark .item-label{color:rgba(255,255,255,.54)}.md .theme-dark .item-floating-label{color:rgba(255,255,255,.35)}.md .theme-dark .item-input-with-value .item-floating-label{color:rgba(255,255,255,.54)}.md .theme-dark .input-clear-button{background:#fff}.md .color-theme-red .item-input-focused .item-floating-label,.md .color-theme-red .item-input-focused .item-label{color:#f44336}.md .color-theme-red .input-after:after,.md .color-theme-red .item-input-focused .item-input-wrap:after{background:#f44336}.md .color-theme-green .item-input-focused .item-floating-label,.md .color-theme-green .item-input-focused .item-label{color:#4caf50}.md .color-theme-green .input-after:after,.md .color-theme-green .item-input-focused .item-input-wrap:after{background:#4caf50}.md .color-theme-blue .item-input-focused .item-floating-label,.md .color-theme-blue .item-input-focused .item-label{color:#2196f3}.md .color-theme-blue .input-after:after,.md .color-theme-blue .item-input-focused .item-input-wrap:after{background:#2196f3}.md .color-theme-pink .item-input-focused .item-floating-label,.md .color-theme-pink .item-input-focused .item-label{color:#e91e63}.md .color-theme-pink .input-after:after,.md .color-theme-pink .item-input-focused .item-input-wrap:after{background:#e91e63}.md .color-theme-yellow .item-input-focused .item-floating-label,.md .color-theme-yellow .item-input-focused .item-label{color:#ffeb3b}.md .color-theme-yellow .input-after:after,.md .color-theme-yellow .item-input-focused .item-input-wrap:after{background:#ffeb3b}.md .color-theme-orange .item-input-focused .item-floating-label,.md .color-theme-orange .item-input-focused .item-label{color:#ff9800}.md .color-theme-orange .input-after:after,.md .color-theme-orange .item-input-focused .item-input-wrap:after{background:#ff9800}.md .color-theme-gray .item-input-focused .item-floating-label,.md .color-theme-gray .item-input-focused .item-label{color:#9e9e9e}.md .color-theme-gray .input-after:after,.md .color-theme-gray .item-input-focused .item-input-wrap:after{background:#9e9e9e}.md .color-theme-white .item-input-focused .item-floating-label,.md .color-theme-white .item-input-focused .item-label{color:#fff}.md .color-theme-white .input-after:after,.md .color-theme-white .item-input-focused .item-input-wrap:after{background:#fff}.md .color-theme-black .item-input-focused .item-floating-label,.md .color-theme-black .item-input-focused .item-label{color:#000}.md .color-theme-black .input-after:after,.md .color-theme-black .item-input-focused .item-input-wrap:after{background:#000}.md .item-input-focused.color-red .item-floating-label,.md .item-input-focused.color-red .item-label{color:#f44336}.md .input-after.color-red:after,.md .item-input-focused.color-red .item-input-wrap:after{background:#f44336}.md .item-input-focused.color-green .item-floating-label,.md .item-input-focused.color-green .item-label{color:#4caf50}.md .input-after.color-green:after,.md .item-input-focused.color-green .item-input-wrap:after{background:#4caf50}.md .item-input-focused.color-blue .item-floating-label,.md .item-input-focused.color-blue .item-label{color:#2196f3}.md .input-after.color-blue:after,.md .item-input-focused.color-blue .item-input-wrap:after{background:#2196f3}.md .item-input-focused.color-pink .item-floating-label,.md .item-input-focused.color-pink .item-label{color:#e91e63}.md .input-after.color-pink:after,.md .item-input-focused.color-pink .item-input-wrap:after{background:#e91e63}.md .item-input-focused.color-yellow .item-floating-label,.md .item-input-focused.color-yellow .item-label{color:#ffeb3b}.md .input-after.color-yellow:after,.md .item-input-focused.color-yellow .item-input-wrap:after{background:#ffeb3b}.md .item-input-focused.color-orange .item-floating-label,.md .item-input-focused.color-orange .item-label{color:#ff9800}.md .input-after.color-orange:after,.md .item-input-focused.color-orange .item-input-wrap:after{background:#ff9800}.md .item-input-focused.color-gray .item-floating-label,.md .item-input-focused.color-gray .item-label{color:#9e9e9e}.md .input-after.color-gray:after,.md .item-input-focused.color-gray .item-input-wrap:after{background:#9e9e9e}.md .item-input-focused.color-white .item-floating-label,.md .item-input-focused.color-white .item-label{color:#fff}.md .input-after.color-white:after,.md .item-input-focused.color-white .item-input-wrap:after{background:#fff}.md .item-input-focused.color-black .item-floating-label,.md .item-input-focused.color-black .item-label{color:#000}.md .input-after.color-black:after,.md .item-input-focused.color-black .item-input-wrap:after{background:#000}.checkbox i,.icon-checkbox{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}.checkbox .icon-checkbox,label.item-checkbox .icon-checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.checkbox .icon-checkbox:after,label.item-checkbox .icon-checkbox:after{content:'';position:absolute}label.item-checkbox{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.md .checkbox i,.md .icon-checkbox{width:18px;height:18px;border-radius:2px;border:2px solid #6d6d6d;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:transparent}.md .checkbox i:after,.md .icon-checkbox:after{width:18px;height:18px;left:-2px;top:-2px;-webkit-transition-duration:.2s;transition-duration:.2s;opacity:0;background:no-repeat center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");background-size:100% auto}.md .checkbox input[type=checkbox]:checked~i,.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .checkbox input[type=checkbox]:checked~i:after,.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.md label.item-checkbox>.icon-checkbox{margin-right:38px}.md label.item-checkbox .item-content .item-media,.md label.item-checkbox.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md label.item-checkbox.active-state{background-color:rgba(0,0,0,.1)}.md .theme-dark label.item-checkbox.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .checkbox i,.md .theme-dark .icon-checkbox{border-color:rgba(255,255,255,.54)}.md .color-theme-red .checkbox input[type=checkbox]:checked~i,.md .color-theme-red label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-red label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#f44336;border-color:#f44336}.md .color-theme-red .checkbox .ripple-wave{background:rgba(244,67,54,.5)}.md .color-theme-green .checkbox input[type=checkbox]:checked~i,.md .color-theme-green label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-green label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#4caf50;border-color:#4caf50}.md .color-theme-green .checkbox .ripple-wave{background:rgba(76,175,80,.5)}.md .color-theme-blue .checkbox input[type=checkbox]:checked~i,.md .color-theme-blue label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-blue label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .color-theme-blue .checkbox .ripple-wave{background:rgba(33,150,243,.5)}.md .color-theme-pink .checkbox input[type=checkbox]:checked~i,.md .color-theme-pink label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-pink label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#e91e63;border-color:#e91e63}.md .color-theme-pink .checkbox .ripple-wave{background:rgba(233,30,99,.5)}.md .color-theme-yellow .checkbox input[type=checkbox]:checked~i,.md .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#ffeb3b;border-color:#ffeb3b}.md .color-theme-yellow .checkbox .ripple-wave{background:rgba(255,235,59,.5)}.md .color-theme-orange .checkbox input[type=checkbox]:checked~i,.md .color-theme-orange label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-orange label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#ff9800;border-color:#ff9800}.md .color-theme-orange .checkbox .ripple-wave{background:rgba(255,152,0,.5)}.md .color-theme-gray .checkbox input[type=checkbox]:checked~i,.md .color-theme-gray label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-gray label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#9e9e9e;border-color:#9e9e9e}.md .color-theme-gray .checkbox .ripple-wave{background:rgba(158,158,158,.5)}.md .color-theme-white .checkbox input[type=checkbox]:checked~i,.md .color-theme-white label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-white label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#fff;border-color:#fff}.md .color-theme-white .checkbox .ripple-wave{background:rgba(255,255,255,.5)}.md .color-theme-black .checkbox input[type=checkbox]:checked~i,.md .color-theme-black label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-black label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#000;border-color:#000}.md .color-theme-black .checkbox .ripple-wave{background:rgba(0,0,0,.5)}.md .checkbox.color-red input[type=checkbox]:checked~i,.md label.item-checkbox.color-red input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-red input[type=checkbox]:checked~.icon-checkbox{background-color:#f44336;border-color:#f44336}.md .checkbox.color-red .ripple-wave{background:rgba(244,67,54,.5)}.md .checkbox.color-green input[type=checkbox]:checked~i,.md label.item-checkbox.color-green input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-green input[type=checkbox]:checked~.icon-checkbox{background-color:#4caf50;border-color:#4caf50}.md .checkbox.color-green .ripple-wave{background:rgba(76,175,80,.5)}.md .checkbox.color-blue input[type=checkbox]:checked~i,.md label.item-checkbox.color-blue input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-blue input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .checkbox.color-blue .ripple-wave{background:rgba(33,150,243,.5)}.md .checkbox.color-pink input[type=checkbox]:checked~i,.md label.item-checkbox.color-pink input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-pink input[type=checkbox]:checked~.icon-checkbox{background-color:#e91e63;border-color:#e91e63}.md .checkbox.color-pink .ripple-wave{background:rgba(233,30,99,.5)}.md .checkbox.color-yellow input[type=checkbox]:checked~i,.md label.item-checkbox.color-yellow input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-yellow input[type=checkbox]:checked~.icon-checkbox{background-color:#ffeb3b;border-color:#ffeb3b}.md .checkbox.color-yellow .ripple-wave{background:rgba(255,235,59,.5)}.md .checkbox.color-orange input[type=checkbox]:checked~i,.md label.item-checkbox.color-orange input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-orange input[type=checkbox]:checked~.icon-checkbox{background-color:#ff9800;border-color:#ff9800}.md .checkbox.color-orange .ripple-wave{background:rgba(255,152,0,.5)}.md .checkbox.color-gray input[type=checkbox]:checked~i,.md label.item-checkbox.color-gray input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-gray input[type=checkbox]:checked~.icon-checkbox{background-color:#9e9e9e;border-color:#9e9e9e}.md .checkbox.color-gray .ripple-wave{background:rgba(158,158,158,.5)}.md .checkbox.color-white input[type=checkbox]:checked~i,.md label.item-checkbox.color-white input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-white input[type=checkbox]:checked~.icon-checkbox{background-color:#fff;border-color:#fff}.md .checkbox.color-white .ripple-wave{background:rgba(255,255,255,.5)}.md .checkbox.color-black input[type=checkbox]:checked~i,.md label.item-checkbox.color-black input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-black input[type=checkbox]:checked~.icon-checkbox{background-color:#000;border-color:#000}.md .checkbox.color-black .ripple-wave{background:rgba(0,0,0,.5)}.icon-radio{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}.radio .icon-radio,label.item-radio .icon-radio{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.radio .icon-radio:after,label.item-radio .icon-radio:after{content:'';position:absolute}label.item-radio{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.md .icon-radio{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid #6d6d6d;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-duration:.2s;transition-duration:.2s;display:block}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:#2196f3;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:.2s;transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#2196f3;-webkit-transform:scale(1);transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-right:38px}.md label.item-radio .item-content .item-media,.md label.item-radio.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md label.item-radio.active-state{background-color:rgba(0,0,0,.1)}.md .theme-dark label.item-radio.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .icon-radio{border-color:rgba(255,255,255,.54)}.md .color-theme-red .icon-radio:after{background-color:#f44336}.md .color-theme-red .radio input[type=radio]:checked~.icon-radio,.md .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio{border-color:#f44336}.md .color-theme-red .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#f44336}.md .color-theme-red .radio .ripple-wave{background:rgba(244,67,54,.5)}.md .color-theme-green .icon-radio:after{background-color:#4caf50}.md .color-theme-green .radio input[type=radio]:checked~.icon-radio,.md .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio{border-color:#4caf50}.md .color-theme-green .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#4caf50}.md .color-theme-green .radio .ripple-wave{background:rgba(76,175,80,.5)}.md .color-theme-blue .icon-radio:after{background-color:#2196f3}.md .color-theme-blue .radio input[type=radio]:checked~.icon-radio,.md .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .color-theme-blue .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#2196f3}.md .color-theme-blue .radio .ripple-wave{background:rgba(33,150,243,.5)}.md .color-theme-pink .icon-radio:after{background-color:#e91e63}.md .color-theme-pink .radio input[type=radio]:checked~.icon-radio,.md .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio{border-color:#e91e63}.md .color-theme-pink .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#e91e63}.md .color-theme-pink .radio .ripple-wave{background:rgba(233,30,99,.5)}.md .color-theme-yellow .icon-radio:after{background-color:#ffeb3b}.md .color-theme-yellow .radio input[type=radio]:checked~.icon-radio,.md .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio{border-color:#ffeb3b}.md .color-theme-yellow .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#ffeb3b}.md .color-theme-yellow .radio .ripple-wave{background:rgba(255,235,59,.5)}.md .color-theme-orange .icon-radio:after{background-color:#ff9800}.md .color-theme-orange .radio input[type=radio]:checked~.icon-radio,.md .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio{border-color:#ff9800}.md .color-theme-orange .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#ff9800}.md .color-theme-orange .radio .ripple-wave{background:rgba(255,152,0,.5)}.md .color-theme-gray .icon-radio:after{background-color:#9e9e9e}.md .color-theme-gray .radio input[type=radio]:checked~.icon-radio,.md .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio{border-color:#9e9e9e}.md .color-theme-gray .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#9e9e9e}.md .color-theme-gray .radio .ripple-wave{background:rgba(158,158,158,.5)}.md .color-theme-white .icon-radio:after{background-color:#fff}.md .color-theme-white .radio input[type=radio]:checked~.icon-radio,.md .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio{border-color:#fff}.md .color-theme-white .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#fff}.md .color-theme-white .radio .ripple-wave{background:rgba(255,255,255,.5)}.md .color-theme-black .icon-radio:after{background-color:#000}.md .color-theme-black .radio input[type=radio]:checked~.icon-radio,.md .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio{border-color:#000}.md .color-theme-black .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#000}.md .color-theme-black .radio .ripple-wave{background:rgba(0,0,0,.5)}.md .radio.color-red .icon-radio:after{background-color:#f44336}.md .radio.color-red input[type=radio]:checked~.icon-radio,.md label.item-radio.color-red input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-red input[type=radio]:checked~.icon-radio{border-color:#f44336}.md .radio.color-red input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-red input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-red input[type=radio]:checked~.icon-radio:after{background-color:#f44336}.md .radio.color-red .ripple-wave{background:rgba(244,67,54,.5)}.md .radio.color-green .icon-radio:after{background-color:#4caf50}.md .radio.color-green input[type=radio]:checked~.icon-radio,.md label.item-radio.color-green input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-green input[type=radio]:checked~.icon-radio{border-color:#4caf50}.md .radio.color-green input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-green input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-green input[type=radio]:checked~.icon-radio:after{background-color:#4caf50}.md .radio.color-green .ripple-wave{background:rgba(76,175,80,.5)}.md .radio.color-blue .icon-radio:after{background-color:#2196f3}.md .radio.color-blue input[type=radio]:checked~.icon-radio,.md label.item-radio.color-blue input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-blue input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .radio.color-blue input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-blue input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-blue input[type=radio]:checked~.icon-radio:after{background-color:#2196f3}.md .radio.color-blue .ripple-wave{background:rgba(33,150,243,.5)}.md .radio.color-pink .icon-radio:after{background-color:#e91e63}.md .radio.color-pink input[type=radio]:checked~.icon-radio,.md label.item-radio.color-pink input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-pink input[type=radio]:checked~.icon-radio{border-color:#e91e63}.md .radio.color-pink input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-pink input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-pink input[type=radio]:checked~.icon-radio:after{background-color:#e91e63}.md .radio.color-pink .ripple-wave{background:rgba(233,30,99,.5)}.md .radio.color-yellow .icon-radio:after{background-color:#ffeb3b}.md .radio.color-yellow input[type=radio]:checked~.icon-radio,.md label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-yellow input[type=radio]:checked~.icon-radio{border-color:#ffeb3b}.md .radio.color-yellow input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-yellow input[type=radio]:checked~.icon-radio:after{background-color:#ffeb3b}.md .radio.color-yellow .ripple-wave{background:rgba(255,235,59,.5)}.md .radio.color-orange .icon-radio:after{background-color:#ff9800}.md .radio.color-orange input[type=radio]:checked~.icon-radio,.md label.item-radio.color-orange input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-orange input[type=radio]:checked~.icon-radio{border-color:#ff9800}.md .radio.color-orange input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-orange input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-orange input[type=radio]:checked~.icon-radio:after{background-color:#ff9800}.md .radio.color-orange .ripple-wave{background:rgba(255,152,0,.5)}.md .radio.color-gray .icon-radio:after{background-color:#9e9e9e}.md .radio.color-gray input[type=radio]:checked~.icon-radio,.md label.item-radio.color-gray input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-gray input[type=radio]:checked~.icon-radio{border-color:#9e9e9e}.md .radio.color-gray input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-gray input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-gray input[type=radio]:checked~.icon-radio:after{background-color:#9e9e9e}.md .radio.color-gray .ripple-wave{background:rgba(158,158,158,.5)}.md .radio.color-white .icon-radio:after{background-color:#fff}.md .radio.color-white input[type=radio]:checked~.icon-radio,.md label.item-radio.color-white input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-white input[type=radio]:checked~.icon-radio{border-color:#fff}.md .radio.color-white input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-white input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-white input[type=radio]:checked~.icon-radio:after{background-color:#fff}.md .radio.color-white .ripple-wave{background:rgba(255,255,255,.5)}.md .radio.color-black .icon-radio:after{background-color:#000}.md .radio.color-black input[type=radio]:checked~.icon-radio,.md label.item-radio.color-black input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-black input[type=radio]:checked~.icon-radio{border-color:#000}.md .radio.color-black input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-black input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-black input[type=radio]:checked~.icon-radio:after{background-color:#000}.md .radio.color-black .ripple-wave{background:rgba(0,0,0,.5)}.toggle{display:inline-block;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:''}.toggle-icon:after{background:#fff;position:absolute;z-index:2;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-duration:.3s;transition-duration:.3s}.md .toggle{width:36px;height:14px}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(16px);transform:translateX(16px);background:#2196f3}.md .toggle-icon{width:36px;height:14px;border-radius:14px;background:#b0afaf}.md .toggle-icon:after{height:20px;width:20px;top:-3px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:10px;left:0}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#000}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon:after{background:#000}.range-slider{display:block;width:100%;position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-bar{position:absolute;left:0;top:50%;width:100%;overflow:hidden}.range-bar-active{position:absolute;left:0;top:0;height:100%}.range-knob-wrap{z-index:20;position:absolute;top:50%;left:0}.range-knob{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translateY(100%) scale(0);transform:translateY(100%) scale(0)}.range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.md .range-slider{height:20px}.md .range-bar{background:#b9b9b9;height:2px;margin-top:-1px}.md .range-bar-active{background:#2196f3}.md .range-knob-wrap{height:12px;width:12px;margin-top:-6px;margin-left:-6px}.md .range-knob{background:#2196f3;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform}.md .range-knob-active-state .range-knob{-webkit-transform:scale(1.5);transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid #b9b9b9}.md .range-knob-label{width:26px;height:26px;margin-left:-13px;margin-bottom:8px;background:#2196f3;color:#fff;font-size:10px;border-radius:50%;line-height:26px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:-13px;position:absolute;z-index:-1;width:26px;height:26px;background:#2196f3;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{-webkit-transform:scale(0);transform:scale(0)}.md .color-theme-red .range-slider .range-bar-active,.md .color-theme-red .range-slider .range-knob,.md .color-theme-red .range-slider .range-knob-label,.md .color-theme-red .range-slider .range-knob-label:before{background-color:#f44336}.md .color-theme-green .range-slider .range-bar-active,.md .color-theme-green .range-slider .range-knob,.md .color-theme-green .range-slider .range-knob-label,.md .color-theme-green .range-slider .range-knob-label:before{background-color:#4caf50}.md .color-theme-blue .range-slider .range-bar-active,.md .color-theme-blue .range-slider .range-knob,.md .color-theme-blue .range-slider .range-knob-label,.md .color-theme-blue .range-slider .range-knob-label:before{background-color:#2196f3}.md .color-theme-pink .range-slider .range-bar-active,.md .color-theme-pink .range-slider .range-knob,.md .color-theme-pink .range-slider .range-knob-label,.md .color-theme-pink .range-slider .range-knob-label:before{background-color:#e91e63}.md .color-theme-yellow .range-slider .range-bar-active,.md .color-theme-yellow .range-slider .range-knob,.md .color-theme-yellow .range-slider .range-knob-label,.md .color-theme-yellow .range-slider .range-knob-label:before{background-color:#ffeb3b}.md .color-theme-orange .range-slider .range-bar-active,.md .color-theme-orange .range-slider .range-knob,.md .color-theme-orange .range-slider .range-knob-label,.md .color-theme-orange .range-slider .range-knob-label:before{background-color:#ff9800}.md .color-theme-gray .range-slider .range-bar-active,.md .color-theme-gray .range-slider .range-knob,.md .color-theme-gray .range-slider .range-knob-label,.md .color-theme-gray .range-slider .range-knob-label:before{background-color:#9e9e9e}.md .color-theme-white .range-slider .range-bar-active,.md .color-theme-white .range-slider .range-knob,.md .color-theme-white .range-slider .range-knob-label,.md .color-theme-white .range-slider .range-knob-label:before{background-color:#fff}.md .color-theme-black .range-slider .range-bar-active,.md .color-theme-black .range-slider .range-knob,.md .color-theme-black .range-slider .range-knob-label,.md .color-theme-black .range-slider .range-knob-label:before{background-color:#000}.md .range-slider.color-red .range-bar-active,.md .range-slider.color-red .range-knob,.md .range-slider.color-red .range-knob-label,.md .range-slider.color-red .range-knob-label:before{background-color:#f44336}.md .range-slider.color-green .range-bar-active,.md .range-slider.color-green .range-knob,.md .range-slider.color-green .range-knob-label,.md .range-slider.color-green .range-knob-label:before{background-color:#4caf50}.md .range-slider.color-blue .range-bar-active,.md .range-slider.color-blue .range-knob,.md .range-slider.color-blue .range-knob-label,.md .range-slider.color-blue .range-knob-label:before{background-color:#2196f3}.md .range-slider.color-pink .range-bar-active,.md .range-slider.color-pink .range-knob,.md .range-slider.color-pink .range-knob-label,.md .range-slider.color-pink .range-knob-label:before{background-color:#e91e63}.md .range-slider.color-yellow .range-bar-active,.md .range-slider.color-yellow .range-knob,.md .range-slider.color-yellow .range-knob-label,.md .range-slider.color-yellow .range-knob-label:before{background-color:#ffeb3b}.md .range-slider.color-orange .range-bar-active,.md .range-slider.color-orange .range-knob,.md .range-slider.color-orange .range-knob-label,.md .range-slider.color-orange .range-knob-label:before{background-color:#ff9800}.md .range-slider.color-gray .range-bar-active,.md .range-slider.color-gray .range-knob,.md .range-slider.color-gray .range-knob-label,.md .range-slider.color-gray .range-knob-label:before{background-color:#9e9e9e}.md .range-slider.color-white .range-bar-active,.md .range-slider.color-white .range-knob,.md .range-slider.color-white .range-knob-label,.md .range-slider.color-white .range-knob-label:before{background-color:#fff}.md .range-slider.color-black .range-bar-active,.md .range-slider.color-black .range-knob,.md .range-slider.color-black .range-knob-label,.md .range-slider.color-black .range-knob-label:before{background-color:#000}.stepper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.stepper-button,.stepper-button-minus,.stepper-button-plus{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-value{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.stepper-input-wrap,.stepper-value{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper .stepper-input-wrap input,.stepper .stepper-value{width:45px}.md .stepper{height:36px}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{border:2px solid #2196f3;color:#2196f3;line-height:34px;height:36px;width:40px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden}.md .stepper-button+.stepper-button,.md .stepper-button+.stepper-button-minus,.md .stepper-button+.stepper-button-plus,.md .stepper-button-minus+.stepper-button,.md .stepper-button-minus+.stepper-button-minus,.md .stepper-button-minus+.stepper-button-plus,.md .stepper-button-plus+.stepper-button,.md .stepper-button-plus+.stepper-button-minus,.md .stepper-button-plus+.stepper-button-plus{border-left:none}.md .stepper-button-minus.active-state,.md .stepper-button-plus.active-state,.md .stepper-button.active-state{background:rgba(0,0,0,.1)}.md .stepper-button-minus:first-child,.md .stepper-button-plus:first-child,.md .stepper-button:first-child{border-radius:4px 0 0 4px}.md .stepper-button-minus:last-child,.md .stepper-button-plus:last-child,.md .stepper-button:last-child{border-radius:0 4px 4px 0}.md .stepper-button-minus:after,.md .stepper-button-minus:before,.md .stepper-button-plus:after,.md .stepper-button-plus:before{background:#2196f3}.md .stepper-input-wrap,.md .stepper-value{border-top:2px solid #2196f3;border-bottom:2px solid #2196f3}.md .stepper .stepper-input-wrap input,.md .stepper .stepper-value{color:#2196f3;font-size:14px;font-weight:500;text-align:center}.md .stepper .stepper-input-wrap input{height:100%}.md .stepper-fill .stepper-button,.md .stepper-fill .stepper-button-minus,.md .stepper-fill .stepper-button-plus,.md .stepper-fill-md .stepper-button,.md .stepper-fill-md .stepper-button-minus,.md .stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff;border:none;line-height:36px}.md .stepper-fill .stepper-button-minus.active-state,.md .stepper-fill .stepper-button-plus.active-state,.md .stepper-fill .stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus.active-state,.md .stepper-fill-md .stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper-fill .stepper-button-minus:after,.md .stepper-fill .stepper-button-minus:before,.md .stepper-fill .stepper-button-plus:after,.md .stepper-fill .stepper-button-plus:before,.md .stepper-fill .stepper-button:after,.md .stepper-fill .stepper-button:before,.md .stepper-fill-md .stepper-button-minus:after,.md .stepper-fill-md .stepper-button-minus:before,.md .stepper-fill-md .stepper-button-plus:after,.md .stepper-fill-md .stepper-button-plus:before,.md .stepper-fill-md .stepper-button:after,.md .stepper-fill-md .stepper-button:before{background:#fff}.md .stepper-fill .stepper-button+.stepper-button,.md .stepper-fill .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.md .stepper-fill-md.stepper-big .stepper-button,.md .stepper-fill-md.stepper-big .stepper-button-minus,.md .stepper-fill-md.stepper-big .stepper-button-plus,.md .stepper-fill-md.stepper-big-md .stepper-button,.md .stepper-fill-md.stepper-big-md .stepper-button-minus,.md .stepper-fill-md.stepper-big-md .stepper-button-plus,.md .stepper-fill.stepper-big .stepper-button,.md .stepper-fill.stepper-big .stepper-button-minus,.md .stepper-fill.stepper-big .stepper-button-plus,.md .stepper-fill.stepper-big-md .stepper-button,.md .stepper-fill.stepper-big-md .stepper-button-minus,.md .stepper-fill.stepper-big-md .stepper-button-plus{line-height:48px}.md .stepper-fill-md.stepper-small .stepper-button,.md .stepper-fill-md.stepper-small .stepper-button-minus,.md .stepper-fill-md.stepper-small .stepper-button-plus,.md .stepper-fill-md.stepper-small-md .stepper-button,.md .stepper-fill-md.stepper-small-md .stepper-button-minus,.md .stepper-fill-md.stepper-small-md .stepper-button-plus,.md .stepper-fill.stepper-small .stepper-button,.md .stepper-fill.stepper-small .stepper-button-minus,.md .stepper-fill.stepper-small .stepper-button-plus,.md .stepper-fill.stepper-small-md .stepper-button,.md .stepper-fill.stepper-small-md .stepper-button-minus,.md .stepper-fill.stepper-small-md .stepper-button-plus{line-height:28px}.md .stepper-small,.md .stepper-small-md{height:28px}.md .stepper-small .stepper-button,.md .stepper-small .stepper-button-minus,.md .stepper-small .stepper-button-plus,.md .stepper-small-md .stepper-button,.md .stepper-small-md .stepper-button-minus,.md .stepper-small-md .stepper-button-plus{height:28px;line-height:24px}.md .stepper-small .stepper-button,.md .stepper-small .stepper-button-minus,.md .stepper-small .stepper-button-plus,.md .stepper-small .stepper-input-wrap,.md .stepper-small .stepper-value,.md .stepper-small-md .stepper-button,.md .stepper-small-md .stepper-button-minus,.md .stepper-small-md .stepper-button-plus,.md .stepper-small-md .stepper-input-wrap,.md .stepper-small-md .stepper-value{border-width:2px}.md .stepper-big,.md .stepper-big-md{height:48px}.md .stepper-big .stepper-button,.md .stepper-big .stepper-button-minus,.md .stepper-big .stepper-button-plus,.md .stepper-big-md .stepper-button,.md .stepper-big-md .stepper-button-minus,.md .stepper-big-md .stepper-button-plus{height:48px;line-height:46px}.md .stepper-big .stepper-button-minus:first-child,.md .stepper-big .stepper-button-plus:first-child,.md .stepper-big .stepper-button:first-child,.md .stepper-big-md .stepper-button-minus:first-child,.md .stepper-big-md .stepper-button-plus:first-child,.md .stepper-big-md .stepper-button:first-child{border-radius:4px 0 0 4px}.md .stepper-big .stepper-button-minus:last-child,.md .stepper-big .stepper-button-plus:last-child,.md .stepper-big .stepper-button:last-child,.md .stepper-big-md .stepper-button-minus:last-child,.md .stepper-big-md .stepper-button-plus:last-child,.md .stepper-big-md .stepper-button:last-child{border-radius:0 4px 4px 0}.md .stepper-round .stepper-button-minus:first-child,.md .stepper-round .stepper-button-plus:first-child,.md .stepper-round .stepper-button:first-child,.md .stepper-round-md .stepper-button-minus:first-child,.md .stepper-round-md .stepper-button-plus:first-child,.md .stepper-round-md .stepper-button:first-child{border-radius:36px 0 0 36px}.md .stepper-round .stepper-button-minus:last-child,.md .stepper-round .stepper-button-plus:last-child,.md .stepper-round .stepper-button:last-child,.md .stepper-round-md .stepper-button-minus:last-child,.md .stepper-round-md .stepper-button-plus:last-child,.md .stepper-round-md .stepper-button:last-child{border-radius:0 36px 36px 0}.md .stepper-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:4px}.md .stepper-raised.stepper-big,.md .stepper-raised.stepper-big-md{border-radius:4px}.md .stepper-raised.stepper-round,.md .stepper-raised.stepper-round-md{border-radius:36px}.md .stepper-raised .stepper-input-wrap,.md .stepper-raised .stepper-value{border:none}.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap,.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.md .stepper-raised .stepper-button,.md .stepper-raised .stepper-button-minus,.md .stepper-raised .stepper-button-plus{border:none}.md .stepper-raised .stepper-button+.stepper-button,.md .stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.md .color-theme-red .stepper-button,.md .color-theme-red .stepper-button-minus,.md .color-theme-red .stepper-button-plus{border-color:#f44336;color:#f44336}.md .color-theme-red .stepper-button-minus:after,.md .color-theme-red .stepper-button-minus:before,.md .color-theme-red .stepper-button-plus:after,.md .color-theme-red .stepper-button-plus:before{background:#f44336}.md .color-theme-red .stepper-input-wrap,.md .color-theme-red .stepper-value{border-top-color:#f44336;border-bottom-color:#f44336}.md .color-theme-red .stepper-input-wrap input,.md .color-theme-red .stepper-value{color:#f44336}.md .color-theme-red .stepper-fill .stepper-button,.md .color-theme-red .stepper-fill .stepper-button-minus,.md .color-theme-red .stepper-fill .stepper-button-plus,.md .color-theme-red .stepper-fill-md .stepper-button,.md .color-theme-red .stepper-fill-md .stepper-button-minus,.md .color-theme-red .stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .color-theme-red .stepper-fill .stepper-button-minus.active-state,.md .color-theme-red .stepper-fill .stepper-button-plus.active-state,.md .color-theme-red .stepper-fill .stepper-button.active-state,.md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-red .stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .color-theme-red .stepper-fill .stepper-button-minus:after,.md .color-theme-red .stepper-fill .stepper-button-minus:before,.md .color-theme-red .stepper-fill .stepper-button-plus:after,.md .color-theme-red .stepper-fill .stepper-button-plus:before,.md .color-theme-red .stepper-fill .stepper-button:after,.md .color-theme-red .stepper-fill .stepper-button:before,.md .color-theme-red .stepper-fill-md .stepper-button-minus:after,.md .color-theme-red .stepper-fill-md .stepper-button-minus:before,.md .color-theme-red .stepper-fill-md .stepper-button-plus:after,.md .color-theme-red .stepper-fill-md .stepper-button-plus:before,.md .color-theme-red .stepper-fill-md .stepper-button:after,.md .color-theme-red .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-green .stepper-button,.md .color-theme-green .stepper-button-minus,.md .color-theme-green .stepper-button-plus{border-color:#4caf50;color:#4caf50}.md .color-theme-green .stepper-button-minus:after,.md .color-theme-green .stepper-button-minus:before,.md .color-theme-green .stepper-button-plus:after,.md .color-theme-green .stepper-button-plus:before{background:#4caf50}.md .color-theme-green .stepper-input-wrap,.md .color-theme-green .stepper-value{border-top-color:#4caf50;border-bottom-color:#4caf50}.md .color-theme-green .stepper-input-wrap input,.md .color-theme-green .stepper-value{color:#4caf50}.md .color-theme-green .stepper-fill .stepper-button,.md .color-theme-green .stepper-fill .stepper-button-minus,.md .color-theme-green .stepper-fill .stepper-button-plus,.md .color-theme-green .stepper-fill-md .stepper-button,.md .color-theme-green .stepper-fill-md .stepper-button-minus,.md .color-theme-green .stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .color-theme-green .stepper-fill .stepper-button-minus.active-state,.md .color-theme-green .stepper-fill .stepper-button-plus.active-state,.md .color-theme-green .stepper-fill .stepper-button.active-state,.md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-green .stepper-fill-md .stepper-button.active-state{background:#409343}.md .color-theme-green .stepper-fill .stepper-button-minus:after,.md .color-theme-green .stepper-fill .stepper-button-minus:before,.md .color-theme-green .stepper-fill .stepper-button-plus:after,.md .color-theme-green .stepper-fill .stepper-button-plus:before,.md .color-theme-green .stepper-fill .stepper-button:after,.md .color-theme-green .stepper-fill .stepper-button:before,.md .color-theme-green .stepper-fill-md .stepper-button-minus:after,.md .color-theme-green .stepper-fill-md .stepper-button-minus:before,.md .color-theme-green .stepper-fill-md .stepper-button-plus:after,.md .color-theme-green .stepper-fill-md .stepper-button-plus:before,.md .color-theme-green .stepper-fill-md .stepper-button:after,.md .color-theme-green .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-blue .stepper-button,.md .color-theme-blue .stepper-button-minus,.md .color-theme-blue .stepper-button-plus{border-color:#2196f3;color:#2196f3}.md .color-theme-blue .stepper-button-minus:after,.md .color-theme-blue .stepper-button-minus:before,.md .color-theme-blue .stepper-button-plus:after,.md .color-theme-blue .stepper-button-plus:before{background:#2196f3}.md .color-theme-blue .stepper-input-wrap,.md .color-theme-blue .stepper-value{border-top-color:#2196f3;border-bottom-color:#2196f3}.md .color-theme-blue .stepper-input-wrap input,.md .color-theme-blue .stepper-value{color:#2196f3}.md .color-theme-blue .stepper-fill .stepper-button,.md .color-theme-blue .stepper-fill .stepper-button-minus,.md .color-theme-blue .stepper-fill .stepper-button-plus,.md .color-theme-blue .stepper-fill-md .stepper-button,.md .color-theme-blue .stepper-fill-md .stepper-button-minus,.md .color-theme-blue .stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .color-theme-blue .stepper-fill .stepper-button-minus.active-state,.md .color-theme-blue .stepper-fill .stepper-button-plus.active-state,.md .color-theme-blue .stepper-fill .stepper-button.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .color-theme-blue .stepper-fill .stepper-button-minus:after,.md .color-theme-blue .stepper-fill .stepper-button-minus:before,.md .color-theme-blue .stepper-fill .stepper-button-plus:after,.md .color-theme-blue .stepper-fill .stepper-button-plus:before,.md .color-theme-blue .stepper-fill .stepper-button:after,.md .color-theme-blue .stepper-fill .stepper-button:before,.md .color-theme-blue .stepper-fill-md .stepper-button-minus:after,.md .color-theme-blue .stepper-fill-md .stepper-button-minus:before,.md .color-theme-blue .stepper-fill-md .stepper-button-plus:after,.md .color-theme-blue .stepper-fill-md .stepper-button-plus:before,.md .color-theme-blue .stepper-fill-md .stepper-button:after,.md .color-theme-blue .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-pink .stepper-button,.md .color-theme-pink .stepper-button-minus,.md .color-theme-pink .stepper-button-plus{border-color:#e91e63;color:#e91e63}.md .color-theme-pink .stepper-button-minus:after,.md .color-theme-pink .stepper-button-minus:before,.md .color-theme-pink .stepper-button-plus:after,.md .color-theme-pink .stepper-button-plus:before{background:#e91e63}.md .color-theme-pink .stepper-input-wrap,.md .color-theme-pink .stepper-value{border-top-color:#e91e63;border-bottom-color:#e91e63}.md .color-theme-pink .stepper-input-wrap input,.md .color-theme-pink .stepper-value{color:#e91e63}.md .color-theme-pink .stepper-fill .stepper-button,.md .color-theme-pink .stepper-fill .stepper-button-minus,.md .color-theme-pink .stepper-fill .stepper-button-plus,.md .color-theme-pink .stepper-fill-md .stepper-button,.md .color-theme-pink .stepper-fill-md .stepper-button-minus,.md .color-theme-pink .stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .color-theme-pink .stepper-fill .stepper-button-minus.active-state,.md .color-theme-pink .stepper-fill .stepper-button-plus.active-state,.md .color-theme-pink .stepper-fill .stepper-button.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .color-theme-pink .stepper-fill .stepper-button-minus:after,.md .color-theme-pink .stepper-fill .stepper-button-minus:before,.md .color-theme-pink .stepper-fill .stepper-button-plus:after,.md .color-theme-pink .stepper-fill .stepper-button-plus:before,.md .color-theme-pink .stepper-fill .stepper-button:after,.md .color-theme-pink .stepper-fill .stepper-button:before,.md .color-theme-pink .stepper-fill-md .stepper-button-minus:after,.md .color-theme-pink .stepper-fill-md .stepper-button-minus:before,.md .color-theme-pink .stepper-fill-md .stepper-button-plus:after,.md .color-theme-pink .stepper-fill-md .stepper-button-plus:before,.md .color-theme-pink .stepper-fill-md .stepper-button:after,.md .color-theme-pink .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-yellow .stepper-button,.md .color-theme-yellow .stepper-button-minus,.md .color-theme-yellow .stepper-button-plus{border-color:#ffeb3b;color:#ffeb3b}.md .color-theme-yellow .stepper-button-minus:after,.md .color-theme-yellow .stepper-button-minus:before,.md .color-theme-yellow .stepper-button-plus:after,.md .color-theme-yellow .stepper-button-plus:before{background:#ffeb3b}.md .color-theme-yellow .stepper-input-wrap,.md .color-theme-yellow .stepper-value{border-top-color:#ffeb3b;border-bottom-color:#ffeb3b}.md .color-theme-yellow .stepper-input-wrap input,.md .color-theme-yellow .stepper-value{color:#ffeb3b}.md .color-theme-yellow .stepper-fill .stepper-button,.md .color-theme-yellow .stepper-fill .stepper-button-minus,.md .color-theme-yellow .stepper-fill .stepper-button-plus,.md .color-theme-yellow .stepper-fill-md .stepper-button,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state,.md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state,.md .color-theme-yellow .stepper-fill .stepper-button.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .color-theme-yellow .stepper-fill .stepper-button-minus:after,.md .color-theme-yellow .stepper-fill .stepper-button-minus:before,.md .color-theme-yellow .stepper-fill .stepper-button-plus:after,.md .color-theme-yellow .stepper-fill .stepper-button-plus:before,.md .color-theme-yellow .stepper-fill .stepper-button:after,.md .color-theme-yellow .stepper-fill .stepper-button:before,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before,.md .color-theme-yellow .stepper-fill-md .stepper-button:after,.md .color-theme-yellow .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-orange .stepper-button,.md .color-theme-orange .stepper-button-minus,.md .color-theme-orange .stepper-button-plus{border-color:#ff9800;color:#ff9800}.md .color-theme-orange .stepper-button-minus:after,.md .color-theme-orange .stepper-button-minus:before,.md .color-theme-orange .stepper-button-plus:after,.md .color-theme-orange .stepper-button-plus:before{background:#ff9800}.md .color-theme-orange .stepper-input-wrap,.md .color-theme-orange .stepper-value{border-top-color:#ff9800;border-bottom-color:#ff9800}.md .color-theme-orange .stepper-input-wrap input,.md .color-theme-orange .stepper-value{color:#ff9800}.md .color-theme-orange .stepper-fill .stepper-button,.md .color-theme-orange .stepper-fill .stepper-button-minus,.md .color-theme-orange .stepper-fill .stepper-button-plus,.md .color-theme-orange .stepper-fill-md .stepper-button,.md .color-theme-orange .stepper-fill-md .stepper-button-minus,.md .color-theme-orange .stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .color-theme-orange .stepper-fill .stepper-button-minus.active-state,.md .color-theme-orange .stepper-fill .stepper-button-plus.active-state,.md .color-theme-orange .stepper-fill .stepper-button.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button.active-state{background:#d68000}.md .color-theme-orange .stepper-fill .stepper-button-minus:after,.md .color-theme-orange .stepper-fill .stepper-button-minus:before,.md .color-theme-orange .stepper-fill .stepper-button-plus:after,.md .color-theme-orange .stepper-fill .stepper-button-plus:before,.md .color-theme-orange .stepper-fill .stepper-button:after,.md .color-theme-orange .stepper-fill .stepper-button:before,.md .color-theme-orange .stepper-fill-md .stepper-button-minus:after,.md .color-theme-orange .stepper-fill-md .stepper-button-minus:before,.md .color-theme-orange .stepper-fill-md .stepper-button-plus:after,.md .color-theme-orange .stepper-fill-md .stepper-button-plus:before,.md .color-theme-orange .stepper-fill-md .stepper-button:after,.md .color-theme-orange .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-gray .stepper-button,.md .color-theme-gray .stepper-button-minus,.md .color-theme-gray .stepper-button-plus{border-color:#9e9e9e;color:#9e9e9e}.md .color-theme-gray .stepper-button-minus:after,.md .color-theme-gray .stepper-button-minus:before,.md .color-theme-gray .stepper-button-plus:after,.md .color-theme-gray .stepper-button-plus:before{background:#9e9e9e}.md .color-theme-gray .stepper-input-wrap,.md .color-theme-gray .stepper-value{border-top-color:#9e9e9e;border-bottom-color:#9e9e9e}.md .color-theme-gray .stepper-input-wrap input,.md .color-theme-gray .stepper-value{color:#9e9e9e}.md .color-theme-gray .stepper-fill .stepper-button,.md .color-theme-gray .stepper-fill .stepper-button-minus,.md .color-theme-gray .stepper-fill .stepper-button-plus,.md .color-theme-gray .stepper-fill-md .stepper-button,.md .color-theme-gray .stepper-fill-md .stepper-button-minus,.md .color-theme-gray .stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .color-theme-gray .stepper-fill .stepper-button-minus.active-state,.md .color-theme-gray .stepper-fill .stepper-button-plus.active-state,.md .color-theme-gray .stepper-fill .stepper-button.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .color-theme-gray .stepper-fill .stepper-button-minus:after,.md .color-theme-gray .stepper-fill .stepper-button-minus:before,.md .color-theme-gray .stepper-fill .stepper-button-plus:after,.md .color-theme-gray .stepper-fill .stepper-button-plus:before,.md .color-theme-gray .stepper-fill .stepper-button:after,.md .color-theme-gray .stepper-fill .stepper-button:before,.md .color-theme-gray .stepper-fill-md .stepper-button-minus:after,.md .color-theme-gray .stepper-fill-md .stepper-button-minus:before,.md .color-theme-gray .stepper-fill-md .stepper-button-plus:after,.md .color-theme-gray .stepper-fill-md .stepper-button-plus:before,.md .color-theme-gray .stepper-fill-md .stepper-button:after,.md .color-theme-gray .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-white .stepper-button,.md .color-theme-white .stepper-button-minus,.md .color-theme-white .stepper-button-plus{border-color:#fff;color:#fff}.md .color-theme-white .stepper-button-minus:after,.md .color-theme-white .stepper-button-minus:before,.md .color-theme-white .stepper-button-plus:after,.md .color-theme-white .stepper-button-plus:before{background:#fff}.md .color-theme-white .stepper-input-wrap,.md .color-theme-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.md .color-theme-white .stepper-input-wrap input,.md .color-theme-white .stepper-value{color:#fff}.md .color-theme-white .stepper-fill .stepper-button,.md .color-theme-white .stepper-fill .stepper-button-minus,.md .color-theme-white .stepper-fill .stepper-button-plus,.md .color-theme-white .stepper-fill-md .stepper-button,.md .color-theme-white .stepper-fill-md .stepper-button-minus,.md .color-theme-white .stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .color-theme-white .stepper-fill .stepper-button-minus.active-state,.md .color-theme-white .stepper-fill .stepper-button-plus.active-state,.md .color-theme-white .stepper-fill .stepper-button.active-state,.md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-white .stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .color-theme-white .stepper-fill .stepper-button-minus:after,.md .color-theme-white .stepper-fill .stepper-button-minus:before,.md .color-theme-white .stepper-fill .stepper-button-plus:after,.md .color-theme-white .stepper-fill .stepper-button-plus:before,.md .color-theme-white .stepper-fill .stepper-button:after,.md .color-theme-white .stepper-fill .stepper-button:before,.md .color-theme-white .stepper-fill-md .stepper-button-minus:after,.md .color-theme-white .stepper-fill-md .stepper-button-minus:before,.md .color-theme-white .stepper-fill-md .stepper-button-plus:after,.md .color-theme-white .stepper-fill-md .stepper-button-plus:before,.md .color-theme-white .stepper-fill-md .stepper-button:after,.md .color-theme-white .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-black .stepper-button,.md .color-theme-black .stepper-button-minus,.md .color-theme-black .stepper-button-plus{border-color:#000;color:#000}.md .color-theme-black .stepper-button-minus:after,.md .color-theme-black .stepper-button-minus:before,.md .color-theme-black .stepper-button-plus:after,.md .color-theme-black .stepper-button-plus:before{background:#000}.md .color-theme-black .stepper-input-wrap,.md .color-theme-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.md .color-theme-black .stepper-input-wrap input,.md .color-theme-black .stepper-value{color:#000}.md .color-theme-black .stepper-fill .stepper-button,.md .color-theme-black .stepper-fill .stepper-button-minus,.md .color-theme-black .stepper-fill .stepper-button-plus,.md .color-theme-black .stepper-fill-md .stepper-button,.md .color-theme-black .stepper-fill-md .stepper-button-minus,.md .color-theme-black .stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .color-theme-black .stepper-fill .stepper-button-minus.active-state,.md .color-theme-black .stepper-fill .stepper-button-plus.active-state,.md .color-theme-black .stepper-fill .stepper-button.active-state,.md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-black .stepper-fill-md .stepper-button.active-state{background:#000}.md .color-theme-black .stepper-fill .stepper-button-minus:after,.md .color-theme-black .stepper-fill .stepper-button-minus:before,.md .color-theme-black .stepper-fill .stepper-button-plus:after,.md .color-theme-black .stepper-fill .stepper-button-plus:before,.md .color-theme-black .stepper-fill .stepper-button:after,.md .color-theme-black .stepper-fill .stepper-button:before,.md .color-theme-black .stepper-fill-md .stepper-button-minus:after,.md .color-theme-black .stepper-fill-md .stepper-button-minus:before,.md .color-theme-black .stepper-fill-md .stepper-button-plus:after,.md .color-theme-black .stepper-fill-md .stepper-button-plus:before,.md .color-theme-black .stepper-fill-md .stepper-button:after,.md .color-theme-black .stepper-fill-md .stepper-button:before{background:#fff}.md .stepper.color-red .stepper-button,.md .stepper.color-red .stepper-button-minus,.md .stepper.color-red .stepper-button-plus{border-color:#f44336;color:#f44336}.md .stepper.color-red .stepper-button-minus:after,.md .stepper.color-red .stepper-button-minus:before,.md .stepper.color-red .stepper-button-plus:after,.md .stepper.color-red .stepper-button-plus:before{background:#f44336}.md .stepper.color-red .stepper-input-wrap,.md .stepper.color-red .stepper-value{border-top-color:#f44336;border-bottom-color:#f44336}.md .stepper.color-red .stepper-input-wrap input,.md .stepper.color-red .stepper-value{color:#f44336}.md .stepper-fill-md.color-red .stepper-button,.md .stepper-fill-md.color-red .stepper-button-minus,.md .stepper-fill-md.color-red .stepper-button-plus,.md .stepper-fill.color-red .stepper-button,.md .stepper-fill.color-red .stepper-button-minus,.md .stepper-fill.color-red .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper-fill-md.color-red .stepper-button-minus.active-state,.md .stepper-fill-md.color-red .stepper-button-plus.active-state,.md .stepper-fill-md.color-red .stepper-button.active-state,.md .stepper-fill.color-red .stepper-button-minus.active-state,.md .stepper-fill.color-red .stepper-button-plus.active-state,.md .stepper-fill.color-red .stepper-button.active-state{background:#f21f0f}.md .stepper-fill-md.color-red .stepper-button-minus:after,.md .stepper-fill-md.color-red .stepper-button-minus:before,.md .stepper-fill-md.color-red .stepper-button-plus:after,.md .stepper-fill-md.color-red .stepper-button-plus:before,.md .stepper-fill-md.color-red .stepper-button:after,.md .stepper-fill-md.color-red .stepper-button:before,.md .stepper-fill.color-red .stepper-button-minus:after,.md .stepper-fill.color-red .stepper-button-minus:before,.md .stepper-fill.color-red .stepper-button-plus:after,.md .stepper-fill.color-red .stepper-button-plus:before,.md .stepper-fill.color-red .stepper-button:after,.md .stepper-fill.color-red .stepper-button:before{background:#fff}.md .stepper.color-green .stepper-button,.md .stepper.color-green .stepper-button-minus,.md .stepper.color-green .stepper-button-plus{border-color:#4caf50;color:#4caf50}.md .stepper.color-green .stepper-button-minus:after,.md .stepper.color-green .stepper-button-minus:before,.md .stepper.color-green .stepper-button-plus:after,.md .stepper.color-green .stepper-button-plus:before{background:#4caf50}.md .stepper.color-green .stepper-input-wrap,.md .stepper.color-green .stepper-value{border-top-color:#4caf50;border-bottom-color:#4caf50}.md .stepper.color-green .stepper-input-wrap input,.md .stepper.color-green .stepper-value{color:#4caf50}.md .stepper-fill-md.color-green .stepper-button,.md .stepper-fill-md.color-green .stepper-button-minus,.md .stepper-fill-md.color-green .stepper-button-plus,.md .stepper-fill.color-green .stepper-button,.md .stepper-fill.color-green .stepper-button-minus,.md .stepper-fill.color-green .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper-fill-md.color-green .stepper-button-minus.active-state,.md .stepper-fill-md.color-green .stepper-button-plus.active-state,.md .stepper-fill-md.color-green .stepper-button.active-state,.md .stepper-fill.color-green .stepper-button-minus.active-state,.md .stepper-fill.color-green .stepper-button-plus.active-state,.md .stepper-fill.color-green .stepper-button.active-state{background:#409343}.md .stepper-fill-md.color-green .stepper-button-minus:after,.md .stepper-fill-md.color-green .stepper-button-minus:before,.md .stepper-fill-md.color-green .stepper-button-plus:after,.md .stepper-fill-md.color-green .stepper-button-plus:before,.md .stepper-fill-md.color-green .stepper-button:after,.md .stepper-fill-md.color-green .stepper-button:before,.md .stepper-fill.color-green .stepper-button-minus:after,.md .stepper-fill.color-green .stepper-button-minus:before,.md .stepper-fill.color-green .stepper-button-plus:after,.md .stepper-fill.color-green .stepper-button-plus:before,.md .stepper-fill.color-green .stepper-button:after,.md .stepper-fill.color-green .stepper-button:before{background:#fff}.md .stepper.color-blue .stepper-button,.md .stepper.color-blue .stepper-button-minus,.md .stepper.color-blue .stepper-button-plus{border-color:#2196f3;color:#2196f3}.md .stepper.color-blue .stepper-button-minus:after,.md .stepper.color-blue .stepper-button-minus:before,.md .stepper.color-blue .stepper-button-plus:after,.md .stepper.color-blue .stepper-button-plus:before{background:#2196f3}.md .stepper.color-blue .stepper-input-wrap,.md .stepper.color-blue .stepper-value{border-top-color:#2196f3;border-bottom-color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input,.md .stepper.color-blue .stepper-value{color:#2196f3}.md .stepper-fill-md.color-blue .stepper-button,.md .stepper-fill-md.color-blue .stepper-button-minus,.md .stepper-fill-md.color-blue .stepper-button-plus,.md .stepper-fill.color-blue .stepper-button,.md .stepper-fill.color-blue .stepper-button-minus,.md .stepper-fill.color-blue .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper-fill-md.color-blue .stepper-button-minus.active-state,.md .stepper-fill-md.color-blue .stepper-button-plus.active-state,.md .stepper-fill-md.color-blue .stepper-button.active-state,.md .stepper-fill.color-blue .stepper-button-minus.active-state,.md .stepper-fill.color-blue .stepper-button-plus.active-state,.md .stepper-fill.color-blue .stepper-button.active-state{background:#0c82df}.md .stepper-fill-md.color-blue .stepper-button-minus:after,.md .stepper-fill-md.color-blue .stepper-button-minus:before,.md .stepper-fill-md.color-blue .stepper-button-plus:after,.md .stepper-fill-md.color-blue .stepper-button-plus:before,.md .stepper-fill-md.color-blue .stepper-button:after,.md .stepper-fill-md.color-blue .stepper-button:before,.md .stepper-fill.color-blue .stepper-button-minus:after,.md .stepper-fill.color-blue .stepper-button-minus:before,.md .stepper-fill.color-blue .stepper-button-plus:after,.md .stepper-fill.color-blue .stepper-button-plus:before,.md .stepper-fill.color-blue .stepper-button:after,.md .stepper-fill.color-blue .stepper-button:before{background:#fff}.md .stepper.color-pink .stepper-button,.md .stepper.color-pink .stepper-button-minus,.md .stepper.color-pink .stepper-button-plus{border-color:#e91e63;color:#e91e63}.md .stepper.color-pink .stepper-button-minus:after,.md .stepper.color-pink .stepper-button-minus:before,.md .stepper.color-pink .stepper-button-plus:after,.md .stepper.color-pink .stepper-button-plus:before{background:#e91e63}.md .stepper.color-pink .stepper-input-wrap,.md .stepper.color-pink .stepper-value{border-top-color:#e91e63;border-bottom-color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input,.md .stepper.color-pink .stepper-value{color:#e91e63}.md .stepper-fill-md.color-pink .stepper-button,.md .stepper-fill-md.color-pink .stepper-button-minus,.md .stepper-fill-md.color-pink .stepper-button-plus,.md .stepper-fill.color-pink .stepper-button,.md .stepper-fill.color-pink .stepper-button-minus,.md .stepper-fill.color-pink .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper-fill-md.color-pink .stepper-button-minus.active-state,.md .stepper-fill-md.color-pink .stepper-button-plus.active-state,.md .stepper-fill-md.color-pink .stepper-button.active-state,.md .stepper-fill.color-pink .stepper-button-minus.active-state,.md .stepper-fill.color-pink .stepper-button-plus.active-state,.md .stepper-fill.color-pink .stepper-button.active-state{background:#ca1452}.md .stepper-fill-md.color-pink .stepper-button-minus:after,.md .stepper-fill-md.color-pink .stepper-button-minus:before,.md .stepper-fill-md.color-pink .stepper-button-plus:after,.md .stepper-fill-md.color-pink .stepper-button-plus:before,.md .stepper-fill-md.color-pink .stepper-button:after,.md .stepper-fill-md.color-pink .stepper-button:before,.md .stepper-fill.color-pink .stepper-button-minus:after,.md .stepper-fill.color-pink .stepper-button-minus:before,.md .stepper-fill.color-pink .stepper-button-plus:after,.md .stepper-fill.color-pink .stepper-button-plus:before,.md .stepper-fill.color-pink .stepper-button:after,.md .stepper-fill.color-pink .stepper-button:before{background:#fff}.md .stepper.color-yellow .stepper-button,.md .stepper.color-yellow .stepper-button-minus,.md .stepper.color-yellow .stepper-button-plus{border-color:#ffeb3b;color:#ffeb3b}.md .stepper.color-yellow .stepper-button-minus:after,.md .stepper.color-yellow .stepper-button-minus:before,.md .stepper.color-yellow .stepper-button-plus:after,.md .stepper.color-yellow .stepper-button-plus:before{background:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap,.md .stepper.color-yellow .stepper-value{border-top-color:#ffeb3b;border-bottom-color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input,.md .stepper.color-yellow .stepper-value{color:#ffeb3b}.md .stepper-fill-md.color-yellow .stepper-button,.md .stepper-fill-md.color-yellow .stepper-button-minus,.md .stepper-fill-md.color-yellow .stepper-button-plus,.md .stepper-fill.color-yellow .stepper-button,.md .stepper-fill.color-yellow .stepper-button-minus,.md .stepper-fill.color-yellow .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper-fill-md.color-yellow .stepper-button-minus.active-state,.md .stepper-fill-md.color-yellow .stepper-button-plus.active-state,.md .stepper-fill-md.color-yellow .stepper-button.active-state,.md .stepper-fill.color-yellow .stepper-button-minus.active-state,.md .stepper-fill.color-yellow .stepper-button-plus.active-state,.md .stepper-fill.color-yellow .stepper-button.active-state{background:#ffe712}.md .stepper-fill-md.color-yellow .stepper-button-minus:after,.md .stepper-fill-md.color-yellow .stepper-button-minus:before,.md .stepper-fill-md.color-yellow .stepper-button-plus:after,.md .stepper-fill-md.color-yellow .stepper-button-plus:before,.md .stepper-fill-md.color-yellow .stepper-button:after,.md .stepper-fill-md.color-yellow .stepper-button:before,.md .stepper-fill.color-yellow .stepper-button-minus:after,.md .stepper-fill.color-yellow .stepper-button-minus:before,.md .stepper-fill.color-yellow .stepper-button-plus:after,.md .stepper-fill.color-yellow .stepper-button-plus:before,.md .stepper-fill.color-yellow .stepper-button:after,.md .stepper-fill.color-yellow .stepper-button:before{background:#fff}.md .stepper.color-orange .stepper-button,.md .stepper.color-orange .stepper-button-minus,.md .stepper.color-orange .stepper-button-plus{border-color:#ff9800;color:#ff9800}.md .stepper.color-orange .stepper-button-minus:after,.md .stepper.color-orange .stepper-button-minus:before,.md .stepper.color-orange .stepper-button-plus:after,.md .stepper.color-orange .stepper-button-plus:before{background:#ff9800}.md .stepper.color-orange .stepper-input-wrap,.md .stepper.color-orange .stepper-value{border-top-color:#ff9800;border-bottom-color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input,.md .stepper.color-orange .stepper-value{color:#ff9800}.md .stepper-fill-md.color-orange .stepper-button,.md .stepper-fill-md.color-orange .stepper-button-minus,.md .stepper-fill-md.color-orange .stepper-button-plus,.md .stepper-fill.color-orange .stepper-button,.md .stepper-fill.color-orange .stepper-button-minus,.md .stepper-fill.color-orange .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper-fill-md.color-orange .stepper-button-minus.active-state,.md .stepper-fill-md.color-orange .stepper-button-plus.active-state,.md .stepper-fill-md.color-orange .stepper-button.active-state,.md .stepper-fill.color-orange .stepper-button-minus.active-state,.md .stepper-fill.color-orange .stepper-button-plus.active-state,.md .stepper-fill.color-orange .stepper-button.active-state{background:#d68000}.md .stepper-fill-md.color-orange .stepper-button-minus:after,.md .stepper-fill-md.color-orange .stepper-button-minus:before,.md .stepper-fill-md.color-orange .stepper-button-plus:after,.md .stepper-fill-md.color-orange .stepper-button-plus:before,.md .stepper-fill-md.color-orange .stepper-button:after,.md .stepper-fill-md.color-orange .stepper-button:before,.md .stepper-fill.color-orange .stepper-button-minus:after,.md .stepper-fill.color-orange .stepper-button-minus:before,.md .stepper-fill.color-orange .stepper-button-plus:after,.md .stepper-fill.color-orange .stepper-button-plus:before,.md .stepper-fill.color-orange .stepper-button:after,.md .stepper-fill.color-orange .stepper-button:before{background:#fff}.md .stepper.color-gray .stepper-button,.md .stepper.color-gray .stepper-button-minus,.md .stepper.color-gray .stepper-button-plus{border-color:#9e9e9e;color:#9e9e9e}.md .stepper.color-gray .stepper-button-minus:after,.md .stepper.color-gray .stepper-button-minus:before,.md .stepper.color-gray .stepper-button-plus:after,.md .stepper.color-gray .stepper-button-plus:before{background:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap,.md .stepper.color-gray .stepper-value{border-top-color:#9e9e9e;border-bottom-color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input,.md .stepper.color-gray .stepper-value{color:#9e9e9e}.md .stepper-fill-md.color-gray .stepper-button,.md .stepper-fill-md.color-gray .stepper-button-minus,.md .stepper-fill-md.color-gray .stepper-button-plus,.md .stepper-fill.color-gray .stepper-button,.md .stepper-fill.color-gray .stepper-button-minus,.md .stepper-fill.color-gray .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper-fill-md.color-gray .stepper-button-minus.active-state,.md .stepper-fill-md.color-gray .stepper-button-plus.active-state,.md .stepper-fill-md.color-gray .stepper-button.active-state,.md .stepper-fill.color-gray .stepper-button-minus.active-state,.md .stepper-fill.color-gray .stepper-button-plus.active-state,.md .stepper-fill.color-gray .stepper-button.active-state{background:#8a8a8a}.md .stepper-fill-md.color-gray .stepper-button-minus:after,.md .stepper-fill-md.color-gray .stepper-button-minus:before,.md .stepper-fill-md.color-gray .stepper-button-plus:after,.md .stepper-fill-md.color-gray .stepper-button-plus:before,.md .stepper-fill-md.color-gray .stepper-button:after,.md .stepper-fill-md.color-gray .stepper-button:before,.md .stepper-fill.color-gray .stepper-button-minus:after,.md .stepper-fill.color-gray .stepper-button-minus:before,.md .stepper-fill.color-gray .stepper-button-plus:after,.md .stepper-fill.color-gray .stepper-button-plus:before,.md .stepper-fill.color-gray .stepper-button:after,.md .stepper-fill.color-gray .stepper-button:before{background:#fff}.md .stepper.color-white .stepper-button,.md .stepper.color-white .stepper-button-minus,.md .stepper.color-white .stepper-button-plus{border-color:#fff;color:#fff}.md .stepper.color-white .stepper-button-minus:after,.md .stepper.color-white .stepper-button-minus:before,.md .stepper.color-white .stepper-button-plus:after,.md .stepper.color-white .stepper-button-plus:before{background:#fff}.md .stepper.color-white .stepper-input-wrap,.md .stepper.color-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.md .stepper.color-white .stepper-input-wrap input,.md .stepper.color-white .stepper-value{color:#fff}.md .stepper-fill-md.color-white .stepper-button,.md .stepper-fill-md.color-white .stepper-button-minus,.md .stepper-fill-md.color-white .stepper-button-plus,.md .stepper-fill.color-white .stepper-button,.md .stepper-fill.color-white .stepper-button-minus,.md .stepper-fill.color-white .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper-fill-md.color-white .stepper-button-minus.active-state,.md .stepper-fill-md.color-white .stepper-button-plus.active-state,.md .stepper-fill-md.color-white .stepper-button.active-state,.md .stepper-fill.color-white .stepper-button-minus.active-state,.md .stepper-fill.color-white .stepper-button-plus.active-state,.md .stepper-fill.color-white .stepper-button.active-state{background:#ebebeb}.md .stepper-fill-md.color-white .stepper-button-minus:after,.md .stepper-fill-md.color-white .stepper-button-minus:before,.md .stepper-fill-md.color-white .stepper-button-plus:after,.md .stepper-fill-md.color-white .stepper-button-plus:before,.md .stepper-fill-md.color-white .stepper-button:after,.md .stepper-fill-md.color-white .stepper-button:before,.md .stepper-fill.color-white .stepper-button-minus:after,.md .stepper-fill.color-white .stepper-button-minus:before,.md .stepper-fill.color-white .stepper-button-plus:after,.md .stepper-fill.color-white .stepper-button-plus:before,.md .stepper-fill.color-white .stepper-button:after,.md .stepper-fill.color-white .stepper-button:before{background:#fff}.md .stepper.color-black .stepper-button,.md .stepper.color-black .stepper-button-minus,.md .stepper.color-black .stepper-button-plus{border-color:#000;color:#000}.md .stepper.color-black .stepper-button-minus:after,.md .stepper.color-black .stepper-button-minus:before,.md .stepper.color-black .stepper-button-plus:after,.md .stepper.color-black .stepper-button-plus:before{background:#000}.md .stepper.color-black .stepper-input-wrap,.md .stepper.color-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.md .stepper.color-black .stepper-input-wrap input,.md .stepper.color-black .stepper-value{color:#000}.md .stepper-fill-md.color-black .stepper-button,.md .stepper-fill-md.color-black .stepper-button-minus,.md .stepper-fill-md.color-black .stepper-button-plus,.md .stepper-fill.color-black .stepper-button,.md .stepper-fill.color-black .stepper-button-minus,.md .stepper-fill.color-black .stepper-button-plus{background-color:#000;color:#fff}.md .stepper-fill-md.color-black .stepper-button-minus.active-state,.md .stepper-fill-md.color-black .stepper-button-plus.active-state,.md .stepper-fill-md.color-black .stepper-button.active-state,.md .stepper-fill.color-black .stepper-button-minus.active-state,.md .stepper-fill.color-black .stepper-button-plus.active-state,.md .stepper-fill.color-black .stepper-button.active-state{background:#000}.md .stepper-fill-md.color-black .stepper-button-minus:after,.md .stepper-fill-md.color-black .stepper-button-minus:before,.md .stepper-fill-md.color-black .stepper-button-plus:after,.md .stepper-fill-md.color-black .stepper-button-plus:before,.md .stepper-fill-md.color-black .stepper-button:after,.md .stepper-fill-md.color-black .stepper-button:before,.md .stepper-fill.color-black .stepper-button-minus:after,.md .stepper-fill.color-black .stepper-button-minus:before,.md .stepper-fill.color-black .stepper-button-plus:after,.md .stepper-fill.color-black .stepper-button-plus:before,.md .stepper-fill.color-black .stepper-button:after,.md .stepper-fill.color-black .stepper-button:before{background:#fff}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.sheet-modal.smart-select-sheet .sheet-modal-inner{background:#fff}.sheet-modal.smart-select-sheet .list{margin:0}.sheet-modal.smart-select-sheet .list ul:before{display:none!important}.sheet-modal.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner{background-color:transparent}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.row>.col,.row>[class*=col-]{-webkit-box-sizing:border-box;box-sizing:border-box}.row .col{width:100%}.md .row .col-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .col-100{width:100%}.md .row .col-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .col-95{width:95%}.md .row .col-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .col-90{width:90%}.md .row .col-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .col-85{width:85%}.md .row .col-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .col-80{width:80%}.md .row .col-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .col-75{width:75%}.md .row .col-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .col-70{width:70%}.md .row .col-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .col-66{width:66.66666666666666%}.md .row .col-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .col-65{width:65%}.md .row .col-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .col-60{width:60%}.md .row .col-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .col-55{width:55%}.md .row .col-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .col-50{width:50%}.md .row .col-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .col-45{width:45%}.md .row .col-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .col-40{width:40%}.md .row .col-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .col-35{width:35%}.md .row .col-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .col-33{width:33.333333333333336%}.md .row .col-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .col-30{width:30%}.md .row .col-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .col-25{width:25%}.md .row .col-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .col-20{width:20%}.md .row .col-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .col-15{width:15%}.md .row .col-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .col-10{width:10%}.md .row .col-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .col-5{width:5%}.md .row .col:nth-last-child(1),.md .row .col:nth-last-child(1)~.col{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .col:nth-last-child(1),.md .row.no-gap .col:nth-last-child(1)~.col{width:100%}.md .row .col:nth-last-child(2),.md .row .col:nth-last-child(2)~.col{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .col:nth-last-child(2),.md .row.no-gap .col:nth-last-child(2)~.col{width:50%}.md .row .col:nth-last-child(3),.md .row .col:nth-last-child(3)~.col{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .col:nth-last-child(3),.md .row.no-gap .col:nth-last-child(3)~.col{width:33.33333333%}.md .row .col:nth-last-child(4),.md .row .col:nth-last-child(4)~.col{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .col:nth-last-child(4),.md .row.no-gap .col:nth-last-child(4)~.col{width:25%}.md .row .col:nth-last-child(5),.md .row .col:nth-last-child(5)~.col{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .col:nth-last-child(5),.md .row.no-gap .col:nth-last-child(5)~.col{width:20%}.md .row .col:nth-last-child(6),.md .row .col:nth-last-child(6)~.col{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .col:nth-last-child(6),.md .row.no-gap .col:nth-last-child(6)~.col{width:16.66666667%}.md .row .col:nth-last-child(7),.md .row .col:nth-last-child(7)~.col{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .col:nth-last-child(7),.md .row.no-gap .col:nth-last-child(7)~.col{width:14.28571429%}.md .row .col:nth-last-child(8),.md .row .col:nth-last-child(8)~.col{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .col:nth-last-child(8),.md .row.no-gap .col:nth-last-child(8)~.col{width:12.5%}.md .row .col:nth-last-child(9),.md .row .col:nth-last-child(9)~.col{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .col:nth-last-child(9),.md .row.no-gap .col:nth-last-child(9)~.col{width:11.11111111%}.md .row .col:nth-last-child(10),.md .row .col:nth-last-child(10)~.col{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .col:nth-last-child(10),.md .row.no-gap .col:nth-last-child(10)~.col{width:10%}.md .row .col:nth-last-child(11),.md .row .col:nth-last-child(11)~.col{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .col:nth-last-child(11),.md .row.no-gap .col:nth-last-child(11)~.col{width:9.09090909%}.md .row .col:nth-last-child(12),.md .row .col:nth-last-child(12)~.col{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .col:nth-last-child(12),.md .row.no-gap .col:nth-last-child(12)~.col{width:8.33333333%}.md .row .col:nth-last-child(13),.md .row .col:nth-last-child(13)~.col{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .col:nth-last-child(13),.md .row.no-gap .col:nth-last-child(13)~.col{width:7.69230769%}.md .row .col:nth-last-child(14),.md .row .col:nth-last-child(14)~.col{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .col:nth-last-child(14),.md .row.no-gap .col:nth-last-child(14)~.col{width:7.14285714%}.md .row .col:nth-last-child(15),.md .row .col:nth-last-child(15)~.col{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .col:nth-last-child(15),.md .row.no-gap .col:nth-last-child(15)~.col{width:6.66666667%}.md .row .col:nth-last-child(16),.md .row .col:nth-last-child(16)~.col{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .col:nth-last-child(16),.md .row.no-gap .col:nth-last-child(16)~.col{width:6.25%}.md .row .col:nth-last-child(17),.md .row .col:nth-last-child(17)~.col{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .col:nth-last-child(17),.md .row.no-gap .col:nth-last-child(17)~.col{width:5.88235294%}.md .row .col:nth-last-child(18),.md .row .col:nth-last-child(18)~.col{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .col:nth-last-child(18),.md .row.no-gap .col:nth-last-child(18)~.col{width:5.55555556%}.md .row .col:nth-last-child(19),.md .row .col:nth-last-child(19)~.col{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .col:nth-last-child(19),.md .row.no-gap .col:nth-last-child(19)~.col{width:5.26315789%}.md .row .col:nth-last-child(20),.md .row .col:nth-last-child(20)~.col{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .col:nth-last-child(20),.md .row.no-gap .col:nth-last-child(20)~.col{width:5%}.md .row .col:nth-last-child(21),.md .row .col:nth-last-child(21)~.col{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .col:nth-last-child(21),.md .row.no-gap .col:nth-last-child(21)~.col{width:4.76190476%}@media (min-width:768px){.md .row .tablet-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .tablet-100{width:100%}.md .row .tablet-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .tablet-95{width:95%}.md .row .tablet-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .tablet-90{width:90%}.md .row .tablet-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .tablet-85{width:85%}.md .row .tablet-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .tablet-80{width:80%}.md .row .tablet-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .tablet-75{width:75%}.md .row .tablet-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .tablet-70{width:70%}.md .row .tablet-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .tablet-66{width:66.66666666666666%}.md .row .tablet-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .tablet-65{width:65%}.md .row .tablet-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .tablet-60{width:60%}.md .row .tablet-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .tablet-55{width:55%}.md .row .tablet-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .tablet-50{width:50%}.md .row .tablet-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .tablet-45{width:45%}.md .row .tablet-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .tablet-40{width:40%}.md .row .tablet-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .tablet-35{width:35%}.md .row .tablet-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .tablet-33{width:33.333333333333336%}.md .row .tablet-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .tablet-30{width:30%}.md .row .tablet-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .tablet-25{width:25%}.md .row .tablet-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .tablet-20{width:20%}.md .row .tablet-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .tablet-15{width:15%}.md .row .tablet-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .tablet-10{width:10%}.md .row .tablet-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .tablet-5{width:5%}.md .row .tablet-auto:nth-last-child(1),.md .row .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .tablet-auto:nth-last-child(1),.md .row.no-gap .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%}.md .row .tablet-auto:nth-last-child(2),.md .row .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .tablet-auto:nth-last-child(2),.md .row.no-gap .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%}.md .row .tablet-auto:nth-last-child(3),.md .row .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .tablet-auto:nth-last-child(3),.md .row.no-gap .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%}.md .row .tablet-auto:nth-last-child(4),.md .row .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .tablet-auto:nth-last-child(4),.md .row.no-gap .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%}.md .row .tablet-auto:nth-last-child(5),.md .row .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .tablet-auto:nth-last-child(5),.md .row.no-gap .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%}.md .row .tablet-auto:nth-last-child(6),.md .row .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .tablet-auto:nth-last-child(6),.md .row.no-gap .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%}.md .row .tablet-auto:nth-last-child(7),.md .row .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .tablet-auto:nth-last-child(7),.md .row.no-gap .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%}.md .row .tablet-auto:nth-last-child(8),.md .row .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .tablet-auto:nth-last-child(8),.md .row.no-gap .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%}.md .row .tablet-auto:nth-last-child(9),.md .row .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .tablet-auto:nth-last-child(9),.md .row.no-gap .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%}.md .row .tablet-auto:nth-last-child(10),.md .row .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .tablet-auto:nth-last-child(10),.md .row.no-gap .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%}.md .row .tablet-auto:nth-last-child(11),.md .row .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .tablet-auto:nth-last-child(11),.md .row.no-gap .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%}.md .row .tablet-auto:nth-last-child(12),.md .row .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .tablet-auto:nth-last-child(12),.md .row.no-gap .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%}.md .row .tablet-auto:nth-last-child(13),.md .row .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .tablet-auto:nth-last-child(13),.md .row.no-gap .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%}.md .row .tablet-auto:nth-last-child(14),.md .row .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .tablet-auto:nth-last-child(14),.md .row.no-gap .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%}.md .row .tablet-auto:nth-last-child(15),.md .row .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .tablet-auto:nth-last-child(15),.md .row.no-gap .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%}.md .row .tablet-auto:nth-last-child(16),.md .row .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .tablet-auto:nth-last-child(16),.md .row.no-gap .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%}.md .row .tablet-auto:nth-last-child(17),.md .row .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .tablet-auto:nth-last-child(17),.md .row.no-gap .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%}.md .row .tablet-auto:nth-last-child(18),.md .row .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .tablet-auto:nth-last-child(18),.md .row.no-gap .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%}.md .row .tablet-auto:nth-last-child(19),.md .row .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .tablet-auto:nth-last-child(19),.md .row.no-gap .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%}.md .row .tablet-auto:nth-last-child(20),.md .row .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .tablet-auto:nth-last-child(20),.md .row.no-gap .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%}.md .row .tablet-auto:nth-last-child(21),.md .row .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .tablet-auto:nth-last-child(21),.md .row.no-gap .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%}}@media (min-width:1025px){.md .row .desktop-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .desktop-100{width:100%}.md .row .desktop-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .desktop-95{width:95%}.md .row .desktop-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .desktop-90{width:90%}.md .row .desktop-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .desktop-85{width:85%}.md .row .desktop-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .desktop-80{width:80%}.md .row .desktop-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .desktop-75{width:75%}.md .row .desktop-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .desktop-70{width:70%}.md .row .desktop-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .desktop-66{width:66.66666666666666%}.md .row .desktop-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .desktop-65{width:65%}.md .row .desktop-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .desktop-60{width:60%}.md .row .desktop-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .desktop-55{width:55%}.md .row .desktop-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .desktop-50{width:50%}.md .row .desktop-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .desktop-45{width:45%}.md .row .desktop-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .desktop-40{width:40%}.md .row .desktop-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .desktop-35{width:35%}.md .row .desktop-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .desktop-33{width:33.333333333333336%}.md .row .desktop-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .desktop-30{width:30%}.md .row .desktop-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .desktop-25{width:25%}.md .row .desktop-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .desktop-20{width:20%}.md .row .desktop-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .desktop-15{width:15%}.md .row .desktop-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .desktop-10{width:10%}.md .row .desktop-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .desktop-5{width:5%}.md .row .desktop-auto:nth-last-child(1),.md .row .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .desktop-auto:nth-last-child(1),.md .row.no-gap .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%}.md .row .desktop-auto:nth-last-child(2),.md .row .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .desktop-auto:nth-last-child(2),.md .row.no-gap .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%}.md .row .desktop-auto:nth-last-child(3),.md .row .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .desktop-auto:nth-last-child(3),.md .row.no-gap .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%}.md .row .desktop-auto:nth-last-child(4),.md .row .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .desktop-auto:nth-last-child(4),.md .row.no-gap .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%}.md .row .desktop-auto:nth-last-child(5),.md .row .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .desktop-auto:nth-last-child(5),.md .row.no-gap .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%}.md .row .desktop-auto:nth-last-child(6),.md .row .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .desktop-auto:nth-last-child(6),.md .row.no-gap .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%}.md .row .desktop-auto:nth-last-child(7),.md .row .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .desktop-auto:nth-last-child(7),.md .row.no-gap .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%}.md .row .desktop-auto:nth-last-child(8),.md .row .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .desktop-auto:nth-last-child(8),.md .row.no-gap .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%}.md .row .desktop-auto:nth-last-child(9),.md .row .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .desktop-auto:nth-last-child(9),.md .row.no-gap .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%}.md .row .desktop-auto:nth-last-child(10),.md .row .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .desktop-auto:nth-last-child(10),.md .row.no-gap .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%}.md .row .desktop-auto:nth-last-child(11),.md .row .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .desktop-auto:nth-last-child(11),.md .row.no-gap .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%}.md .row .desktop-auto:nth-last-child(12),.md .row .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .desktop-auto:nth-last-child(12),.md .row.no-gap .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%}.md .row .desktop-auto:nth-last-child(13),.md .row .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .desktop-auto:nth-last-child(13),.md .row.no-gap .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%}.md .row .desktop-auto:nth-last-child(14),.md .row .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .desktop-auto:nth-last-child(14),.md .row.no-gap .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%}.md .row .desktop-auto:nth-last-child(15),.md .row .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .desktop-auto:nth-last-child(15),.md .row.no-gap .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%}.md .row .desktop-auto:nth-last-child(16),.md .row .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .desktop-auto:nth-last-child(16),.md .row.no-gap .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%}.md .row .desktop-auto:nth-last-child(17),.md .row .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .desktop-auto:nth-last-child(17),.md .row.no-gap .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%}.md .row .desktop-auto:nth-last-child(18),.md .row .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .desktop-auto:nth-last-child(18),.md .row.no-gap .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%}.md .row .desktop-auto:nth-last-child(19),.md .row .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .desktop-auto:nth-last-child(19),.md .row.no-gap .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%}.md .row .desktop-auto:nth-last-child(20),.md .row .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .desktop-auto:nth-last-child(20),.md .row.no-gap .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%}.md .row .desktop-auto:nth-last-child(21),.md .row .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .desktop-auto:nth-last-child(21),.md .row.no-gap .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%}}.calendar{overflow:hidden;height:320px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calendar.modal-in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:220px}.calendar.calendar-modal{height:calc(100vh - 44px)}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-modal{position:absolute;height:420px;overflow:hidden;top:50%;left:50%;min-width:300px;max-width:380px;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:12000;background:#fff;width:90%;border-radius:4px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.calendar-modal.modal-in,.calendar-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.calendar-modal.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.calendar-popover{width:320px}.calendar-popover .calendar{height:320px}.calendar-week-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:11px}.calendar-week-header .calendar-week-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);text-align:center}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.calendar-month{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:#000;height:100%}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:#b8b8b8}.calendar-day.calendar-day-disabled{color:#d4d4d4;cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.calendar-day .calendar-day-number{display:inline-block;border-radius:100%;position:relative}.calendar-day .calendar-day-events{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;width:100%;top:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:4px;height:4px;border-radius:50%}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.md .calendar-header{height:56px;background:#2196f3;font-size:20px;line-height:56px;padding:0 24px;color:#fff;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.md .calendar-footer{position:relative;width:100%;height:48px;padding:6px 8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.md .calendar .toolbar{background:0 0!important;color:#212121}.md .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .calendar .toolbar a.link .ripple-wave{background:rgba(0,0,0,.1)}.md .calendar .toolbar .icon-back,.md .calendar .toolbar .icon-forward,.md .calendar .toolbar .icon-next,.md .calendar .toolbar .icon-prev{opacity:.54}.md .calendar-week-header{color:rgba(0,0,0,.54);height:24px}.md .calendar-week-header .calendar-week-day{line-height:24px}.md .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .calendar-day .calendar-day-number{width:32px;height:32px;line-height:32px}.md .calendar-day .calendar-day-event{background:#2196f3}.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.md .calendar-month-selector a.icon-only,.md .calendar-year-selector a.icon-only{min-width:36px}.md .calendar-sheet:before{content:'';position:absolute;background-color:#ccc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-left-edge.calendar .calendar-row,.md.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .panel-left.calendar .calendar-row,.md.device-iphone-x .panel-left.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-right-edge.calendar .calendar-row,.md.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .panel-right.calendar .calendar-row,.md.device-iphone-x .panel-right.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.md .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.md .theme-dark .calendar-week-header{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day{color:rgba(255,255,255,.87)}.md .theme-dark .calendar-day.calendar-day-disabled{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day.calendar-day-next,.md .theme-dark .calendar-day.calendar-day-prev{color:rgba(255,255,255,.35)}.calendar-modal.md .theme-dark,.md .theme-dark .calendar-modal{background:#202020}.calendar.md .theme-dark.calendar-sheet:before,.md .theme-dark .calendar.calendar-sheet:before{background-color:rgba(255,255,255,.2)}.calendar.md .theme-dark .toolbar,.md .theme-dark .calendar .toolbar{color:rgba(255,255,255,.54)}.calendar.md .theme-dark .toolbar a.link:before,.md .theme-dark .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.calendar.md .theme-dark .toolbar a.link.active-state:before,.md .theme-dark .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.calendar.md .theme-dark .toolbar a.link .ripple-wave,.md .theme-dark .calendar .toolbar a.link .ripple-wave{background-color:rgba(255,255,255,.3)}.md .color-red .calendar-header,.md .color-theme-red .calendar-header{background:#f44336}.md .color-red .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number{color:#f44336}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-red .calendar-day .calendar-day-event,.md .color-theme-red .calendar-day .calendar-day-event{background:#f44336}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number{color:#4caf50}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-green .calendar-day .calendar-day-event,.md .color-theme-green .calendar-day .calendar-day-event{background:#4caf50}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-blue .calendar-day .calendar-day-event,.md .color-theme-blue .calendar-day .calendar-day-event{background:#2196f3}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number{color:#e91e63}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-pink .calendar-day .calendar-day-event,.md .color-theme-pink .calendar-day .calendar-day-event{background:#e91e63}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-yellow .calendar-day .calendar-day-event,.md .color-yellow .calendar-day .calendar-day-event{background:#ffeb3b}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number{color:#ff9800}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-orange .calendar-day .calendar-day-event,.md .color-theme-orange .calendar-day .calendar-day-event{background:#ff9800}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-gray .calendar-day .calendar-day-event,.md .color-theme-gray .calendar-day .calendar-day-event{background:#9e9e9e}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number,.md .color-white .calendar-day.calendar-day-today .calendar-day-number{color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-white .calendar-day .calendar-day-event,.md .color-white .calendar-day .calendar-day-event{background:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number{color:#000}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-black .calendar-day .calendar-day-event,.md .color-theme-black .calendar-day .calendar-day-event{background:#000}.picker{width:100%;height:260px}.picker.picker-inline,.popover .picker{height:200px}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:200px}}.picker-popover{width:280px}.picker-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.picker-items{-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.picker-item{height:36px;line-height:36px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{-webkit-transform:translate3d(0,0,0) rotateX(0deg);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.picker-3d .picker-columns{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.md .picker-popover .toolbar{border-radius:2px 2px 0 0}.md .picker-columns{font-size:20px}.md .picker-column-divider{color:rgba(0,0,0,.87)}.md .picker-popover .picker>.toolbar+.picker-columns{height:calc(100% - 48px)}.md .picker-center-highlight:before{content:'';position:absolute;background-color:rgba(0,0,0,.15);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .picker-center-highlight:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .picker-center-highlight:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .picker-center-highlight:after{content:'';position:absolute;background-color:rgba(0,0,0,.15);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .picker-center-highlight:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .picker-center-highlight:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .theme-dark .picker-column-divider{color:rgba(255,255,255,.87)}.md .theme-dark .picker-center-highlight:before{background-color:rgba(255,255,255,.15)}.md .theme-dark .picker-center-highlight:after{background-color:rgba(255,255,255,.15)}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ptr-preloader .preloader{position:absolute;left:50%}.md .ptr-preloader{position:absolute;left:50%;top:16px;width:40px;height:40px;border-radius:50%;background:#fff;margin-left:-20px;margin-top:-7px;z-index:100;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media (min-width:768px){.md .ptr-preloader{top:24px}}.md .ptr-preloader .preloader{width:22px;height:22px;margin-left:-11px;margin-top:-11px;top:50%;visibility:hidden}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #757575;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{-webkit-animation:none;animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{-webkit-transform:translate3d(0,66px,0);transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{-webkit-transition:.3s;transition:.3s}.md .ptr-pull-up .ptr-arrow{-webkit-transition:.4s;transition:.4s;-webkit-transform:rotate(620deg)!important;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.md .ptr-no-navbar .ptr-preloader{top:auto;bottom:100%;margin-bottom:7px}.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:64px}@media (min-width:768px){.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:72px}}.lazy-loaded.lazy-fade-in{-webkit-animation:lazyFadeIn .6s;animation:lazyFadeIn .6s}@-webkit-keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead{font-size:12px}.data-table thead td,.data-table thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top}.data-table td,.data-table th{padding:0;position:relative}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:18px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);opacity:0}html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.card .data-table .card-header,.data-table.card .card-header{height:64px}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.data-table .data-table-actions,.data-table .data-table-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-actions{margin-left:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.data-table .data-table-actions a.link{min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.data-table .data-table-header-selected{display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-title-selected{font-size:14px}.data-table .data-table-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:12px;overflow:hidden;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;-webkit-transform:none!important;transform:none!important;font-size:12px;margin-right:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.theme-dark .data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}.md .data-table thead td,.md .data-table thead th{font-weight:500;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.md .data-table thead td:not(.sortable-cell-active),.md .data-table thead th:not(.sortable-cell-active){color:rgba(0,0,0,.54)}.md .data-table thead i.icon,.md .data-table thead i.material-icons{font-size:16px;width:16px;height:16px}.md .data-table tbody{font-size:13px}.md .data-table tbody tr.data-table-row-selected{background:#f5f5f5}.md .data-table tbody td{height:48px}.md .data-table td,.md .data-table th{padding-left:28px;padding-right:28px}.md .data-table td.label-cell,.md .data-table th.label-cell{padding-left:24px;padding-right:24px}.md .data-table td:first-child,.md .data-table th:first-child{padding-left:24px}.md .data-table td:last-child,.md .data-table th:last-child{padding-right:24px}.md .data-table td.checkbox-cell,.md .data-table th.checkbox-cell{width:18px;padding-left:24px;padding-right:12px}.md .data-table td.checkbox-cell+td,.md .data-table td.checkbox-cell+th,.md .data-table th.checkbox-cell+td,.md .data-table th.checkbox-cell+th{padding-left:12px}.md .data-table td.actions-cell a.link,.md .data-table th.actions-cell a.link{color:rgba(0,0,0,.54)}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .card .data-table .card-footer,.md .card .data-table .card-header,.md .data-table.card .card-footer,.md .data-table.card .card-header{padding-left:24px;padding-right:14px}.md .card .data-table .card-footer,.md .data-table.card .card-footer{height:56px}.md .data-table-title{font-size:20px}.md .data-table-actions a.link+a.link,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link{color:rgba(0,0,0,.54)}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table .card-header>.data-table-header,.md .data-table .card-header>.data-table-header-selected{padding-left:24px;padding-right:14px;margin-left:-24px;margin-right:-14px;padding-top:4px;padding-bottom:4px;height:100%}.md .data-table-header-selected{background:rgba(33,150,243,.1)}.md .data-table-title-selected{color:#2196f3}.md .data-table tbody td:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-desktop .data-table tbody tr:hover{background:#f5f5f5}.md .data-table-footer{height:56px;color:rgba(0,0,0,.54)}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .data-table-footer:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.md .input-cell .table-head-label+.input{margin-top:4px}.md .input-cell .input{height:24px}.md .input-cell .input input,.md .input-cell .input select,.md .input-cell .input textarea{height:24px;color:#212121;font-size:14px}.md .input-cell .input .input-clear-button{-webkit-transform:scale(.8);transform:scale(.8)}@media (max-width:480px) and (orientation:portrait){.md .data-table.data-table-collapsible td{padding-left:16px;padding-right:16px}.md .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:rgba(0,0,0,.54);font-weight:500;line-height:16px}.md .data-table-collapsible tr:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.md .theme-dark .data-table-actions a.link,.data-table.md .theme-dark td.actions-cell a.link,.data-table.md .theme-dark th.actions-cell a.link,.data-table.md .theme-dark thead td:not(.sortable-cell-active),.data-table.md .theme-dark thead th:not(.sortable-cell-active),.md .theme-dark .data-table .data-table-actions a.link,.md .theme-dark .data-table td.actions-cell a.link,.md .theme-dark .data-table th.actions-cell a.link,.md .theme-dark .data-table thead td:not(.sortable-cell-active),.md .theme-dark .data-table thead th:not(.sortable-cell-active){color:rgba(255,255,255,.54)}.data-table.md .theme-dark .data-table-links a.link:before,.md .theme-dark .data-table .data-table-links a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.data-table.md .theme-dark .data-table-links a.link.active-state:before,.md .theme-dark .data-table .data-table-links a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.data-table.md .theme-dark tbody td:before,.md .theme-dark .data-table tbody td:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark.data-table-collapsible tr:before,.md .theme-dark .data-table.data-table-collapsible tr:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark tbody tr.data-table-row-selected,.md .theme-dark .data-table tbody tr.data-table-row-selected{background-color:rgba(255,255,255,.05)}.md.device-desktop .theme-dark .data-table tbody tr:hover,.md.device-desktop .theme-dark.data-table tbody tr:hover{background-color:rgba(255,255,255,.05)}.md .color-theme-red .data-table-header-selected,.md .data-table-header-selected.color-red{background:rgba(244,67,54,.1)}.md .color-red .data-table-title-selected,.md .color-theme-red .data-table-title-selected{color:#f44336}.md .color-theme-green .data-table-header-selected,.md .data-table-header-selected.color-green{background:rgba(76,175,80,.1)}.md .color-green .data-table-title-selected,.md .color-theme-green .data-table-title-selected{color:#4caf50}.md .color-theme-blue .data-table-header-selected,.md .data-table-header-selected.color-blue{background:rgba(33,150,243,.1)}.md .color-blue .data-table-title-selected,.md .color-theme-blue .data-table-title-selected{color:#2196f3}.md .color-theme-pink .data-table-header-selected,.md .data-table-header-selected.color-pink{background:rgba(233,30,99,.1)}.md .color-pink .data-table-title-selected,.md .color-theme-pink .data-table-title-selected{color:#e91e63}.md .color-theme-yellow .data-table-header-selected,.md .data-table-header-selected.color-yellow{background:rgba(255,235,59,.1)}.md .color-theme-yellow .data-table-title-selected,.md .color-yellow .data-table-title-selected{color:#ffeb3b}.md .color-theme-orange .data-table-header-selected,.md .data-table-header-selected.color-orange{background:rgba(255,152,0,.1)}.md .color-orange .data-table-title-selected,.md .color-theme-orange .data-table-title-selected{color:#ff9800}.md .color-theme-gray .data-table-header-selected,.md .data-table-header-selected.color-gray{background:rgba(158,158,158,.1)}.md .color-gray .data-table-title-selected,.md .color-theme-gray .data-table-title-selected{color:#9e9e9e}.md .color-theme-white .data-table-header-selected,.md .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.md .color-theme-white .data-table-title-selected,.md .color-white .data-table-title-selected{color:#fff}.md .color-theme-black .data-table-header-selected,.md .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.md .color-black .data-table-title-selected,.md .color-theme-black .data-table-title-selected{color:#000}.fab{position:absolute;z-index:1500}.fab-buttons a,.fab>a{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;z-index:1}.fab>a i{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);-webkit-transition:.3s;transition:.3s}.fab>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab[class*=fab-center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fab div.fab-buttons a{width:40px;height:40px}.fab-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0px,0) scale(1)!important;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){-webkit-transition-delay:150ms;transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){-webkit-transition-delay:250ms;transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:40px;margin-left:-20px}.fab-buttons-top{bottom:100%;margin-bottom:16px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fab-buttons-top a{-webkit-transform:translate3d(0,8px,0) scale(.3);transform:translate3d(0,8px,0) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fab-buttons-bottom a{-webkit-transform:translate3d(0,-8px,0) scale(.3);transform:translate3d(0,-8px,0) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:40px;margin-top:-20px}.fab-buttons-left{right:100%;margin-right:16px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fab-buttons-left a{-webkit-transform:translate3d(8px,0px,0) scale(.3);transform:translate3d(8px,0px,0) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{-webkit-transform:translate3d(-8px,0,0) scale(.3);transform:translate3d(-8px,0,0) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:-20px;bottom:100%;margin-bottom:16px;-webkit-transform:translateY(-8px) scale(.3);transform:translateY(-8px) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:-20px;top:50%;margin-left:16px;-webkit-transform:translateX(-8px) scale(.3);transform:translateX(-8px) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:-20px;top:100%;margin-top:16px;-webkit-transform:translateY(8px) scale(.3);transform:translateY(8px) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:-20px;top:50%;margin-right:16px;-webkit-transform:translateX(8px) scale(.3);transform:translateX(8px) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{-webkit-transition-duration:250ms;transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto}.fab-extended>a{width:100%!important}.fab-text{padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:4px 12px;border-radius:4px;background:#fff;color:#333;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.md .fab-buttons a,.md .fab>a{background:#2196f3;width:56px;height:56px;border-radius:28px;color:#fff;-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)}.md .fab-buttons a.active-state,.md .fab>a.active-state{background:#0c82df}.md .fab[class*=fab-left]{left:15px}.md .fab[class*=fab-right]{right:15px}.md .fab[class*="-top"]{top:15px}.md .fab[class*="-bottom"]{bottom:15px}.md .navbar~* .fab[class*="-top"],.md .navbar~.fab[class*="-top"]{margin-top:56px}@media (min-width:768px){.md .navbar~* .fab[class*="-top"],.md .navbar~.fab[class*="-top"]{margin-top:64px}}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:48px}.md .tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:72px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:104px}.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:128px}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:112px}.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:136px}}.md .messagebar~* .fab[class*="-bottom"],.md .messagebar~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"]{margin-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .fab[class*="-bottom"],.md .toolbar-bottom-md.tabbar-labels~.fab[class*="-bottom"]{margin-bottom:72px}.md .fab-morph{border-radius:28px;background:#2196f3;-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)}.md .fab-morph>a{-webkit-box-shadow:none;box-shadow:none;background:0 0!important}.md .fab-extended{min-width:48px}.md .fab-extended>a{height:48px}.md .fab-extended>a i{left:24px}.md .fab-extended i~.fab-text{padding-left:48px}.md .fab-text{font-weight:500;letter-spacing:.03em}.md .fab-label{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12);box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)}.md .color-theme-red .fab-buttons a,.md .color-theme-red .fab>a,.md .color-theme-red.fab-buttons a,.md .color-theme-red.fab>a{background:#f44336}.md .color-theme-red .fab-buttons a.active-state,.md .color-theme-red .fab>a.active-state,.md .color-theme-red.fab-buttons a.active-state,.md .color-theme-red.fab>a.active-state{background:#f21f0f}.md .color-theme-red .fab-morph,.md .color-theme-red.fab-morph{background:#f44336}.md .color-theme-green .fab-buttons a,.md .color-theme-green .fab>a,.md .color-theme-green.fab-buttons a,.md .color-theme-green.fab>a{background:#4caf50}.md .color-theme-green .fab-buttons a.active-state,.md .color-theme-green .fab>a.active-state,.md .color-theme-green.fab-buttons a.active-state,.md .color-theme-green.fab>a.active-state{background:#409343}.md .color-theme-green .fab-morph,.md .color-theme-green.fab-morph{background:#4caf50}.md .color-theme-blue .fab-buttons a,.md .color-theme-blue .fab>a,.md .color-theme-blue.fab-buttons a,.md .color-theme-blue.fab>a{background:#2196f3}.md .color-theme-blue .fab-buttons a.active-state,.md .color-theme-blue .fab>a.active-state,.md .color-theme-blue.fab-buttons a.active-state,.md .color-theme-blue.fab>a.active-state{background:#0c82df}.md .color-theme-blue .fab-morph,.md .color-theme-blue.fab-morph{background:#2196f3}.md .color-theme-pink .fab-buttons a,.md .color-theme-pink .fab>a,.md .color-theme-pink.fab-buttons a,.md .color-theme-pink.fab>a{background:#e91e63}.md .color-theme-pink .fab-buttons a.active-state,.md .color-theme-pink .fab>a.active-state,.md .color-theme-pink.fab-buttons a.active-state,.md .color-theme-pink.fab>a.active-state{background:#ca1452}.md .color-theme-pink .fab-morph,.md .color-theme-pink.fab-morph{background:#e91e63}.md .color-theme-yellow .fab-buttons a,.md .color-theme-yellow .fab>a,.md .color-theme-yellow.fab-buttons a,.md .color-theme-yellow.fab>a{background:#ffeb3b}.md .color-theme-yellow .fab-buttons a.active-state,.md .color-theme-yellow .fab>a.active-state,.md .color-theme-yellow.fab-buttons a.active-state,.md .color-theme-yellow.fab>a.active-state{background:#ffe712}.md .color-theme-yellow .fab-morph,.md .color-theme-yellow.fab-morph{background:#ffeb3b}.md .color-theme-orange .fab-buttons a,.md .color-theme-orange .fab>a,.md .color-theme-orange.fab-buttons a,.md .color-theme-orange.fab>a{background:#ff9800}.md .color-theme-orange .fab-buttons a.active-state,.md .color-theme-orange .fab>a.active-state,.md .color-theme-orange.fab-buttons a.active-state,.md .color-theme-orange.fab>a.active-state{background:#d68000}.md .color-theme-orange .fab-morph,.md .color-theme-orange.fab-morph{background:#ff9800}.md .color-theme-gray .fab-buttons a,.md .color-theme-gray .fab>a,.md .color-theme-gray.fab-buttons a,.md .color-theme-gray.fab>a{background:#9e9e9e}.md .color-theme-gray .fab-buttons a.active-state,.md .color-theme-gray .fab>a.active-state,.md .color-theme-gray.fab-buttons a.active-state,.md .color-theme-gray.fab>a.active-state{background:#8a8a8a}.md .color-theme-gray .fab-morph,.md .color-theme-gray.fab-morph{background:#9e9e9e}.md .color-theme-white .fab-buttons a,.md .color-theme-white .fab>a,.md .color-theme-white.fab-buttons a,.md .color-theme-white.fab>a{background:#fff}.md .color-theme-white .fab-buttons a.active-state,.md .color-theme-white .fab>a.active-state,.md .color-theme-white.fab-buttons a.active-state,.md .color-theme-white.fab>a.active-state{background:#ebebeb}.md .color-theme-white .fab-morph,.md .color-theme-white.fab-morph{background:#fff}.md .color-theme-black .fab-buttons a,.md .color-theme-black .fab>a,.md .color-theme-black.fab-buttons a,.md .color-theme-black.fab>a{background:#000}.md .color-theme-black .fab-buttons a.active-state,.md .color-theme-black .fab>a.active-state,.md .color-theme-black.fab-buttons a.active-state,.md .color-theme-black.fab>a.active-state{background:#000}.md .color-theme-black .fab-morph,.md .color-theme-black.fab-morph{background:#000}.md .fab .fab-buttons>a.color-red,.md .fab-buttons.color-red a,.md .fab.color-red .fab-buttons>a,.md .fab.color-red>a,.md .fab>a.color-red{background:#f44336}.md .fab .fab-buttons>a.color-red.active-state,.md .fab-buttons.color-red a.active-state,.md .fab.color-red .fab-buttons>a.active-state,.md .fab.color-red>a.active-state,.md .fab>a.color-red.active-state{background:#f21f0f}.md .fab-morph.color-red{background:#f44336}.md .fab .fab-buttons>a.color-green,.md .fab-buttons.color-green a,.md .fab.color-green .fab-buttons>a,.md .fab.color-green>a,.md .fab>a.color-green{background:#4caf50}.md .fab .fab-buttons>a.color-green.active-state,.md .fab-buttons.color-green a.active-state,.md .fab.color-green .fab-buttons>a.active-state,.md .fab.color-green>a.active-state,.md .fab>a.color-green.active-state{background:#409343}.md .fab-morph.color-green{background:#4caf50}.md .fab .fab-buttons>a.color-blue,.md .fab-buttons.color-blue a,.md .fab.color-blue .fab-buttons>a,.md .fab.color-blue>a,.md .fab>a.color-blue{background:#2196f3}.md .fab .fab-buttons>a.color-blue.active-state,.md .fab-buttons.color-blue a.active-state,.md .fab.color-blue .fab-buttons>a.active-state,.md .fab.color-blue>a.active-state,.md .fab>a.color-blue.active-state{background:#0c82df}.md .fab-morph.color-blue{background:#2196f3}.md .fab .fab-buttons>a.color-pink,.md .fab-buttons.color-pink a,.md .fab.color-pink .fab-buttons>a,.md .fab.color-pink>a,.md .fab>a.color-pink{background:#e91e63}.md .fab .fab-buttons>a.color-pink.active-state,.md .fab-buttons.color-pink a.active-state,.md .fab.color-pink .fab-buttons>a.active-state,.md .fab.color-pink>a.active-state,.md .fab>a.color-pink.active-state{background:#ca1452}.md .fab-morph.color-pink{background:#e91e63}.md .fab .fab-buttons>a.color-yellow,.md .fab-buttons.color-yellow a,.md .fab.color-yellow .fab-buttons>a,.md .fab.color-yellow>a,.md .fab>a.color-yellow{background:#ffeb3b}.md .fab .fab-buttons>a.color-yellow.active-state,.md .fab-buttons.color-yellow a.active-state,.md .fab.color-yellow .fab-buttons>a.active-state,.md .fab.color-yellow>a.active-state,.md .fab>a.color-yellow.active-state{background:#ffe712}.md .fab-morph.color-yellow{background:#ffeb3b}.md .fab .fab-buttons>a.color-orange,.md .fab-buttons.color-orange a,.md .fab.color-orange .fab-buttons>a,.md .fab.color-orange>a,.md .fab>a.color-orange{background:#ff9800}.md .fab .fab-buttons>a.color-orange.active-state,.md .fab-buttons.color-orange a.active-state,.md .fab.color-orange .fab-buttons>a.active-state,.md .fab.color-orange>a.active-state,.md .fab>a.color-orange.active-state{background:#d68000}.md .fab-morph.color-orange{background:#ff9800}.md .fab .fab-buttons>a.color-gray,.md .fab-buttons.color-gray a,.md .fab.color-gray .fab-buttons>a,.md .fab.color-gray>a,.md .fab>a.color-gray{background:#9e9e9e}.md .fab .fab-buttons>a.color-gray.active-state,.md .fab-buttons.color-gray a.active-state,.md .fab.color-gray .fab-buttons>a.active-state,.md .fab.color-gray>a.active-state,.md .fab>a.color-gray.active-state{background:#8a8a8a}.md .fab-morph.color-gray{background:#9e9e9e}.md .fab .fab-buttons>a.color-white,.md .fab-buttons.color-white a,.md .fab.color-white .fab-buttons>a,.md .fab.color-white>a,.md .fab>a.color-white{background:#fff}.md .fab .fab-buttons>a.color-white.active-state,.md .fab-buttons.color-white a.active-state,.md .fab.color-white .fab-buttons>a.active-state,.md .fab.color-white>a.active-state,.md .fab>a.color-white.active-state{background:#ebebeb}.md .fab-morph.color-white{background:#fff}.md .fab .fab-buttons>a.color-black,.md .fab-buttons.color-black a,.md .fab.color-black .fab-buttons>a,.md .fab.color-black>a,.md .fab>a.color-black{background:#000}.md .fab .fab-buttons>a.color-black.active-state,.md .fab-buttons.color-black a.active-state,.md .fab.color-black .fab-buttons>a.active-state,.md .fab.color-black>a.active-state,.md .fab>a.color-black.active-state{background:#000}.md .fab-morph.color-black{background:#000}.md.device-iphone-x .fab[class*="-bottom"]{bottom:calc(16px + constant(safe-area-inset-bottom));bottom:calc(16px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .fab[class*=fab-left],.md.device-iphone-x .ios-left-edge .fab[class*=fab-left],.md.device-iphone-x .panel-left .fab[class*=fab-left],.md.device-iphone-x .popup .fab[class*=fab-left],.md.device-iphone-x .sheet-modal .fab[class*=fab-left]{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .fab[class*=fab-right],.md.device-iphone-x .ios-right-edge .fab[class*=fab-right],.md.device-iphone-x .panel-right .fab[class*=fab-right],.md.device-iphone-x .popup .fab[class*=fab-right],.md.device-iphone-x .sheet-modal .fab[class*=fab-right]{right:calc(16px + constant(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}}.searchbar{width:100%;position:relative;z-index:200}.searchbar .searchbar-input-wrap{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;height:100%;position:relative}.searchbar .searchbar-input-wrap input[type=search]{padding:0}.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.page>.searchbar{position:absolute;left:0;top:0}.searchbar-expandable{position:absolute;-webkit-transition-duration:.3s;transition-duration:.3s;pointer-events:none}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.md .searchbar{height:48px;background:#fff}.md .searchbar input[type=search],.md .searchbar input[type=text]{padding-left:65px;padding-right:48px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:20px;color:#000;font-weight:400}.md .searchbar input[type=search]::-webkit-input-placeholder,.md .searchbar input[type=text]::-webkit-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]:-ms-input-placeholder,.md .searchbar input[type=text]:-ms-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]::-ms-input-placeholder,.md .searchbar input[type=text]::-ms-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]::placeholder,.md .searchbar input[type=text]::placeholder{color:#939398;opacity:1}.md .searchbar-expandable{height:100%}.md .searchbar-backdrop{background:rgba(0,0,0,.25)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;width:48px;height:48px;left:-4px;top:50%;margin-top:-24px;background-size:24px 24px;background-repeat:no-repeat;background-position:center;-webkit-transition-duration:.3s;transition-duration:.3s}.md .searchbar-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .searchbar-disable-button{-webkit-transform:rotate(-90deg) scale(.5);transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E")}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;-webkit-transform:rotate(90deg) scale(.5);transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");border-radius:0;background-repeat:no-repeat;background-position:center;background-size:24px 24px;background-color:transparent;right:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .searchbar .input-clear-button:after{display:none}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page-content .searchbar{border-radius:2px;margin:8px;width:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .page-content .searchbar .searchbar-inner{border-radius:2px}.md .page>.searchbar{z-index:510}.md .page>.searchbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .page>.searchbar.no-shadow:after{display:none}.md .page>.searchbar input[type=search],.md .page>.searchbar input[type=text],.md .searchbar-expandable input[type=search],.md .searchbar-expandable input[type=text],.md .subnavbar .searchbar input[type=search],.md .subnavbar .searchbar input[type=text]{padding-left:73px}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:4px}.md .searchbar-expandable{width:56px;height:100%;opacity:0;top:50%;margin-top:-28px;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);left:100%;margin-left:-56px}.md .navbar .searchbar-expandable{border-radius:28px;width:56px;margin-top:-28px;margin-left:-56px}@media (min-width:768px){.md .navbar .searchbar-expandable{border-radius:32px;width:64px;margin-top:-32px;margin-left:-64px}}.md .subnavbar .searchbar-expandable,.md .toolbar .searchbar-expandable{border-radius:24px;width:48px;margin-top:-24px;margin-left:-48px}.md .tabbar-labels .searchbar-expandable{border-radius:36px;width:72px;margin-top:-36px;margin-left:-72px}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;left:0;margin-left:0}.md .page>.searchbar~* .page-content,.md .page>.searchbar~.page-content{padding-top:48px}.md .page>.navbar~.searchbar{top:56px}@media (min-width:768px){.md .page>.navbar~.searchbar{top:64px}}.md .page>.navbar~.searchbar~* .page-content,.md .page>.navbar~.searchbar~.page-content{padding-top:104px}@media (min-width:768px){.md .page>.navbar~.searchbar~* .page-content,.md .page>.navbar~.searchbar~.page-content{padding-top:112px}}.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:48px}.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:96px}.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:72px}.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:120px}.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:104px}@media (min-width:768px){.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:112px}}.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:152px}@media (min-width:768px){.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:160px}}.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:128px}@media (min-width:768px){.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:136px}}.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:176px}@media (min-width:768px){.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:184px}}@media (orientation:landscape){.md.device-iphone-x .ios-edges .searchbar-inner,.md.device-iphone-x .ios-left-edge .searchbar-inner,.md.device-iphone-x .panel-left .searchbar-inner,.md.device-iphone-x .popup .searchbar-inner,.md.device-iphone-x .sheet-modal .searchbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .searchbar-disable-button,.md.device-iphone-x .ios-left-edge .searchbar-disable-button,.md.device-iphone-x .panel-left .searchbar-disable-button,.md.device-iphone-x .popup .searchbar-disable-button,.md.device-iphone-x .sheet-modal .searchbar-disable-button{left:calc(4px + constant(safe-area-inset-left));left:calc(4px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .searchbar-inner,.md.device-iphone-x .ios-right-edge .searchbar-inner,.md.device-iphone-x .panel-right .searchbar-inner,.md.device-iphone-x .popup .searchbar-inner,.md.device-iphone-x .sheet-modal .searchbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.messages{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:relative;z-index:1}.messages-title{text-align:center;width:100%;line-height:1}.message{max-width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.message-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1;font-size:12px}.message-footer{font-size:11px;margin-bottom:-1em}.message-bubble{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;line-height:1.2}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{font-size:12px;line-height:1}.message-text{text-align:left}.message-sent{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.message-received{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.message-received .message-content{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.message-sent .message-content{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{-webkit-animation:message-appear-from-bottom .3s;animation:message-appear-from-bottom .3s}.message-appear-from-top{-webkit-animation:message-appear-from-top .3s;animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:#000;vertical-align:middle;border-radius:50%}@-webkit-keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.md .messages,.md .messages-content{background:#eee}.md .message{margin-top:16px}.md .message:last-child{margin-bottom:16px}.md .messages-title{font-size:12px;color:rgba(0,0,0,.51);margin-top:16px}.md .messages-title:last-child{margin-bottom:16px}.md .messages-title b{font-weight:500}.md .message-avatar{width:32px;height:32px}.md .message-footer,.md .message-header,.md .message-name{color:rgba(0,0,0,.51)}.md .message-footer b,.md .message-header b,.md .message-name b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-bubble{font-size:16px;border-radius:2px;padding:6px 8px;min-height:32px}.md .message-text-footer,.md .message-text-header{color:rgba(0,0,0,.51)}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received{margin-left:8px}.md .message-received .message-bubble{color:#333;background:#fff}.md .message-received .message-avatar+.message-content{margin-left:8px}.md .message-received.message-tail .message-bubble{border-radius:2px 2px 2px 0}.md .message-received.message-tail .message-bubble:before{position:absolute;content:'';border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid #fff;right:100%;bottom:0;width:0;height:0}.md .message-sent{margin-right:8px}.md .message-sent .message-bubble{color:#333;background:#c8e6c9}.md .message-sent .message-avatar+.message-content{margin-right:8px}.md .message-sent.message-tail .message-bubble{border-radius:2px 2px 0 2px}.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';border-right:8px solid transparent;border-left:0 solid transparent;border-bottom:8px solid #c8e6c9;left:100%;bottom:0;width:0;height:0}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px;opacity:.6}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){-webkit-animation:md-message-typing-indicator .9s infinite;animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){-webkit-animation:md-message-typing-indicator .9s 150ms infinite;animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){-webkit-animation:md-message-typing-indicator .9s .3s infinite;animation:md-message-typing-indicator .9s .3s infinite}.md .theme-dark .messages,.md .theme-dark .messages-content,.messages-content.md .theme-dark,.messages.md .theme-dark{background-color:transparent}.md .theme-dark .messages-title{color:rgba(255,255,255,.54)}.md .theme-dark .message-footer,.md .theme-dark .message-header,.md .theme-dark .message-name{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .message-received,.md.device-iphone-x .ios-left-edge .message-received,.md.device-iphone-x .panel-left .message-received,.md.device-iphone-x .popup .message-received,.md.device-iphone-x .sheet-modal .message-received{margin-left:calc(8px + constant(safe-area-inset-left));margin-left:calc(8px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .message-sent,.md.device-iphone-x .ios-right-edge .message-sent,.md.device-iphone-x .panel-right .message-sent,.md.device-iphone-x .popup .message-sent,.md.device-iphone-x .sheet-modal .message-sent{margin-right:calc(8px + constant(safe-area-inset-right));margin-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes md-message-typing-indicator{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes md-message-typing-indicator{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.toolbar.messagebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#fff;height:auto}.toolbar.messagebar .toolbar-inner{position:relative}.toolbar.messagebar .messagebar-area{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;position:relative}.toolbar.messagebar textarea{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.toolbar.messagebar a.link{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:155px;position:relative}@media (orientation:landscape){.messagebar-attachment{height:120px}}.messagebar-attachment img{display:block;width:auto;height:100%}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:252px}@media (orientation:landscape){.messagebar-sheet{height:192px}}.messagebar-sheet-image,.messagebar-sheet-item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:125px;width:125px;margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:95px;height:95px}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.messagebar-attachment-delete:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.ios.device-iphone-x .messagebar:not(.messagebar-top),.md.device-iphone-x .messagebar:not(.messagebar-top){height:auto!important}.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible){padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .messagebar-sheet,.md.device-iphone-x .messagebar-sheet{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.md .messagebar{font-size:16px}.md .messagebar:after{display:none}.md .messagebar textarea{padding:5px 8px;height:32px;color:#333;font-size:16px;line-height:22px}.md .messagebar a.link{color:#333}.md .messagebar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .messagebar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .messagebar:before{content:'';position:absolute;background-color:#d1d1d1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .messagebar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .messagebar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .messagebar-attachments{padding:8px;border-bottom:1px solid #ddd}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet{background:#fff}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.5);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background:#2196f3;cursor:pointer;border-radius:2px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.md .theme-dark .messagebar,.messagebar.md .theme-dark{background:#000}.md .theme-dark .messagebar:before,.messagebar.md .theme-dark:before{background-color:rgba(255,255,255,.2)}.md .theme-dark .messagebar a.link,.messagebar.md .theme-dark a.link{color:rgba(255,255,255,.87)}.md .theme-dark .messagebar a.link:before,.messagebar.md .theme-dark a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .theme-dark .messagebar a.link.active-state:before,.messagebar.md .theme-dark a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .theme-dark .messagebar textarea,.messagebar.md .theme-dark textarea{color:rgba(255,255,255,.87)}.md .theme-dark .messagebar-attachments{border-bottom-color:rgba(255,255,255,.2)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10}.md .swiper-lazy-preloader{width:32px;height:32px;margin-left:-16px;margin-top:-16px}.md .swiper-button-prev,.md .swiper-container-rtl .swiper-button-next{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .swiper-button-next,.md .swiper-container-rtl .swiper-button-prev{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .swiper-pagination-bullet-active{background:#2196f3}.md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2196f3}.md .color-theme-red .swiper-button-prev,.md .color-theme-red .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-red,.md .swiper-container-rtl .swiper-button-next.color-red{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'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-red .swiper-button-next,.md .color-theme-red .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-red,.md .swiper-container-rtl .swiper-button-prev.color-red{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'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .color-red .swiper-pagination-bullet-active,.md .color-theme-red .swiper-pagination-bullet-active{background:#f44336}.md .color-red .swiper-pagination-progressbar,.md .color-red.swiper-pagination-progressbar,.md .color-theme-red .swiper-pagination-progressbar,.md .color-theme-red.swiper-pagination-progressbar{background:rgba(244,67,54,.25)}.md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#f44336}.md .color-theme-green .swiper-button-prev,.md .color-theme-green .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-green,.md .swiper-container-rtl .swiper-button-next.color-green{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'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-green .swiper-button-next,.md .color-theme-green .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-green,.md .swiper-container-rtl .swiper-button-prev.color-green{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'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .color-green .swiper-pagination-bullet-active,.md .color-theme-green .swiper-pagination-bullet-active{background:#4caf50}.md .color-green .swiper-pagination-progressbar,.md .color-green.swiper-pagination-progressbar,.md .color-theme-green .swiper-pagination-progressbar,.md .color-theme-green.swiper-pagination-progressbar{background:rgba(76,175,80,.25)}.md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#4caf50}.md .color-theme-blue .swiper-button-prev,.md .color-theme-blue .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-blue,.md .swiper-container-rtl .swiper-button-next.color-blue{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-blue .swiper-button-next,.md .color-theme-blue .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-blue,.md .swiper-container-rtl .swiper-button-prev.color-blue{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .color-blue .swiper-pagination-bullet-active,.md .color-theme-blue .swiper-pagination-bullet-active{background:#2196f3}.md .color-blue .swiper-pagination-progressbar,.md .color-blue.swiper-pagination-progressbar,.md .color-theme-blue .swiper-pagination-progressbar,.md .color-theme-blue.swiper-pagination-progressbar{background:rgba(33,150,243,.25)}.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2196f3}.md .color-theme-pink .swiper-button-prev,.md .color-theme-pink .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-pink,.md .swiper-container-rtl .swiper-button-next.color-pink{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'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-pink .swiper-button-next,.md .color-theme-pink .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-pink,.md .swiper-container-rtl .swiper-button-prev.color-pink{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'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .color-pink .swiper-pagination-bullet-active,.md .color-theme-pink .swiper-pagination-bullet-active{background:#e91e63}.md .color-pink .swiper-pagination-progressbar,.md .color-pink.swiper-pagination-progressbar,.md .color-theme-pink .swiper-pagination-progressbar,.md .color-theme-pink.swiper-pagination-progressbar{background:rgba(233,30,99,.25)}.md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#e91e63}.md .color-theme-yellow .swiper-button-prev,.md .color-theme-yellow .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-yellow,.md .swiper-container-rtl .swiper-button-next.color-yellow{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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-yellow .swiper-button-next,.md .color-theme-yellow .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-yellow,.md .swiper-container-rtl .swiper-button-prev.color-yellow{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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-yellow .swiper-pagination-bullet-active,.md .color-yellow .swiper-pagination-bullet-active{background:#ffeb3b}.md .color-theme-yellow .swiper-pagination-progressbar,.md .color-theme-yellow.swiper-pagination-progressbar,.md .color-yellow .swiper-pagination-progressbar,.md .color-yellow.swiper-pagination-progressbar{background:rgba(255,235,59,.25)}.md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffeb3b}.md .color-theme-orange .swiper-button-prev,.md .color-theme-orange .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-orange,.md .swiper-container-rtl .swiper-button-next.color-orange{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'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-orange .swiper-button-next,.md .color-theme-orange .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-orange,.md .swiper-container-rtl .swiper-button-prev.color-orange{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'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .color-orange .swiper-pagination-bullet-active,.md .color-theme-orange .swiper-pagination-bullet-active{background:#ff9800}.md .color-orange .swiper-pagination-progressbar,.md .color-orange.swiper-pagination-progressbar,.md .color-theme-orange .swiper-pagination-progressbar,.md .color-theme-orange.swiper-pagination-progressbar{background:rgba(255,152,0,.25)}.md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff9800}.md .color-theme-gray .swiper-button-prev,.md .color-theme-gray .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-gray,.md .swiper-container-rtl .swiper-button-next.color-gray{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'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-gray .swiper-button-next,.md .color-theme-gray .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-gray,.md .swiper-container-rtl .swiper-button-prev.color-gray{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'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .color-gray .swiper-pagination-bullet-active,.md .color-theme-gray .swiper-pagination-bullet-active{background:#9e9e9e}.md .color-gray .swiper-pagination-progressbar,.md .color-gray.swiper-pagination-progressbar,.md .color-theme-gray .swiper-pagination-progressbar,.md .color-theme-gray.swiper-pagination-progressbar{background:rgba(158,158,158,.25)}.md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#9e9e9e}.md .color-theme-white .swiper-button-prev,.md .color-theme-white .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-white,.md .swiper-container-rtl .swiper-button-next.color-white{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")}.md .color-theme-white .swiper-button-next,.md .color-theme-white .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-white,.md .swiper-container-rtl .swiper-button-prev.color-white{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")}.md .color-theme-white .swiper-pagination-bullet-active,.md .color-white .swiper-pagination-bullet-active{background:#fff}.md .color-theme-white .swiper-pagination-progressbar,.md .color-theme-white.swiper-pagination-progressbar,.md .color-white .swiper-pagination-progressbar,.md .color-white.swiper-pagination-progressbar{background:rgba(255,255,255,.25)}.md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}.md .color-theme-black .swiper-button-prev,.md .color-theme-black .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-black,.md .swiper-container-rtl .swiper-button-next.color-black{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")}.md .color-theme-black .swiper-button-next,.md .color-theme-black .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-black,.md .swiper-container-rtl .swiper-button-prev.color-black{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")}.md .color-black .swiper-pagination-bullet-active,.md .color-theme-black .swiper-pagination-bullet-active{background:#000}.md .color-black .swiper-pagination-progressbar,.md .color-black.swiper-pagination-progressbar,.md .color-theme-black .swiper-pagination-progressbar,.md .color-theme-black.swiper-pagination-progressbar{background:rgba(0,0,0,.25)}.md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-in .4s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-out .4s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{-webkit-animation:none;animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transition-duration:.3s;transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transform:translate3d(0,-100vh,0);transform:translate3d(0,-100vh,0)}.page.photo-browser-page{background:0 0}.photo-browser-popup{background:0 0}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .photo-browser-swiper-container{background:#000}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:0;z-index:10;opacity:1;-webkit-transition:.4s;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.photo-browser-caption{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{background:rgba(255,255,255,.8);color:#000}.photo-browser-captions-dark .photo-browser-caption{color:#fff}.photo-browser-exposed .photo-browser-caption{color:#fff;background:rgba(0,0,0,.8)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#fff;-webkit-transition:.4s;transition:.4s;-webkit-transition-property:background-color;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{-webkit-transition:.4s;transition:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:#000}@-webkit-keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@-webkit-keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}@keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}.md .toolbar~.photo-browser-captions{bottom:48px;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.md .photo-browser-exposed .toolbar~.photo-browser-captions{-webkit-transform:translate3d(0,48px,0);transform:translate3d(0,48px,0)}.md .photo-browser-page .toolbar{-webkit-transform:none;transform:none}.md .photo-browser-page .navbar,.md .photo-browser-page .toolbar{background:rgba(33,150,243,.95);-webkit-transition:.4s;transition:.4s}.md .photo-browser-dark .navbar,.md .photo-browser-dark .toolbar,.md .photo-browser-page-dark .navbar,.md .photo-browser-page-dark .toolbar{background:rgba(30,30,30,.8)!important;color:#fff}.md .photo-browser-dark .navbar a,.md .photo-browser-dark .toolbar a,.md .photo-browser-page-dark .navbar a,.md .photo-browser-page-dark .toolbar a{color:#fff}.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(244,67,54,.95)}.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(76,175,80,.95)}.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(33,150,243,.95)}.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(233,30,99,.95)}.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,235,59,.95)}.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,152,0,.95)}.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(158,158,158,.95)}.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,255,255,.95)}.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(0,0,0,.95)}.md.device-iphone-x .photo-browser-captions{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .toolbar~.photo-browser-captions{bottom:calc(48px + constant(safe-area-inset-bottom));bottom:calc(48px + env(safe-area-inset-bottom))}.notification{position:absolute;left:0;top:0;width:100%;z-index:20000;font-size:14px;margin:0;border:none;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;direction:ltr}.notification-icon{font-size:0}.notification-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer}html.with-statusbar.device-ios .notification,html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification{margin-top:20px}html.with-statusbar.device-android .notification,html.with-statusbar.md:not(.device-ios):not(.device-android) .notification{margin-top:24px}html.with-statusbar.device-iphone-x .notification{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}.md .notification{left:0;top:0;width:100%;background:#fff;border-radius:0px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.24);box-shadow:0 2px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.24);padding:16px;color:#000;max-width:568px}@media (min-width:568px){.md .notification{left:50%;margin-left:-284px}}.md .notification.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:notification-md-in .4s ease-out;animation:notification-md-in .4s ease-out}.md .notification.modal-in.notification-transitioning{-webkit-transition-duration:.2s;transition-duration:.2s}.md .notification.modal-out{-webkit-animation:none;animation:none;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}.md .notification-icon{width:16px;height:16px;margin-right:8px;line-height:16px}.md .notification-icon i{width:16px;height:16px;font-size:16px}.md .notification-title{font-size:12px;line-height:1;color:#2196f3}.md .notification-subtitle{font-size:14px;line-height:1.35;color:#212121}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-text{font-size:14px;line-height:1.35;color:#757575}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{font-size:12px;color:#757575;margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:#757575}.md .notification-close-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");width:16px;height:16px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{content:'';position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-22px;margin-top:-22px}@-webkit-keyframes notification-md-in{0%{-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}@keyframes notification-md-in{0%{-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{-webkit-animation:none;animation:none}.autocomplete-dropdown{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:20px;height:20px}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#a9a9a9}.autocomplete-dropdown .list{margin:0}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.list .item-content-dropdown-expanded .item-title.item-label{width:0;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:16px}.md .autocomplete-dropdown{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.25);box-shadow:0 2px 2px rgba(0,0,0,.25)}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.md .autocomplete-dropdown .list{color:rgba(0,0,0,.54)}.md .autocomplete-dropdown .list b{font-weight:400;color:#212121}.md .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:73px}.md .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}.tooltip{position:absolute;z-index:20000;background:rgba(0,0,0,.87);border-radius:4px;padding:8px 16px;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;z-index:99000;font-weight:500}.tooltip.tooltip-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.device-desktop .tooltip{font-size:12px;padding:6px 8px}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{-webkit-transition-duration:.4s;transition-duration:.4s}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elevation-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.elevation-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.elevation-transition-100{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition,.elevation-transition-200{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-300{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-400{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-500{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.display-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.display-block{display:block!important}.display-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.flex-shrink-2{-webkit-flex-shrink:2!important;-ms-flex-negative:2!important;flex-shrink:2!important}.flex-shrink-3{-webkit-flex-shrink:3!important;-ms-flex-negative:3!important;flex-shrink:3!important}.flex-shrink-4{-webkit-flex-shrink:4!important;-ms-flex-negative:4!important;flex-shrink:4!important}.flex-shrink-5{-webkit-flex-shrink:5!important;-ms-flex-negative:5!important;flex-shrink:5!important}.flex-shrink-6{-webkit-flex-shrink:6!important;-ms-flex-negative:6!important;flex-shrink:6!important}.flex-shrink-7{-webkit-flex-shrink:7!important;-ms-flex-negative:7!important;flex-shrink:7!important}.flex-shrink-8{-webkit-flex-shrink:8!important;-ms-flex-negative:8!important;flex-shrink:8!important}.flex-shrink-9{-webkit-flex-shrink:9!important;-ms-flex-negative:9!important;flex-shrink:9!important}.flex-shrink-10{-webkit-flex-shrink:10!important;-ms-flex-negative:10!important;flex-shrink:10!important}.justify-content-flex-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-flex-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-space-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-space-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-space-evenly{-webkit-box-pack:space-evenly!important;-webkit-justify-content:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.justify-content-stretch{-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:start!important;-ms-flex-pack:start!important;justify-content:start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:end!important;-ms-flex-pack:end!important;justify-content:end!important}.justify-content-left{-webkit-box-pack:left!important;-webkit-justify-content:left!important;-ms-flex-pack:left!important;justify-content:left!important}.justify-content-right{-webkit-box-pack:right!important;-webkit-justify-content:right!important;-ms-flex-pack:right!important;justify-content:right!important}.align-content-flex-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-flex-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-space-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-space-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-items-flex-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-flex-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-flex-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-flex-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.md .padding{padding:16px!important}.md .padding-top{padding-top:16px!important}.md .padding-bottom{padding-bottom:16px!important}.md .padding-left{padding-left:16px!important}.md .padding-right{padding-right:16px!important}.md .padding-vertical{padding-top:16px!important;padding-bottom:16px!important}.md .padding-horizontal{padding-left:16px!important;padding-right:16px!important}.md .margin{margin:16px!important}.md .margin-top{margin-top:16px!important}.md .margin-bottom{margin-bottom:16px!important}.md .margin-left{margin-left:16px!important}.md .margin-right{margin-right:16px!important}.md .margin-vertical{margin-top:16px!important;margin-bottom:16px!important}.md .margin-horizontal{margin-left:16px!important;margin-right:16px!important}.md .text-color-red{color:#f44336!important}.md .bg-color-red{background-color:#f44336!important}.md .border-color-red{border-color:#f44336!important}.md .text-color-green{color:#4caf50!important}.md .bg-color-green{background-color:#4caf50!important}.md .border-color-green{border-color:#4caf50!important}.md .text-color-blue{color:#2196f3!important}.md .bg-color-blue{background-color:#2196f3!important}.md .border-color-blue{border-color:#2196f3!important}.md .text-color-pink{color:#e91e63!important}.md .bg-color-pink{background-color:#e91e63!important}.md .border-color-pink{border-color:#e91e63!important}.md .text-color-yellow{color:#ffeb3b!important}.md .bg-color-yellow{background-color:#ffeb3b!important}.md .border-color-yellow{border-color:#ffeb3b!important}.md .text-color-orange{color:#ff9800!important}.md .bg-color-orange{background-color:#ff9800!important}.md .border-color-orange{border-color:#ff9800!important}.md .text-color-gray{color:#9e9e9e!important}.md .bg-color-gray{background-color:#9e9e9e!important}.md .border-color-gray{border-color:#9e9e9e!important}.md .text-color-white{color:#fff!important}.md .bg-color-white{background-color:#fff!important}.md .border-color-white{border-color:#fff!important}.md .text-color-black{color:#000!important}.md .bg-color-black{background-color:#000!important}.md .border-color-black{border-color:#000!important} \ No newline at end of file diff --git a/framework7/css/framework7.min.css b/framework7/css/framework7.min.css new file mode 100644 index 0000000..4e221cc --- /dev/null +++ b/framework7/css/framework7.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-left:var(--f7-navbar-title-margin-left);margin-right:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(0%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size)}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button:not(.button-outline):first-child{border-left:none}.segmented .button.button-outline:nth-child(n+2){border-left:none}.segmented .button:last-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button-round:first-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button-round:last-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/framework7/css/framework7.rtl.css b/framework7/css/framework7.rtl.css new file mode 100644 index 0000000..1294016 --- /dev/null +++ b/framework7/css/framework7.rtl.css @@ -0,0 +1,4430 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-with-navbar-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + left: auto; + right: 0; + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + border-left: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + right: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-right: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-right: var(--f7-navbar-title-margin-left); + margin-left: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: calc(8px + var(--f7-safe-area-left)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-right: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(-200%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(-200%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: var(--f7-safe-area-left); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-right: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + right: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-right: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +.md .subnavbar-inner > a.link:last-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-right: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-right: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-right: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-right: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-right: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-right: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + right: 0; + width: auto; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.links-list a:after { + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-left: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-left: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + left: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li.swipeout:first-child, +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li.swipeout:last-child, +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li.swipeout:first-child:last-child, +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-right: 4px; +} +.subnavbar .button, +.navbar .button, +.toolbar .button, +.searchbar .button { + color: var(--f7-button-text-color, var(--f7-theme-color)); +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button:not(.button-outline):first-child { + border-right: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.segmented .button:last-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button-round:first-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button-round:last-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-right: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_right_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_left_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_right_md'; +} +.md .icon-forward:after { + content: 'arrow_left_md'; +} +.md .icon-next:after { + content: 'chevron_left_md'; +} +.md .icon-prev:after { + content: 'chevron_right_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/framework7/css/framework7.rtl.ios.css b/framework7/css/framework7.rtl.ios.css new file mode 100644 index 0000000..d0cf839 --- /dev/null +++ b/framework7/css/framework7.rtl.ios.css @@ -0,0 +1,17463 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios body { + font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #000; + line-height: 1.4; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +.ios a { + color: #007aff; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.ios .theme-dark { + color: #fff; +} +.ios .color-theme-red a { + color: #ff3b30; +} +.ios .color-theme-green a { + color: #4cd964; +} +.ios .color-theme-blue a { + color: #007aff; +} +.ios .color-theme-pink a { + color: #ff2d55; +} +.ios .color-theme-yellow a { + color: #ffcc00; +} +.ios .color-theme-orange a { + color: #ff9500; +} +.ios .color-theme-gray a { + color: #8e8e93; +} +.ios .color-theme-white a { + color: #ffffff; +} +.ios .color-theme-black a { + color: #000000; +} +.ios a.color-red { + color: #ff3b30; +} +.ios a.color-green { + color: #4cd964; +} +.ios a.color-blue { + color: #007aff; +} +.ios a.color-pink { + color: #ff2d55; +} +.ios a.color-yellow { + color: #ffcc00; +} +.ios a.color-orange { + color: #ff9500; +} +.ios a.color-gray { + color: #8e8e93; +} +.ios a.color-white { + color: #ffffff; +} +.ios a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .statusbar { + background: #f7f7f8; +} +.ios .theme-dark .statusbar { + background-color: #1b1b1b; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.ios .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.ios .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: 44px; +} +.ios .page { + background: #efeff4; +} +.ios .page-previous { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .page-transitioning, +.ios .page-transitioning .page-shadow-effect, +.ios .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-backward .page-next, +.ios .router-transition-forward .page-current, +.ios .router-transition-backward .page-current, +.ios .router-transition-forward .page-previous:not(.stacked), +.ios .router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.ios .router-transition-css-forward .page-next { + -webkit-animation: ios-page-next-to-current 400ms forwards; + animation: ios-page-next-to-current 400ms forwards; +} +.ios .router-transition-css-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; + animation: ios-page-next-to-current-shadow 400ms forwards; +} +.ios .router-transition-css-forward .page-current { + -webkit-animation: ios-page-current-to-previous 400ms forwards; + animation: ios-page-current-to-previous 400ms forwards; +} +.ios .router-transition-css-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; + animation: ios-page-current-to-previous-opacity 400ms forwards; +} +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, +.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { + top: 44px; +} +.ios .router-transition-css-backward .page-previous, +.ios .router-transition-css-backward .page-current { + pointer-events: none; +} +.ios .router-transition-css-backward .page-previous { + -webkit-animation: ios-page-previous-to-current 400ms forwards; + animation: ios-page-previous-to-current 400ms forwards; +} +.ios .router-transition-css-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; + animation: ios-page-previous-to-current-opacity 400ms forwards; +} +.ios .router-transition-css-backward .page-current { + -webkit-animation: ios-page-current-to-next 400ms forwards; + animation: ios-page-current-to-next 400ms forwards; +} +.ios .router-transition-css-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; + animation: ios-page-current-to-next-shadow 400ms forwards; +} +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, +.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { + top: 44px; +} +.ios .theme-dark .page, +.page.ios .theme-dark { + background: #171717; +} +@-webkit-keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-next-to-current { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } + to { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(20%, 0, 0); + transform: translate3d(20%, 0, 0); + } +} +@-webkit-keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-next-to-current-shadow { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-previous-to-current-opacity { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-current-to-previous-opacity { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-page-current-to-next-shadow { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.ios .link { + -webkit-transition: opacity 300ms; + transition: opacity 300ms; +} +.ios .link i + span, +.ios .link i + i, +.ios .link span + i, +.ios .link span + span { + margin-right: 7px; +} +.ios .link.active-state { + opacity: 0.3; + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .navbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; +} +.ios .navbar.no-hairline:after { + display: none !important; +} +.ios .navbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .navbar a.link { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 44px; + height: 44px; +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .navbar .title { + font-size: 17px; + margin: 0; + line-height: 1.2; +} +.ios .navbar .subtitle { + color: #6d6d72; + line-height: 1; + font-size: 10px; + text-align: center; + font-weight: normal; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b, +.ios .navbar .title { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: 8px; +} +.ios .navbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .navbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .navbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .navbar-inner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 8px; +} +.ios .navbar ~ *:not(.no-navbar) .page-content, +.ios .navbar ~ .page-content { + padding-top: 44px; +} +.ios .navbar-previous { + pointer-events: none; +} +.ios .navbar-previous .left, +.ios .navbar-previous .right, +.ios .navbar-previous > .title, +.ios .navbar-previous .subnavbar, +.ios .navbar-previous .fading { + opacity: 0; +} +.ios .navbar-previous .sliding { + opacity: 0; +} +.ios .navbar-previous .subnavbar.sliding, +.ios .navbar-previous.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .router-transition-css-forward .navbar-current .left, +.ios .router-transition-css-backward .navbar-current .left, +.ios .router-transition-css-forward .navbar-current > .title, +.ios .router-transition-css-backward .navbar-current > .title, +.ios .router-transition-css-forward .navbar-current .right, +.ios .router-transition-css-backward .navbar-current .right, +.ios .router-transition-css-forward .navbar-current .subnavbar, +.ios .router-transition-css-backward .navbar-current .subnavbar { + -webkit-animation: ios-navbar-element-fade-out 400ms forwards; + animation: ios-navbar-element-fade-out 400ms forwards; +} +.ios .router-transition-css-forward .navbar-current .sliding, +.ios .router-transition-css-backward .navbar-current .sliding, +.ios .router-transition-css-forward .navbar-current .left.sliding .icon, +.ios .router-transition-css-backward .navbar-current .left.sliding .icon, +.ios .router-transition-css-forward .navbar-current.sliding .left, +.ios .router-transition-css-backward .navbar-current.sliding .left, +.ios .router-transition-css-forward .navbar-current.sliding .left .icon, +.ios .router-transition-css-backward .navbar-current.sliding .left .icon, +.ios .router-transition-css-forward .navbar-current.sliding > .title, +.ios .router-transition-css-backward .navbar-current.sliding > .title, +.ios .router-transition-css-forward .navbar-current.sliding .right, +.ios .router-transition-css-backward .navbar-current.sliding .right { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + opacity: 0 !important; + -webkit-animation: none; + animation: none; +} +.ios .router-transition-css-forward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-current.sliding .subnavbar, +.ios .router-transition-css-forward .navbar-current .sliding.subnavbar, +.ios .router-transition-css-backward .navbar-current .sliding.subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + opacity: 1; +} +.ios .router-transition-css-forward .navbar-next .left, +.ios .router-transition-css-backward .navbar-previous .left, +.ios .router-transition-css-forward .navbar-next > .title, +.ios .router-transition-css-backward .navbar-previous > .title, +.ios .router-transition-css-forward .navbar-next .right, +.ios .router-transition-css-backward .navbar-previous .right, +.ios .router-transition-css-forward .navbar-next .subnavbar, +.ios .router-transition-css-backward .navbar-previous .subnavbar { + -webkit-animation: ios-navbar-element-fade-in 400ms forwards; + animation: ios-navbar-element-fade-in 400ms forwards; +} +.ios .router-transition-css-forward .navbar-next .sliding, +.ios .router-transition-css-backward .navbar-previous .sliding, +.ios .router-transition-css-forward .navbar-next .left.sliding .icon, +.ios .router-transition-css-backward .navbar-previous .left.sliding .icon, +.ios .router-transition-css-forward .navbar-next.sliding .left, +.ios .router-transition-css-backward .navbar-previous.sliding .left, +.ios .router-transition-css-forward .navbar-next.sliding .left .icon, +.ios .router-transition-css-backward .navbar-previous.sliding .left .icon, +.ios .router-transition-css-forward .navbar-next.sliding > .title, +.ios .router-transition-css-backward .navbar-previous.sliding > .title, +.ios .router-transition-css-forward .navbar-next.sliding .right, +.ios .router-transition-css-backward .navbar-previous.sliding .right, +.ios .router-transition-css-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-animation: none; + animation: none; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .theme-dark .navbar, +.navbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .navbar:after, +.navbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .navbar .subtitle, +.navbar.ios .theme-dark .subtitle { + color: #8e8e93; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-left .navbar-inner { + padding-left: calc(8px + constant(safe-area-inset-right)); + padding-left: calc(8px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .navbar-inner, + .ios.device-iphone-x .ios-edges .navbar-inner, + .ios.device-iphone-x .popup .navbar-inner, + .ios.device-iphone-x .sheet-modal .navbar-inner, + .ios.device-iphone-x .panel-right .navbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.ios .toolbar { + height: 44px; + font-size: 17px; + background: #f7f7f8; + bottom: 0; +} +.ios .toolbar:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.ios .toolbar a.link { + line-height: 44px; + height: 44px; +} +.ios .toolbar a.link i + span, +.ios .toolbar a.link i + i, +.ios .toolbar a.link span + i, +.ios .toolbar a.link span + span { + margin-right: 7px; +} +.ios .toolbar a.icon-only { + min-height: 44px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar b { + font-weight: 600; +} +.ios .toolbar.no-hairline:before { + display: none !important; +} +.ios .toolbar:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .toolbar-inner { + padding: 0 8px; +} +.ios .tabbar, +.ios .tabbar-labels { + color: #929292; +} +.ios .tabbar a, +.ios .tabbar-labels a { + color: #929292; +} +.ios .tabbar a.tab-link-active, +.ios .tabbar-labels a.tab-link-active { + color: #007aff; +} +.ios .tabbar i.icon, +.ios .tabbar-labels i.icon { + height: 30px; +} +.ios .tabbar-labels { + height: 50px; +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +.ios .tabbar-labels .tabbar-label { + letter-spacing: 0.01em; + font-size: 10px; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } + .ios .tabbar-labels { + height: 56px; + } + .ios .tabbar-labels .tabbar-label { + font-size: 14px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.ios .toolbar ~ * .page-content, +.ios .toolbar ~ .page-content { + padding-bottom: 44px; +} +.ios .tabbar-labels ~ * .page-content, +.ios .tabbar-labels ~ .page-content { + padding-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .page-content, + .ios .tabbar-labels ~ .page-content { + padding-bottom: 56px; + } +} +.ios .toolbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios .toolbar-hidden { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .theme-dark .toolbar, +.toolbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .toolbar:before, +.toolbar.ios .theme-dark:before { + background-color: #282829; +} +.ios .color-theme-red .tabbar a.tab-link-active, +.ios .color-theme-red .tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar-labels a.tab-link-active, +.ios .color-theme-red.tabbar a.tab-link-active { + color: #ff3b30; +} +.ios .color-theme-green .tabbar a.tab-link-active, +.ios .color-theme-green .tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar-labels a.tab-link-active, +.ios .color-theme-green.tabbar a.tab-link-active { + color: #4cd964; +} +.ios .color-theme-blue .tabbar a.tab-link-active, +.ios .color-theme-blue .tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar-labels a.tab-link-active, +.ios .color-theme-blue.tabbar a.tab-link-active { + color: #007aff; +} +.ios .color-theme-pink .tabbar a.tab-link-active, +.ios .color-theme-pink .tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar-labels a.tab-link-active, +.ios .color-theme-pink.tabbar a.tab-link-active { + color: #ff2d55; +} +.ios .color-theme-yellow .tabbar a.tab-link-active, +.ios .color-theme-yellow .tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar-labels a.tab-link-active, +.ios .color-theme-yellow.tabbar a.tab-link-active { + color: #ffcc00; +} +.ios .color-theme-orange .tabbar a.tab-link-active, +.ios .color-theme-orange .tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar-labels a.tab-link-active, +.ios .color-theme-orange.tabbar a.tab-link-active { + color: #ff9500; +} +.ios .color-theme-gray .tabbar a.tab-link-active, +.ios .color-theme-gray .tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar-labels a.tab-link-active, +.ios .color-theme-gray.tabbar a.tab-link-active { + color: #8e8e93; +} +.ios .color-theme-white .tabbar a.tab-link-active, +.ios .color-theme-white .tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar-labels a.tab-link-active, +.ios .color-theme-white.tabbar a.tab-link-active { + color: #ffffff; +} +.ios .color-theme-black .tabbar a.tab-link-active, +.ios .color-theme-black .tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar-labels a.tab-link-active, +.ios .color-theme-black.tabbar a.tab-link-active { + color: #000000; +} +.ios .tabbar-labels.color-red a.tab-link-active, +.ios .tabbar.color-red a.tab-link-active { + color: #ff3b30; +} +.ios .tabbar-labels.color-green a.tab-link-active, +.ios .tabbar.color-green a.tab-link-active { + color: #4cd964; +} +.ios .tabbar-labels.color-blue a.tab-link-active, +.ios .tabbar.color-blue a.tab-link-active { + color: #007aff; +} +.ios .tabbar-labels.color-pink a.tab-link-active, +.ios .tabbar.color-pink a.tab-link-active { + color: #ff2d55; +} +.ios .tabbar-labels.color-yellow a.tab-link-active, +.ios .tabbar.color-yellow a.tab-link-active { + color: #ffcc00; +} +.ios .tabbar-labels.color-orange a.tab-link-active, +.ios .tabbar.color-orange a.tab-link-active { + color: #ff9500; +} +.ios .tabbar-labels.color-gray a.tab-link-active, +.ios .tabbar.color-gray a.tab-link-active { + color: #8e8e93; +} +.ios .tabbar-labels.color-white a.tab-link-active, +.ios .tabbar.color-white a.tab-link-active { + color: #ffffff; +} +.ios .tabbar-labels.color-black a.tab-link-active, +.ios .tabbar.color-black a.tab-link-active { + color: #000000; +} +.ios.device-iphone-x .views > .toolbar, +.ios.device-iphone-x .view > .toolbar, +.ios.device-iphone-x .page > .toolbar, +.ios.device-iphone-x .popup > .toolbar, +.ios.device-iphone-x .panel > .toolbar, +.ios.device-iphone-x .login-screen > .toolbar { + height: calc(44px + constant(safe-area-inset-bottom)); + height: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .views > .toolbar .toolbar-inner, +.ios.device-iphone-x .view > .toolbar .toolbar-inner, +.ios.device-iphone-x .page > .toolbar .toolbar-inner, +.ios.device-iphone-x .popup > .toolbar .toolbar-inner, +.ios.device-iphone-x .panel > .toolbar .toolbar-inner, +.ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { + height: auto; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .views > .tabbar-labels, +.ios.device-iphone-x .view > .tabbar-labels, +.ios.device-iphone-x .page > .tabbar-labels, +.ios.device-iphone-x .popup > .tabbar-labels, +.ios.device-iphone-x .panel > .tabbar-labels, +.ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(50px + constant(safe-area-inset-bottom)); + height: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .views > .tabbar-labels, + .ios.device-iphone-x .view > .tabbar-labels, + .ios.device-iphone-x .page > .tabbar-labels, + .ios.device-iphone-x .popup > .tabbar-labels, + .ios.device-iphone-x .panel > .tabbar-labels, + .ios.device-iphone-x .login-screen > .tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios.device-iphone-x .toolbar ~ * .page-content, +.ios.device-iphone-x .toolbar ~ .page-content { + padding-bottom: calc(44px + constant(safe-area-inset-bottom)); + padding-bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ * .page-content, +.ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(50px + constant(safe-area-inset-bottom)); + padding-bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ * .page-content, + .ios.device-iphone-x .tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-left .toolbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .toolbar-inner, + .ios.device-iphone-x .ios-edges .toolbar-inner, + .ios.device-iphone-x .popup .toolbar-inner, + .ios.device-iphone-x .sheet-modal .toolbar-inner, + .ios.device-iphone-x .panel-right .toolbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.ios .subnavbar { + height: 45px; + margin-top: -1px; + padding-top: 1px; + background: #f7f7f8; +} +.ios .subnavbar.no-hairline:after { + display: none !important; +} +.ios .subnavbar .title { + font-weight: 700; + line-height: 1; + overflow: visible; + font-size: 34px; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + letter-spacing: -0.03em; +} +.ios .subnavbar .title { + margin-right: 7px; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + line-height: 44px; + height: 44px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + min-width: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; +} +.ios .subnavbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .subnavbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .subnavbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .subnavbar-inner { + padding: 0 8px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.ios .navbar ~ .subnavbar { + top: 44px; +} +.ios .page-with-subnavbar .page-content, +.ios .subnavbar ~ .page-content, +.ios .subnavbar ~ * .page-content { + padding-top: 44px; +} +.ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.ios .page-with-subnavbar .navbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .subnavbar, +.subnavbar.ios .theme-dark { + background: #1b1b1b; +} +.ios .theme-dark .subnavbar:after, +.subnavbar.ios .theme-dark:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .subnavbar-inner, + .ios.device-iphone-x .ios-edges .subnavbar-inner, + .ios.device-iphone-x .popup .subnavbar-inner, + .ios.device-iphone-x .sheet-modal .subnavbar-inner, + .ios.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === Content Block === */ +.ios .block { + margin: 35px 0; + padding: 0 15px; + color: #6d6d72; +} +.ios .block-title { + text-transform: uppercase; + color: #6d6d72; + margin: 35px 15px 10px; + line-height: 17px; +} +.ios .block-title + .list, +.ios .block-title + .block, +.ios .block-title + .card, +.ios .block-title + .timeline, +.ios .block-title + .block-header { + margin-top: 10px; +} +.ios .block-strong { + color: #000; + background: #fff; + padding: 15px 15px; +} +.ios .block-strong:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block-strong:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .block.inset { + margin-left: 15px; + margin-right: 15px; +} +.ios .block-strong-inset { + border-radius: 7px; +} +.ios .block-header, +.ios .block-footer { + padding: 0 15px; + color: #8f8f94; +} +.ios .block .block-header, +.ios .block .block-footer { + padding: 0 !important; +} +.ios .block-header { + margin-top: 35px; +} +.ios .block-header + .list, +.ios .block-header + .block, +.ios .block-header + .card, +.ios .block-header + .timeline { + margin-top: 10px; +} +.ios .block-footer { + margin-bottom: 35px; +} +.ios .list .block-header, +.ios .block .block-header, +.ios .card .block-header, +.ios .timeline .block-header { + margin-top: 0; +} +.ios .list .block-footer, +.ios .block .block-footer, +.ios .card .block-footer, +.ios .timeline .block-footer { + margin-bottom: 0; +} +.ios .list + .block-footer, +.ios .block + .block-footer, +.ios .card + .block-footer, +.ios .timeline + .block-footer { + margin-top: -25px; +} +.ios .block + .block-footer { + margin-top: -25px; + margin-bottom: 35px; +} +@media (min-width: 768px) { + .ios .block.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .block-strong.tablet-inset { + border-radius: 7px; + } +} +.ios .theme-dark .block-title, +.ios .theme-dark .block-header, +.ios .theme-dark .block-footer { + color: #8E8E93; +} +.ios .theme-dark .block { + color: #8E8E93; +} +.ios .theme-dark .block-strong, +.ios .theme-dark.block-strong { + background-color: #1c1c1d; + color: #fff; +} +.ios .theme-dark .block-strong:before, +.ios .theme-dark.block-strong:before { + background-color: #282829; +} +.ios .theme-dark .block-strong:after, +.ios .theme-dark.block-strong:after { + background-color: #282829; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-left .block-header, + .ios.device-iphone-x .ios-left-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-left .block-footer { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-header, + .ios.device-iphone-x .ios-edges .block-header, + .ios.device-iphone-x .popup .block-header, + .ios.device-iphone-x .sheet-modal .block-header, + .ios.device-iphone-x .panel-right .block-header, + .ios.device-iphone-x .ios-right-edge .block-footer, + .ios.device-iphone-x .ios-edges .block-footer, + .ios.device-iphone-x .popup .block-footer, + .ios.device-iphone-x .sheet-modal .block-footer, + .ios.device-iphone-x .panel-right .block-footer { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 15px center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: left center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.ios .list { + margin: 35px 0; + font-size: 17px; +} +.ios .list .item-cell { + width: 100%; + min-width: 0; + margin-right: 15px; +} +.ios .list .item-cell:first-child { + margin-right: 0; +} +.ios .list ul { + background: #fff; +} +.ios .list ul ul { + padding-right: 45px; +} +.ios .list .item-media { + padding-top: 7px; +} +.ios .list .item-media i + i, +.ios .list .item-media i + img { + margin-right: 5px; +} +.ios .list .item-media + .item-inner { + margin-right: 15px; +} +.ios .list .item-inner { + min-height: 44px; + padding-left: 15px; +} +.ios .list .item-after { + color: #8e8e93; + padding-right: 5px; +} +.ios .list .item-link, +.ios .list .list-button { + color: inherit; +} +.ios .list .item-link .item-inner, +.ios .list .list-button .item-inner { + padding-left: 35px; +} +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .list .item-link.active-state .item-inner:after, +.ios .list .list-button.active-state .item-inner:after { + background-color: transparent; +} +.ios .list .list-button { + padding: 0 15px; + text-align: center; + color: #007aff; + line-height: 44px; +} +.ios .list .item-content { + min-height: 44px; + padding-right: 15px; +} +.ios .list .item-subtitle { + font-size: 15px; +} +.ios .list .item-text { + font-size: 15px; + color: #8e8e93; + line-height: 21px; + max-height: 42px; +} +.ios .list .item-header, +.ios .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.ios .list .item-footer { + color: #8e8e93; +} +.ios .list .item-link.no-chevron .item-inner, +.ios .list.no-chevron .item-link .item-inner, +.ios .list .no-chevron .item-link .item-inner, +.ios .no-chevron .list .item-link .item-inner { + padding-left: 15px; +} +.ios .simple-list li:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .simple-list li { + padding-left: 15px; + padding-right: 15px; + line-height: 44px; + height: 44px; +} +.ios .simple-list li:after { + left: 15px; + right: 0; + width: auto; + right: 15px; + left: 0; +} +.ios .links-list a:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .links-list a { + height: 44px; + color: inherit; +} +.ios .links-list a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .links-list a:after { + width: auto; +} +.ios .links-list a { + padding-right: 15px; + padding-left: 35px; +} +.ios .links-list a:after { + right: 15px; + left: 0; +} +.ios .links-list.no-chevron a, +.ios .no-chevron .links-list a, +.ios .links-list a.no-chevron, +.ios .links-list .no-chevron a { + padding-left: 15px; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.ios .media-list .item-inner, +.ios li.media-item .item-inner { + padding-top: 10px; + padding-bottom: 9px; +} +.ios .media-list .item-media, +.ios li.media-item .item-media { + padding-top: 9px; + padding-bottom: 10px; +} +.ios .media-list .item-link .item-inner, +.ios li.media-item .item-link .item-inner { + padding-left: 15px; +} +.ios .media-list .item-link .item-title-row, +.ios li.media-item .item-link .item-title-row { + padding-left: 20px; +} +.ios .media-list.chevron-center .item-link .item-inner, +.ios .media-list .chevron-center .item-link .item-inner, +.ios .media-list .item-link.chevron-center .item-inner, +.ios li.media-item.chevron-center .item-link .item-inner, +.ios li.media-item .item-link.chevron-center .item-inner, +.ios li.media-item .chevron-center .item-link .item-inner { + padding-left: 35px; +} +.ios .media-list.no-chevron .item-link .item-title-row, +.ios .no-chevron .media-list .item-link .item-title-row, +.ios .media-list .no-chevron .item-link .item-title-row, +.ios li.media-item.no-chevron .item-link .item-title-row, +.ios .no-chevron li.media-item .item-link .item-title-row, +.ios .media-list.chevron-center .item-title-row, +.ios .media-list .chevron-center .item-title-row, +.ios li.media-item.chevron-center .item-title-row, +.ios li.media-item .chevron-center .item-title-row { + padding-left: 0 !important; +} +.ios .list .item-link .item-inner, +.ios .links-list a { + background-position: 15px center; +} +.ios .item-divider, +.ios .list-group-title { + margin-top: -1px; + padding: 4px 15px; + background: #f7f7f7; + color: #8e8e93; +} +.ios .item-divider:after, +.ios .list-group-title:after { + display: none !important; +} +.ios .list-group-title { + margin-top: 0; +} +.ios .item-divider:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .item-divider:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .item-divider:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list-group-title:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list-group-title:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list-group-title:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .list-button:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .list-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .list-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list ul:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .list.inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; +} +.ios .list.inset ul { + border-radius: 7px; +} +.ios .list.inset li:first-child > a { + border-radius: 7px 7px 0 0; +} +.ios .list.inset li:last-child > a { + border-radius: 0 0 7px 7px; +} +.ios .list.inset li:first-child:last-child > a { + border-radius: 7px; +} +@media (min-width: 768px) { + .ios .list.tablet-inset { + margin-left: 15px; + margin-right: 15px; + border-radius: 7px; + } + .ios .list.tablet-inset ul { + border-radius: 7px; + } + .ios .list.tablet-inset li:first-child > a { + border-radius: 7px 7px 0 0; + } + .ios .list.tablet-inset li:last-child > a { + border-radius: 0 0 7px 7px; + } + .ios .list.tablet-inset li:first-child:last-child > a { + border-radius: 7px; + } +} +.ios li li:last-child .item-inner:after, +.ios li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + background-position: calc(15px + constant(safe-area-inset-left)) center; + background-position: calc(15px + env(safe-area-inset-left)) center; + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { + padding-left: 0; + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 15px; + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { + right: calc(15px + constant(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { + right: calc(15px + const(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(15px + constant(safe-area-inset-left)); + margin-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(15px + constant(safe-area-inset-right)); + margin-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .list ul, +.list.ios .theme-dark ul { + background: #1c1c1d; +} +.ios .theme-dark .list ul:before, +.list.ios .theme-dark ul:before { + background-color: #282829; +} +.ios .theme-dark .list ul:after, +.list.ios .theme-dark ul:after { + background-color: #282829; +} +.ios .theme-dark .list li li:last-child .item-inner:after, +.list.ios .theme-dark li li:last-child .item-inner:after, +.ios .theme-dark .list li:last-child li .item-inner:after, +.list.ios .theme-dark li:last-child li .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider:before { + background-color: #282829; +} +.ios .theme-dark .list-group-title:before { + background-color: #282829; +} +.ios .theme-dark .list-button:after { + background-color: #282829; +} +.ios .theme-dark .item-inner:after { + background-color: #282829; +} +.ios .theme-dark .item-divider, +.ios .theme-dark .list-group-title { + background-color: #111; +} +.ios .theme-dark .links-list a:after, +.ios .theme-dark .simple-list li:after, +.ios .theme-dark .links-list a:after, +.links-list.ios .theme-dark a .simple-list li:after, +.simple-list.ios .theme-dark li:after { + background-color: #282829; +} +.ios .theme-dark .list .item-link.active-state, +.list.ios .theme-dark .item-link.active-state, +.ios .theme-dark .list .list-button.active-state, +.list.ios .theme-dark .list-button.active-state, +.ios .theme-dark .links-list a.active-state, +.links-list.ios .theme-dark a.active-state { + background-color: #363636; +} +.ios .color-theme-red .list-button { + color: #ff3b30; +} +.ios .color-theme-green .list-button { + color: #4cd964; +} +.ios .color-theme-blue .list-button { + color: #007aff; +} +.ios .color-theme-pink .list-button { + color: #ff2d55; +} +.ios .color-theme-yellow .list-button { + color: #ffcc00; +} +.ios .color-theme-orange .list-button { + color: #ff9500; +} +.ios .color-theme-gray .list-button { + color: #8e8e93; +} +.ios .color-theme-white .list-button { + color: #ffffff; +} +.ios .color-theme-black .list-button { + color: #000000; +} +.ios .list .list-button.color-red, +.ios .list li.color-red .list-button, +.ios .links-list li.color-red a, +.ios .simple-list li.color-red, +.ios .links-list a.color-red, +.ios .list .item-link.color-red, +.ios .list li.color-red .item-link { + color: #ff3b30; +} +.ios .list .list-button.color-green, +.ios .list li.color-green .list-button, +.ios .links-list li.color-green a, +.ios .simple-list li.color-green, +.ios .links-list a.color-green, +.ios .list .item-link.color-green, +.ios .list li.color-green .item-link { + color: #4cd964; +} +.ios .list .list-button.color-blue, +.ios .list li.color-blue .list-button, +.ios .links-list li.color-blue a, +.ios .simple-list li.color-blue, +.ios .links-list a.color-blue, +.ios .list .item-link.color-blue, +.ios .list li.color-blue .item-link { + color: #007aff; +} +.ios .list .list-button.color-pink, +.ios .list li.color-pink .list-button, +.ios .links-list li.color-pink a, +.ios .simple-list li.color-pink, +.ios .links-list a.color-pink, +.ios .list .item-link.color-pink, +.ios .list li.color-pink .item-link { + color: #ff2d55; +} +.ios .list .list-button.color-yellow, +.ios .list li.color-yellow .list-button, +.ios .links-list li.color-yellow a, +.ios .simple-list li.color-yellow, +.ios .links-list a.color-yellow, +.ios .list .item-link.color-yellow, +.ios .list li.color-yellow .item-link { + color: #ffcc00; +} +.ios .list .list-button.color-orange, +.ios .list li.color-orange .list-button, +.ios .links-list li.color-orange a, +.ios .simple-list li.color-orange, +.ios .links-list a.color-orange, +.ios .list .item-link.color-orange, +.ios .list li.color-orange .item-link { + color: #ff9500; +} +.ios .list .list-button.color-gray, +.ios .list li.color-gray .list-button, +.ios .links-list li.color-gray a, +.ios .simple-list li.color-gray, +.ios .links-list a.color-gray, +.ios .list .item-link.color-gray, +.ios .list li.color-gray .item-link { + color: #8e8e93; +} +.ios .list .list-button.color-white, +.ios .list li.color-white .list-button, +.ios .links-list li.color-white a, +.ios .simple-list li.color-white, +.ios .links-list a.color-white, +.ios .list .item-link.color-white, +.ios .list li.color-white .item-link { + color: #ffffff; +} +.ios .list .list-button.color-black, +.ios .list li.color-black .list-button, +.ios .links-list li.color-black a, +.ios .simple-list li.color-black, +.ios .links-list a.color-black, +.ios .list .item-link.color-black, +.ios .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.ios .badge { + font-size: 13px; + border-radius: 20px; + padding: 0 6px; + height: 20px; + line-height: 20px; +} +.ios .icon .badge, +.ios .f7-icons .badge, +.ios .framework7-icons .badge, +.ios .material-icons .badge { + line-height: 16px; + height: 16px; + border-radius: 16px; + padding: 0 4px; + min-width: 16px; + font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.ios .badge.color-red { + background-color: #ff3b30; +} +.ios .badge.color-green { + background-color: #4cd964; +} +.ios .badge.color-blue { + background-color: #007aff; +} +.ios .badge.color-pink { + background-color: #ff2d55; +} +.ios .badge.color-yellow { + background-color: #ffcc00; +} +.ios .badge.color-orange { + background-color: #ff9500; +} +.ios .badge.color-gray { + background-color: #8e8e93; +} +.ios .badge.color-white { + background-color: #ffffff; +} +.ios .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; +} +.ios .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.button-round, +.ios .button.button-round-ios { + border-radius: 29px; +} +.ios .button.button-active, +.ios .button.tab-link-active { + background: #007aff; + color: #fff; +} +.ios .button.button-big, +.ios .button.button-big-ios { + font-size: 17px; + height: 44px; + line-height: 42px; +} +.ios .button.button-small, +.ios .button.button-small-ios { + height: 26px; + line-height: 22px; + border-width: 2px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.ios .button.button-small.button-fill.active-state, +.ios .button.button-small-ios.button-fill.active-state, +.ios .button.button-small.button-fill-ios.active-state, +.ios .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; + opacity: 1; +} +.ios .button.button-fill, +.ios .button.button-fill-ios { + color: #fff; + background: #007aff; + border-color: transparent; +} +.ios .button.button-fill.active-state, +.ios .button.button-fill-ios.active-state { + opacity: 0.8; +} +.ios .button i.icon:first-child { + margin-left: 10px; +} +.ios .button i.icon:last-child { + margin-right: 10px; +} +.ios .button i.icon:first-child:last-child { + margin-left: 0; + margin-right: 0; +} +.ios .segmented .button { + border-radius: 0; + border-right-width: 0; +} +.ios .segmented .button:first-child { + border-radius: 0 5px 5px 0; + border-right-width: 1px; + border-right-style: solid; +} +.ios .segmented .button:first-child.button-small { + border-right-width: 2px; +} +.ios .segmented .button:last-child { + border-radius: 5px 0 0 5px; +} +.ios .segmented .button:first-child:last-child { + border-radius: 5px; +} +.ios .segmented .button.button-round:first-child, +.ios .segmented .button.button-round-ios:first-child { + border-radius: 0 29px 29px 0; +} +.ios .segmented .button.button-round:last-child, +.ios .segmented .button.button-round-ios:last-child { + border-radius: 0 29px 29px 0; + border-radius: 29px 0 0 29px; +} +.ios .color-theme-red .button { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .button.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active, +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-red .button.button-active, +.ios .color-theme-red .button.tab-link-active { + background: #ff3b30; +} +.ios .color-theme-red .button.button-fill, +.ios .color-theme-red .button.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .color-theme-red .button.button-small.button-fill.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill.active-state, +.ios .color-theme-red .button.button-small.button-fill-ios.active-state, +.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .color-theme-green .button { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .button.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active, +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-green .button.button-active, +.ios .color-theme-green .button.tab-link-active { + background: #4cd964; +} +.ios .color-theme-green .button.button-fill, +.ios .color-theme-green .button.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .color-theme-green .button.button-small.button-fill.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill.active-state, +.ios .color-theme-green .button.button-small.button-fill-ios.active-state, +.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .color-theme-blue .button { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .button.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active, +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-blue .button.button-active, +.ios .color-theme-blue .button.tab-link-active { + background: #007aff; +} +.ios .color-theme-blue .button.button-fill, +.ios .color-theme-blue .button.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .color-theme-blue .button.button-small.button-fill.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill.active-state, +.ios .color-theme-blue .button.button-small.button-fill-ios.active-state, +.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .color-theme-pink .button { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .button.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active, +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-pink .button.button-active, +.ios .color-theme-pink .button.tab-link-active { + background: #ff2d55; +} +.ios .color-theme-pink .button.button-fill, +.ios .color-theme-pink .button.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .color-theme-pink .button.button-small.button-fill.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill.active-state, +.ios .color-theme-pink .button.button-small.button-fill-ios.active-state, +.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .color-theme-yellow .button { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .button.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active, +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-yellow .button.button-active, +.ios .color-theme-yellow .button.tab-link-active { + background: #ffcc00; +} +.ios .color-theme-yellow .button.button-fill, +.ios .color-theme-yellow .button.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .color-theme-yellow .button.button-small.button-fill.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, +.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, +.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .color-theme-orange .button { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .button.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active, +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-orange .button.button-active, +.ios .color-theme-orange .button.tab-link-active { + background: #ff9500; +} +.ios .color-theme-orange .button.button-fill, +.ios .color-theme-orange .button.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .color-theme-orange .button.button-small.button-fill.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill.active-state, +.ios .color-theme-orange .button.button-small.button-fill-ios.active-state, +.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .color-theme-gray .button { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .button.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active, +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-gray .button.button-active, +.ios .color-theme-gray .button.tab-link-active { + background: #8e8e93; +} +.ios .color-theme-gray .button.button-fill, +.ios .color-theme-gray .button.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .color-theme-gray .button.button-small.button-fill.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill.active-state, +.ios .color-theme-gray .button.button-small.button-fill-ios.active-state, +.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .color-theme-white .button { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .button.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active, +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-white .button.button-active, +.ios .color-theme-white .button.tab-link-active { + background: #ffffff; +} +.ios .color-theme-white .button.button-fill, +.ios .color-theme-white .button.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .color-theme-white .button.button-small.button-fill.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill.active-state, +.ios .color-theme-white .button.button-small.button-fill-ios.active-state, +.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .color-theme-black .button { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .button.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active, +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + color: #fff; +} +.ios .color-theme-black .button.button-active, +.ios .color-theme-black .button.tab-link-active { + background: #000000; +} +.ios .color-theme-black .button.button-fill, +.ios .color-theme-black .button.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .color-theme-black .button.button-small.button-fill.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill.active-state, +.ios .color-theme-black .button.button-small.button-fill-ios.active-state, +.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +.ios .button.color-red { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .button.color-red.active-state { + background: rgba(255, 59, 48, 0.15); +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active, +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + color: #fff; +} +.ios .button.color-red.button-active, +.ios .button.color-red.tab-link-active { + background: #ff3b30; +} +.ios .button.color-red.button-fill, +.ios .button.color-red.button-fill-ios { + background: #ff3b30; + border-color: transparent; +} +.ios .button.color-red.button-small.button-fill.active-state, +.ios .button.color-red.button-small-ios.button-fill.active-state, +.ios .button.color-red.button-small.button-fill-ios.active-state, +.ios .button.color-red.button-small-ios.button-fill-ios.active-state { + color: #ff3b30; + border: 2px solid #ff3b30; + background-color: transparent; +} +.ios .button.color-green { + border-color: #4cd964; + color: #4cd964; +} +.ios .button.color-green.active-state { + background: rgba(76, 217, 100, 0.15); +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active, +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + color: #fff; +} +.ios .button.color-green.button-active, +.ios .button.color-green.tab-link-active { + background: #4cd964; +} +.ios .button.color-green.button-fill, +.ios .button.color-green.button-fill-ios { + background: #4cd964; + border-color: transparent; +} +.ios .button.color-green.button-small.button-fill.active-state, +.ios .button.color-green.button-small-ios.button-fill.active-state, +.ios .button.color-green.button-small.button-fill-ios.active-state, +.ios .button.color-green.button-small-ios.button-fill-ios.active-state { + color: #4cd964; + border: 2px solid #4cd964; + background-color: transparent; +} +.ios .button.color-blue { + border-color: #007aff; + color: #007aff; +} +.ios .button.color-blue.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active, +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + color: #fff; +} +.ios .button.color-blue.button-active, +.ios .button.color-blue.tab-link-active { + background: #007aff; +} +.ios .button.color-blue.button-fill, +.ios .button.color-blue.button-fill-ios { + background: #007aff; + border-color: transparent; +} +.ios .button.color-blue.button-small.button-fill.active-state, +.ios .button.color-blue.button-small-ios.button-fill.active-state, +.ios .button.color-blue.button-small.button-fill-ios.active-state, +.ios .button.color-blue.button-small-ios.button-fill-ios.active-state { + color: #007aff; + border: 2px solid #007aff; + background-color: transparent; +} +.ios .button.color-pink { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .button.color-pink.active-state { + background: rgba(255, 45, 85, 0.15); +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active, +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + color: #fff; +} +.ios .button.color-pink.button-active, +.ios .button.color-pink.tab-link-active { + background: #ff2d55; +} +.ios .button.color-pink.button-fill, +.ios .button.color-pink.button-fill-ios { + background: #ff2d55; + border-color: transparent; +} +.ios .button.color-pink.button-small.button-fill.active-state, +.ios .button.color-pink.button-small-ios.button-fill.active-state, +.ios .button.color-pink.button-small.button-fill-ios.active-state, +.ios .button.color-pink.button-small-ios.button-fill-ios.active-state { + color: #ff2d55; + border: 2px solid #ff2d55; + background-color: transparent; +} +.ios .button.color-yellow { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .button.color-yellow.active-state { + background: rgba(255, 204, 0, 0.15); +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active, +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + color: #fff; +} +.ios .button.color-yellow.button-active, +.ios .button.color-yellow.tab-link-active { + background: #ffcc00; +} +.ios .button.color-yellow.button-fill, +.ios .button.color-yellow.button-fill-ios { + background: #ffcc00; + border-color: transparent; +} +.ios .button.color-yellow.button-small.button-fill.active-state, +.ios .button.color-yellow.button-small-ios.button-fill.active-state, +.ios .button.color-yellow.button-small.button-fill-ios.active-state, +.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { + color: #ffcc00; + border: 2px solid #ffcc00; + background-color: transparent; +} +.ios .button.color-orange { + border-color: #ff9500; + color: #ff9500; +} +.ios .button.color-orange.active-state { + background: rgba(255, 149, 0, 0.15); +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active, +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + color: #fff; +} +.ios .button.color-orange.button-active, +.ios .button.color-orange.tab-link-active { + background: #ff9500; +} +.ios .button.color-orange.button-fill, +.ios .button.color-orange.button-fill-ios { + background: #ff9500; + border-color: transparent; +} +.ios .button.color-orange.button-small.button-fill.active-state, +.ios .button.color-orange.button-small-ios.button-fill.active-state, +.ios .button.color-orange.button-small.button-fill-ios.active-state, +.ios .button.color-orange.button-small-ios.button-fill-ios.active-state { + color: #ff9500; + border: 2px solid #ff9500; + background-color: transparent; +} +.ios .button.color-gray { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .button.color-gray.active-state { + background: rgba(142, 142, 147, 0.15); +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active, +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + color: #fff; +} +.ios .button.color-gray.button-active, +.ios .button.color-gray.tab-link-active { + background: #8e8e93; +} +.ios .button.color-gray.button-fill, +.ios .button.color-gray.button-fill-ios { + background: #8e8e93; + border-color: transparent; +} +.ios .button.color-gray.button-small.button-fill.active-state, +.ios .button.color-gray.button-small-ios.button-fill.active-state, +.ios .button.color-gray.button-small.button-fill-ios.active-state, +.ios .button.color-gray.button-small-ios.button-fill-ios.active-state { + color: #8e8e93; + border: 2px solid #8e8e93; + background-color: transparent; +} +.ios .button.color-white { + border-color: #ffffff; + color: #ffffff; +} +.ios .button.color-white.active-state { + background: rgba(255, 255, 255, 0.15); +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active, +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + color: #fff; +} +.ios .button.color-white.button-active, +.ios .button.color-white.tab-link-active { + background: #ffffff; +} +.ios .button.color-white.button-fill, +.ios .button.color-white.button-fill-ios { + background: #ffffff; + border-color: transparent; +} +.ios .button.color-white.button-small.button-fill.active-state, +.ios .button.color-white.button-small-ios.button-fill.active-state, +.ios .button.color-white.button-small.button-fill-ios.active-state, +.ios .button.color-white.button-small-ios.button-fill-ios.active-state { + color: #ffffff; + border: 2px solid #ffffff; + background-color: transparent; +} +.ios .button.color-black { + border-color: #000000; + color: #000000; +} +.ios .button.color-black.active-state { + background: rgba(0, 0, 0, 0.15); +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active, +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + color: #fff; +} +.ios .button.color-black.button-active, +.ios .button.color-black.tab-link-active { + background: #000000; +} +.ios .button.color-black.button-fill, +.ios .button.color-black.button-fill-ios { + background: #000000; + border-color: transparent; +} +.ios .button.color-black.button-small.button-fill.active-state, +.ios .button.color-black.button-small-ios.button-fill.active-state, +.ios .button.color-black.button-small.button-fill-ios.active-state, +.ios .button.color-black.button-small-ios.button-fill-ios.active-state { + color: #000000; + border: 2px solid #000000; + background-color: transparent; +} +/* === Touch Ripple === */ +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.ios .icon-back, +.ios .icon-prev { + width: 12px; + height: 20px; +} +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; +} +.ios .icon-next, +.ios .icon-prev { + width: 10px; +} +.ios .icon-forward, +.ios .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon-back, +.ios .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .navbar .f7-icons, +.ios .toolbar .f7-icons { + font-size: 22px; +} +.ios .tabbar .f7-icons, +.ios .tabbar-labels .f7-icons { + font-size: 25px; +} +.ios .item-media .f7-icons { + font-size: 25px; + width: 29px; + height: 29px; +} +.ios .button .f7-icons { + font-size: 22px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .color-theme-red .icon-forward, +.ios .icon-forward.color-red, +.ios a.link.color-red .icon-forward, +.ios .color-theme-red .icon-next, +.ios .icon-next.color-red, +.ios a.link.color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-red .icon-back, +.ios .icon-back.color-red, +.ios a.link.color-red .icon-back, +.ios .color-theme-red .icon-prev, +.ios .icon-prev.color-red, +.ios a.link.color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-forward, +.ios .icon-forward.color-green, +.ios a.link.color-green .icon-forward, +.ios .color-theme-green .icon-next, +.ios .icon-next.color-green, +.ios a.link.color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-green .icon-back, +.ios .icon-back.color-green, +.ios a.link.color-green .icon-back, +.ios .color-theme-green .icon-prev, +.ios .icon-prev.color-green, +.ios a.link.color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-forward, +.ios .icon-forward.color-blue, +.ios a.link.color-blue .icon-forward, +.ios .color-theme-blue .icon-next, +.ios .icon-next.color-blue, +.ios a.link.color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-blue .icon-back, +.ios .icon-back.color-blue, +.ios a.link.color-blue .icon-back, +.ios .color-theme-blue .icon-prev, +.ios .icon-prev.color-blue, +.ios a.link.color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-forward, +.ios .icon-forward.color-pink, +.ios a.link.color-pink .icon-forward, +.ios .color-theme-pink .icon-next, +.ios .icon-next.color-pink, +.ios a.link.color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-pink .icon-back, +.ios .icon-back.color-pink, +.ios a.link.color-pink .icon-back, +.ios .color-theme-pink .icon-prev, +.ios .icon-prev.color-pink, +.ios a.link.color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-forward, +.ios .icon-forward.color-yellow, +.ios a.link.color-yellow .icon-forward, +.ios .color-theme-yellow .icon-next, +.ios .icon-next.color-yellow, +.ios a.link.color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-yellow .icon-back, +.ios .icon-back.color-yellow, +.ios a.link.color-yellow .icon-back, +.ios .color-theme-yellow .icon-prev, +.ios .icon-prev.color-yellow, +.ios a.link.color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-forward, +.ios .icon-forward.color-orange, +.ios a.link.color-orange .icon-forward, +.ios .color-theme-orange .icon-next, +.ios .icon-next.color-orange, +.ios a.link.color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-orange .icon-back, +.ios .icon-back.color-orange, +.ios a.link.color-orange .icon-back, +.ios .color-theme-orange .icon-prev, +.ios .icon-prev.color-orange, +.ios a.link.color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-forward, +.ios .icon-forward.color-gray, +.ios a.link.color-gray .icon-forward, +.ios .color-theme-gray .icon-next, +.ios .icon-next.color-gray, +.ios a.link.color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-gray .icon-back, +.ios .icon-back.color-gray, +.ios a.link.color-gray .icon-back, +.ios .color-theme-gray .icon-prev, +.ios .icon-prev.color-gray, +.ios a.link.color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-forward, +.ios .icon-forward.color-white, +.ios a.link.color-white .icon-forward, +.ios .color-theme-white .icon-next, +.ios .icon-next.color-white, +.ios a.link.color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-white .icon-back, +.ios .icon-back.color-white, +.ios a.link.color-white .icon-back, +.ios .color-theme-white .icon-prev, +.ios .icon-prev.color-white, +.ios a.link.color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-forward, +.ios .icon-forward.color-black, +.ios a.link.color-black .icon-forward, +.ios .color-theme-black .icon-next, +.ios .icon-next.color-black, +.ios a.link.color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .color-theme-black .icon-back, +.ios .icon-back.color-black, +.ios a.link.color-black .icon-back, +.ios .color-theme-black .icon-prev, +.ios .icon-prev.color-black, +.ios a.link.color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); +} +.ios .icon.color-red { + color: #ff3b30; +} +.ios .icon.color-green { + color: #4cd964; +} +.ios .icon.color-blue { + color: #007aff; +} +.ios .icon.color-pink { + color: #ff2d55; +} +.ios .icon.color-yellow { + color: #ffcc00; +} +.ios .icon.color-orange { + color: #ff9500; +} +.ios .icon.color-gray { + color: #8e8e93; +} +.ios .icon.color-white { + color: #ffffff; +} +.ios .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +.dialog-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + -webkit-transform: translate3d(0, 0, 0) scale(1.185); + transform: translate3d(0, 0, 0) scale(1.185); + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + display: none; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + font-weight: 500; +} +.dialog-buttons { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +.dialog-input-field .item-input-wrap { + margin: 0; + padding: 0; +} +.dialog-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + -webkit-box-shadow: none; + box-shadow: none; +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog { + width: 270px; + margin-left: -135px; + text-align: center; + border-radius: 13px; + color: #000; +} +.ios .dialog.modal-out { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: 13px 13px 0 0; + background: rgba(255, 255, 255, 0.95); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .dialog-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .dialog-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .dialog-title { + font-size: 18px; + text-align: center; + font-weight: 600; +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + height: 44px; + font-size: 17px; + line-height: 44px; + text-align: center; + color: #007aff; + display: block; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + background: rgba(255, 255, 255, 0.95); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 13px; +} +.ios .dialog-button:last-child { + border-radius: 0 0 13px 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 13px 13px; +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-button.active-state { + background: rgba(230, 230, 230, 0.95); +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 13px 13px; +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .dialog-button:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .dialog-button:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: 13px; +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input-field .item-input-wrap { + margin: 0; +} +.ios .dialog-input { + height: 26px; + background: #fff; + padding: 0 5px; + border: 1px solid rgba(0, 0, 0, 0.3); + font-size: 14px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 5px; +} +.ios .dialog-preloader .preloader { + width: 34px; + height: 34px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.ios .dialog-button.color-red { + color: #ff3b30; +} +.ios .dialog-button.color-green { + color: #4cd964; +} +.ios .dialog-button.color-blue { + color: #007aff; +} +.ios .dialog-button.color-pink { + color: #ff2d55; +} +.ios .dialog-button.color-yellow { + color: #ffcc00; +} +.ios .dialog-button.color-orange { + color: #ff9500; +} +.ios .dialog-button.color-gray { + color: #8e8e93; +} +.ios .dialog-button.color-white { + color: #ffffff; +} +.ios .dialog-button.color-black { + color: #000000; +} +/* === Popup === */ +.popup-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.popup-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popup { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.popup.modal-in, +.popup.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popup.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: 630px; + height: 630px; + left: 50%; + top: 50%; + margin-left: -315px; + margin-top: -315px; + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + html.with-statusbar .popup-backdrop { + z-index: 9500; + } + html.with-statusbar.device-ios .popup, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 24px); + top: 24px; + } +} +@media (min-width: 630px), (min-height: 630px) { + html.with-statusbar.device-ios .popup-tablet-fullscreen, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup-tablet-fullscreen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup-tablet-fullscreen, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 24px); + top: 24px; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +.login-screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.login-screen.modal-in, +.login-screen.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.login-screen.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +html.with-statusbar.device-ios .login-screen, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 20px); + top: 20px; +} +html.with-statusbar.device-iphone-x .login-screen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .login-screen, +html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 24px); + top: 24px; +} +.login-screen-content { + background: #fff; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: 480px; +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: center; +} +.ios .login-screen-content .login-screen-title, +.ios .login-screen-content .list, +.ios .login-screen-content .block { + margin: 25px auto; +} +.ios .login-screen-title { + font-size: 30px; +} +.ios .theme-dark .login-screen-content, +.ios .theme-dark .login-screen-content .list ul { + background-color: transparent; +} +/* === Popover === */ +.popover-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popover-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popover { + width: 260px; + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + background: rgba(255, 255, 255, 0.95); + border-radius: 13px; + -webkit-transform: none; + transform: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.ios .popover .list:first-child ul { + border-radius: 13px 13px 0 0; +} +.ios .popover .list:first-child li:first-child, +.ios .popover .list:first-child li:first-child a, +.ios .popover .list:first-child li:first-child > label { + border-radius: 13px 13px 0 0; +} +.ios .popover .list:last-child ul { + border-radius: 0 0 13px 13px; +} +.ios .popover .list:last-child li:last-child, +.ios .popover .list:last-child li:last-child a, +.ios .popover .list:last-child li:last-child > label { + border-radius: 0 0 13px 13px; +} +.ios .popover .list:first-child:last-child li:first-child:last-child, +.ios .popover .list:first-child:last-child li:first-child:last-child a, +.ios .popover .list:first-child:last-child li:first-child:last-child > label, +.ios .popover .list:first-child:last-child ul { + border-radius: 13px; +} +.ios .popover .list + .list { + margin-top: 35px; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: rgba(255, 255, 255, 0.95); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.ios .popover-from-actions .list + .list { + margin-top: 20px; +} +.ios .popover-from-actions .list ul { + background: #fff; +} +.ios .popover-from-actions .item-link i.icon { + width: 29px; + height: 29px; + font-size: 29px; +} +.ios .popover-from-actions-label { + padding: 8px 10px; + color: #8a8a8a; + font-size: 13px; + text-align: center; +} +.ios .popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .popover, +.popover.ios .theme-dark { + background: rgba(30, 30, 30, 0.95); +} +.ios .theme-dark .popover .popover-angle:after, +.popover.ios .theme-dark .popover-angle:after { + background: rgba(30, 30, 30, 0.95); +} +.ios .theme-dark .popover .list ul, +.popover.ios .theme-dark .list ul { + background-color: transparent; +} +/* === Actions === */ +.actions-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.actions-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.actions-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-modal.modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.actions-modal.modal-out { + z-index: 13499; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +.actions-group { + position: relative; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: relative; +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 500; +} +.actions-button { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.actions-button-media { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-button-text { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.actions-label { + line-height: 1.3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-grid .actions-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; +} +.actions-grid .actions-button-media { + margin-left: auto; + margin-right: auto; +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center; +} +.ios .actions-group { + margin: 8px; + border-radius: 13px; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ios .actions-button, +.ios .actions-label { + text-align: center; + overflow: hidden; + background: rgba(255, 255, 255, 0.95); +} +.ios .actions-button b, +.ios .actions-label b, +.ios .actions-button.actions-button-bold, +.ios .actions-label.actions-button-bold { + font-weight: 600; +} +.ios .actions-button:first-child, +.ios .actions-label:first-child { + border-radius: 13px 13px 0 0; +} +.ios .actions-button:last-child, +.ios .actions-label:last-child { + border-radius: 0 0 13px 13px; +} +.ios .actions-button:last-child:after, +.ios .actions-label:last-child:after { + display: none !important; +} +.ios .actions-button:first-child:last-child, +.ios .actions-label:first-child:last-child { + border-radius: 13px; +} +.ios .actions-button { + height: 57px; + line-height: 57px; + font-size: 20px; + color: #007aff; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.ios .actions-button.active-state { + background: rgba(230, 230, 230, 0.9); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media i.icon { + width: 29px; + height: 29px; + font-size: 29px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.ios .actions-label { + font-size: 13px; + min-height: 57px; + padding: 8px 10px; + color: #8a8a8a; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +@media (orientation: lanscape) { + .ios .actions-label { + min-height: 44px; + } + .ios .actions-button { + height: 44px; + line-height: 44px; + } +} +.ios .actions-grid .actions-group { + margin-top: 0; + border-radius: 0; + background: rgba(255, 255, 255, 0.95); +} +.ios .actions-grid .actions-group:first-child { + border-radius: 13px 13px 0 0; +} +.ios .actions-grid .actions-group:last-child { + border-radius: 0 0 13px 13px; +} +.ios .actions-grid .actions-group:first-child:last-child { + border-radius: 13px; +} +.ios .actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.ios .actions-grid .actions-button, +.ios .actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.ios .actions-grid .actions-button-media { + width: 48px; + height: 48px; + margin-left: auto; + margin-right: auto; +} +.ios .actions-grid .actions-button-media i.icon { + width: 48px; + height: 48px; + font-size: 48px; +} +.ios .actions-grid .actions-button-media + .actions-button-text { + text-align: center; +} +.ios .actions-grid .actions-button { + padding: 16px; + line-height: 1; + height: auto; +} +.ios .actions-grid .actions-button:after { + display: none !important; +} +.ios .actions-grid .actions-button.active-state { + background: rgba(230, 230, 230, 0.9); +} +.ios .actions-grid .actions-button-text { + margin-top: 8px; + line-height: 16px; + height: 16px; + font-size: 12px; + color: #757575; +} +.ios .actions-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .actions-button:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .actions-button:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .actions-label:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .actions-button.color-red, +.ios .actions-label.color-red { + color: #ff3b30; +} +.ios .actions-button.color-green, +.ios .actions-label.color-green { + color: #4cd964; +} +.ios .actions-button.color-blue, +.ios .actions-label.color-blue { + color: #007aff; +} +.ios .actions-button.color-pink, +.ios .actions-label.color-pink { + color: #ff2d55; +} +.ios .actions-button.color-yellow, +.ios .actions-label.color-yellow { + color: #ffcc00; +} +.ios .actions-button.color-orange, +.ios .actions-label.color-orange { + color: #ff9500; +} +.ios .actions-button.color-gray, +.ios .actions-label.color-gray { + color: #8e8e93; +} +.ios .actions-button.color-white, +.ios .actions-label.color-white { + color: #ffffff; +} +.ios .actions-button.color-black, +.ios .actions-label.color-black { + color: #000000; +} +.ios.device-iphone-x .actions-modal.modal-in { + -webkit-transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0); + transform: translate3d(0, calc(0px - constant(safe-area-inset-bottom)), 0); + -webkit-transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0); + transform: translate3d(0, calc(0px - env(safe-area-inset-bottom)), 0); +} +/* === Sheet Modal === */ +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 11000; +} +.sheet-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 260px; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 12500; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sheet-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.ios .sheet-modal { + background: #cfd5da; +} +.ios .sheet-modal .toolbar { + background: #f7f7f8; +} +.ios .sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - 44px); +} +.ios .sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; +} +.ios .sheet-modal .toolbar:before { + content: ''; + position: absolute; + background-color: #929499; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .sheet-modal .toolbar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .sheet-modal .toolbar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.ios.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .theme-dark .sheet-modal, +.sheet-modal.ios .theme-dark { + background-color: #171717; +} +.ios .theme-dark .sheet-modal .toolbar, +.sheet-modal.ios .theme-dark .toolbar { + background-color: #1b1b1b; +} +.ios .theme-dark .sheet-modal .toolbar:before, +.sheet-modal.ios .theme-dark .toolbar:before { + background-color: #282829; +} +/* === Toast === */ +.toast { + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + position: absolute; + max-width: 568px; + z-index: 20000; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast .toast-text { + line-height: 20px; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons { + font-size: 50px; + width: 50px; + height: 50px; +} +.toast.toast-with-icon .toast-icon .material-icons { + font-size: 48px; + width: 48px; + height: 48px; +} +.toast.toast-center { + top: 50%; + opacity: 0; +} +@media (min-width: 1024px) { + .toast { + opacity: 0; + } +} +html.with-statusbar.device-ios .toast-top, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top { + margin-top: 20px; +} +html.with-statusbar.device-iphone-x .toast-top { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .toast-top, +html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top { + margin-top: 24px; +} +.ios .toast { + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + background: rgba(0, 0, 0, 0.75); + opacity: 0; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: 8px; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + opacity: 1; +} +.ios .toast.toast-top { + top: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + opacity: 1; +} +.ios .toast.toast-bottom { + bottom: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + opacity: 1; +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + } + .ios .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 569px) { + .ios .toast { + border-radius: 8px; + } + .ios .toast.toast-bottom { + bottom: 15px; + } + .ios .toast.toast-top { + top: 15px; + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-content { + padding: 12px 15px; +} +.ios .toast-button { + color: #fff; + margin-right: 15px; +} +@media (max-width: 568px) { + .ios.device-iphone-x .toast-bottom .toast-content { + padding-bottom: calc(12px + constant(safe-area-inset-bottom)); + padding-bottom: calc(12px + env(safe-area-inset-bottom)); + } +} +@media (min-width: 569px) { + .ios.device-iphone-x .toast-bottom { + bottom: calc(15px + constant(safe-area-inset-bottom)); + bottom: calc(15px + env(safe-area-inset-bottom)); + } +} +/* === Preloader === */ +.preloader { + display: inline-block; + vertical-align: middle; +} +/* === Preloader Modal === */ +.preloader-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.preloader-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: 8px; + background: rgba(0, 0, 0, 0.8); + z-index: 14500; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.preloader-modal .preloader { + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .preloader { + width: 20px; + height: 20px; + 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"); + background-position: 50%; + background-size: 100%; + background-repeat: no-repeat; + -webkit-animation: ios-preloader-spin 1s steps(12, end) infinite; + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader-modal { + border-radius: 5px; +} +.ios .preloader-modal .preloader { + width: 34px; + height: 34px; +} +.ios .preloader.color-red, +.ios .preloader.preloader-red { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-green, +.ios .preloader.preloader-green { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-blue, +.ios .preloader.preloader-blue { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-pink, +.ios .preloader.preloader-pink { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-yellow, +.ios .preloader.preloader-yellow { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-orange, +.ios .preloader.preloader-orange { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-gray, +.ios .preloader.preloader-gray { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-white, +.ios .preloader.preloader-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +.ios .preloader.color-black, +.ios .preloader.preloader-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +@-webkit-keyframes ios-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes ios-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +/* === Progressbar === */ +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + -webkit-transform-origin: center top !important; + transform-origin: center top !important; +} +.with-statusbar.device-ios body > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-ios .framework7-root > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-ios body > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-ios .framework7-root > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 20px; +} +.with-statusbar.device-android body > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-android .framework7-root > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-android body > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-android .framework7-root > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 24px; +} +.with-statusbar.device-iphone-x body > .progressbar, +.with-statusbar.device-iphone-x .framework7-root > .progressbar, +.with-statusbar.device-iphone-x body > .progressbar-infinite, +.with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + display: block; +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + -webkit-animation: progressbar-in 150ms forwards; + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + -webkit-animation: progressbar-out 150ms forwards; + animation: progressbar-out 150ms forwards; +} +@-webkit-keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@-webkit-keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +.ios .progressbar, +.ios .progressbar-infinite { + height: 2px; + background: #b6b6b6; + -webkit-transform-origin: center top; + transform-origin: center top; + border-radius: 2px; +} +.ios .progressbar span { + background: #007aff; +} +.ios .progressbar-infinite:before { + content: ''; + background: #007aff; + -webkit-animation: ios-progressbar-infinite 1s linear infinite; + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), color-stop(#ff2d55), color-stop(#5856d6), color-stop(#34aadc), color-stop(#007aff), color-stop(#5ac8fa), to(#4cd964)); + background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + -webkit-animation: ios-progressbar-infinite-multicolor 3s linear infinite; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +.ios .color-theme-red .progressbar span { + background: #ff3b30; +} +.ios .color-theme-red .progressbar-infinite:before { + background: #ff3b30; +} +.ios .color-theme-green .progressbar span { + background: #4cd964; +} +.ios .color-theme-green .progressbar-infinite:before { + background: #4cd964; +} +.ios .color-theme-blue .progressbar span { + background: #007aff; +} +.ios .color-theme-blue .progressbar-infinite:before { + background: #007aff; +} +.ios .color-theme-pink .progressbar span { + background: #ff2d55; +} +.ios .color-theme-pink .progressbar-infinite:before { + background: #ff2d55; +} +.ios .color-theme-yellow .progressbar span { + background: #ffcc00; +} +.ios .color-theme-yellow .progressbar-infinite:before { + background: #ffcc00; +} +.ios .color-theme-orange .progressbar span { + background: #ff9500; +} +.ios .color-theme-orange .progressbar-infinite:before { + background: #ff9500; +} +.ios .color-theme-gray .progressbar span { + background: #8e8e93; +} +.ios .color-theme-gray .progressbar-infinite:before { + background: #8e8e93; +} +.ios .color-theme-white .progressbar span { + background: #ffffff; +} +.ios .color-theme-white .progressbar-infinite:before { + background: #ffffff; +} +.ios .color-theme-black .progressbar span { + background: #000000; +} +.ios .color-theme-black .progressbar-infinite:before { + background: #000000; +} +.ios .progressbar.color-red span { + background: #ff3b30; +} +.ios .progressbar-infinite.color-red:before { + background: #ff3b30; +} +.ios .progressbar.color-green span { + background: #4cd964; +} +.ios .progressbar-infinite.color-green:before { + background: #4cd964; +} +.ios .progressbar.color-blue span { + background: #007aff; +} +.ios .progressbar-infinite.color-blue:before { + background: #007aff; +} +.ios .progressbar.color-pink span { + background: #ff2d55; +} +.ios .progressbar-infinite.color-pink:before { + background: #ff2d55; +} +.ios .progressbar.color-yellow span { + background: #ffcc00; +} +.ios .progressbar-infinite.color-yellow:before { + background: #ffcc00; +} +.ios .progressbar.color-orange span { + background: #ff9500; +} +.ios .progressbar-infinite.color-orange:before { + background: #ff9500; +} +.ios .progressbar.color-gray span { + background: #8e8e93; +} +.ios .progressbar-infinite.color-gray:before { + background: #8e8e93; +} +.ios .progressbar.color-white span { + background: #ffffff; +} +.ios .progressbar-infinite.color-white:before { + background: #ffffff; +} +.ios .progressbar.color-black span { + background: #000000; +} +.ios .progressbar-infinite.color-black:before { + background: #000000; +} +@-webkit-keyframes ios-progressbar-infinite { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ios-progressbar-infinite-multicolor { + 0% { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + } +} +/* === Sortable === */ +.sortable .sortable-handler { + position: absolute; + top: 0; + bottom: 1px; + z-index: 10; + background-repeat: no-repeat; + background-size: 18px 12px; + opacity: 0; + pointer-events: none; + cursor: move; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + left: 0; + background-position: 0% 50%; +} +.sortable .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: rgba(255, 255, 255, 0.8); + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; + background-position: 50% 50%; +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.theme-dark .sortable li.sorting, +.sortable.theme-dark li.sorting { + background-color: rgba(50, 50, 50, 0.8); +} +.ios .sortable-handler { + width: 35px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E"); +} +.ios .sortable li.sorting { + -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.ios .sortable-enabled .item-inner, +.ios .sortable-enabled .item-link .item-inner { + padding-left: 35px; +} +.ios .list.sortable-enabled .item-link.no-chevron .item-inner, +.ios .list.sortable-enabled.no-chevron .item-link .item-inner, +.ios .list.sortable-enabled .no-chevron .item-link .item-inner, +.ios .no-chevron .list.sortable-enabled .item-link .item-inner { + padding-left: 35px; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .sortable-handler, + .ios.device-iphone-x .ios-edges .sortable-handler, + .ios.device-iphone-x .popup .sortable-handler, + .ios.device-iphone-x .sheet-modal .sortable-handler, + .ios.device-iphone-x .panel-left .sortable-handler { + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + } + .ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-left: calc(35px + constant(safe-area-inset-right)); + padding-left: calc(35px + env(safe-area-inset-right)); + } +} +/* === Swipeout === */ +.swipeout { + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swipeout-deleting { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: left, -webkit-transform; + transition-property: left, -webkit-transform; + transition-property: transform, left; + transition-property: transform, left, -webkit-transform; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: left; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: #fff; + background: #c7c7cc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-right { + right: 0%; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.ios .swipeout-actions-left > a, +.ios .swipeout-actions-right > a, +.ios .swipeout-actions-left > button, +.ios .swipeout-actions-right > button, +.ios .swipeout-actions-left > span, +.ios .swipeout-actions-right > span, +.ios .swipeout-actions-left > div, +.ios .swipeout-actions-right > div { + padding: 0 30px; + color: #fff; +} +.ios .swipeout-actions-left .swipeout-delete, +.ios .swipeout-actions-right .swipeout-delete { + background: #ff3b30; +} +.ios .swipeout-actions-left > a.color-red, +.ios .swipeout-actions-right > a.color-red, +.ios .swipeout-actions-left > button.color-red, +.ios .swipeout-actions-right > button.color-red, +.ios .swipeout-actions-left > span.color-red, +.ios .swipeout-actions-right > span.color-red, +.ios .swipeout-actions-left > div.color-red, +.ios .swipeout-actions-right > div.color-red { + background-color: #ff3b30; +} +.ios .swipeout-actions-left > a.color-green, +.ios .swipeout-actions-right > a.color-green, +.ios .swipeout-actions-left > button.color-green, +.ios .swipeout-actions-right > button.color-green, +.ios .swipeout-actions-left > span.color-green, +.ios .swipeout-actions-right > span.color-green, +.ios .swipeout-actions-left > div.color-green, +.ios .swipeout-actions-right > div.color-green { + background-color: #4cd964; +} +.ios .swipeout-actions-left > a.color-blue, +.ios .swipeout-actions-right > a.color-blue, +.ios .swipeout-actions-left > button.color-blue, +.ios .swipeout-actions-right > button.color-blue, +.ios .swipeout-actions-left > span.color-blue, +.ios .swipeout-actions-right > span.color-blue, +.ios .swipeout-actions-left > div.color-blue, +.ios .swipeout-actions-right > div.color-blue { + background-color: #007aff; +} +.ios .swipeout-actions-left > a.color-pink, +.ios .swipeout-actions-right > a.color-pink, +.ios .swipeout-actions-left > button.color-pink, +.ios .swipeout-actions-right > button.color-pink, +.ios .swipeout-actions-left > span.color-pink, +.ios .swipeout-actions-right > span.color-pink, +.ios .swipeout-actions-left > div.color-pink, +.ios .swipeout-actions-right > div.color-pink { + background-color: #ff2d55; +} +.ios .swipeout-actions-left > a.color-yellow, +.ios .swipeout-actions-right > a.color-yellow, +.ios .swipeout-actions-left > button.color-yellow, +.ios .swipeout-actions-right > button.color-yellow, +.ios .swipeout-actions-left > span.color-yellow, +.ios .swipeout-actions-right > span.color-yellow, +.ios .swipeout-actions-left > div.color-yellow, +.ios .swipeout-actions-right > div.color-yellow { + background-color: #ffcc00; +} +.ios .swipeout-actions-left > a.color-orange, +.ios .swipeout-actions-right > a.color-orange, +.ios .swipeout-actions-left > button.color-orange, +.ios .swipeout-actions-right > button.color-orange, +.ios .swipeout-actions-left > span.color-orange, +.ios .swipeout-actions-right > span.color-orange, +.ios .swipeout-actions-left > div.color-orange, +.ios .swipeout-actions-right > div.color-orange { + background-color: #ff9500; +} +.ios .swipeout-actions-left > a.color-gray, +.ios .swipeout-actions-right > a.color-gray, +.ios .swipeout-actions-left > button.color-gray, +.ios .swipeout-actions-right > button.color-gray, +.ios .swipeout-actions-left > span.color-gray, +.ios .swipeout-actions-right > span.color-gray, +.ios .swipeout-actions-left > div.color-gray, +.ios .swipeout-actions-right > div.color-gray { + background-color: #8e8e93; +} +.ios .swipeout-actions-left > a.color-white, +.ios .swipeout-actions-right > a.color-white, +.ios .swipeout-actions-left > button.color-white, +.ios .swipeout-actions-right > button.color-white, +.ios .swipeout-actions-left > span.color-white, +.ios .swipeout-actions-right > span.color-white, +.ios .swipeout-actions-left > div.color-white, +.ios .swipeout-actions-right > div.color-white { + background-color: #ffffff; +} +.ios .swipeout-actions-left > a.color-black, +.ios .swipeout-actions-right > a.color-black, +.ios .swipeout-actions-left > button.color-black, +.ios .swipeout-actions-right > button.color-black, +.ios .swipeout-actions-left > span.color-black, +.ios .swipeout-actions-right > span.color-black, +.ios .swipeout-actions-left > div.color-black, +.ios .swipeout-actions-right > div.color-black { + background-color: #000000; +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-right: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + -webkit-transform: none; + transform: none; +} +.ios .list .accordion-item-toggle .item-inner { + background-size: 8px 13px; + padding-left: 35px; + background-repeat: no-repeat; + background-position: 15px center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.ios .list .accordion-item-toggle.active-state { + background-color: #d9d9d9; +} +.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.ios .media-list .accordion-item-opened > .item-link .item-title-row, +.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.ios .accordion-item-opened.media-item > .item-link .item-title-row, +.ios .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; +} +.ios .theme-dark .list .accordion-item-toggle .item-inner { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.ios .theme-dark .list .accordion-item-toggle.active-state { + background-color: #363636; +} +.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.ios .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row, +.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.ios .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row, +.ios .theme-dark .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +/* === Contacts === */ +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.ios .contacts-list { + margin: 0; +} +.ios .contacts-list .list-group-title { + padding: 0 15px; + background: #f7f7f7; + color: #000; + font-weight: 600; + line-height: 22px; + height: 22px; +} +.ios .theme-dark .contacts-list .list-group-title, +.contacts-list.ios .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +/* === Virtual List === */ +/* === Indexed List === */ +.list-index { + position: absolute; + top: 0; + bottom: 0; + right: 0; + text-align: center; + z-index: 10; + width: 16px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + font-size: 11px; + font-weight: 600; + list-style: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: 14px; + line-height: 14px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + border-radius: 50%; + color: #fff; + font-weight: 500; +} +.ios .list-index ul { + color: #007aff; +} +.ios .list-index .list-index-skip-placeholder:after { + content: ''; + width: 6px; + height: 6px; + margin-left: -3px; + margin-top: -3px; + background: #007aff; +} +.ios .list-index .list-index-label { + margin-bottom: -22px; + margin-right: 15px; + width: 44px; + height: 44px; + line-height: 44px; + border-radius: 50%; + background: #007aff; + font-size: 17px; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: -1; +} +.ios .navbar ~ .page > .list-index, +.ios .navbar ~ .list-index { + top: 44px; +} +.ios .toolbar ~ .page > .list-index, +.ios .toolbar ~ * .page > .list-index, +.ios .toolbar ~ .list-index { + bottom: 44px; +} +.ios .tabbar-labels ~ .page > .list-index, +.ios .tabbar-labels ~ * .page > .list-index, +.ios .tabbar-labels ~ .list-index { + bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ .page > .list-index, + .ios .tabbar-labels ~ * .page > .list-index, + .ios .tabbar-labels ~ .list-index { + bottom: 56px; + } +} +.ios.device-iphone-x .toolbar ~ .page > .list-index, +.ios.device-iphone-x .toolbar ~ * .page > .list-index, +.ios.device-iphone-x .toolbar ~ .list-index { + bottom: calc(44px + constant(safe-area-inset-bottom)); + bottom: calc(44px + env(safe-area-inset-bottom)); +} +.ios.device-iphone-x .tabbar-labels ~ .page > .list-index, +.ios.device-iphone-x .tabbar-labels ~ * .page > .list-index, +.ios.device-iphone-x .tabbar-labels ~ .list-index { + bottom: calc(50px + constant(safe-area-inset-bottom)); + bottom: calc(50px + env(safe-area-inset-bottom)); +} +@media (min-width: 768px) { + .ios.device-iphone-x .tabbar-labels ~ .page > .list-index, + .ios.device-iphone-x .tabbar-labels ~ * .page > .list-index, + .ios.device-iphone-x .tabbar-labels ~ .list-index { + bottom: calc(56px + constant(safe-area-inset-bottom)); + bottom: calc(56px + env(safe-area-inset-bottom)); + } +} +.ios .color-theme-red .list-index ul, +.ios .list-index.color-theme-red ul { + color: #ff3b30; +} +.ios .color-theme-red .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-red .list-index-skip-placeholder:after, +.ios .color-theme-red .list-index .list-index-label, +.ios .list-index.color-theme-red .list-index-label { + background-color: #ff3b30; +} +.ios .color-theme-green .list-index ul, +.ios .list-index.color-theme-green ul { + color: #4cd964; +} +.ios .color-theme-green .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-green .list-index-skip-placeholder:after, +.ios .color-theme-green .list-index .list-index-label, +.ios .list-index.color-theme-green .list-index-label { + background-color: #4cd964; +} +.ios .color-theme-blue .list-index ul, +.ios .list-index.color-theme-blue ul { + color: #007aff; +} +.ios .color-theme-blue .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-blue .list-index-skip-placeholder:after, +.ios .color-theme-blue .list-index .list-index-label, +.ios .list-index.color-theme-blue .list-index-label { + background-color: #007aff; +} +.ios .color-theme-pink .list-index ul, +.ios .list-index.color-theme-pink ul { + color: #ff2d55; +} +.ios .color-theme-pink .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-pink .list-index-skip-placeholder:after, +.ios .color-theme-pink .list-index .list-index-label, +.ios .list-index.color-theme-pink .list-index-label { + background-color: #ff2d55; +} +.ios .color-theme-yellow .list-index ul, +.ios .list-index.color-theme-yellow ul { + color: #ffcc00; +} +.ios .color-theme-yellow .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-yellow .list-index-skip-placeholder:after, +.ios .color-theme-yellow .list-index .list-index-label, +.ios .list-index.color-theme-yellow .list-index-label { + background-color: #ffcc00; +} +.ios .color-theme-orange .list-index ul, +.ios .list-index.color-theme-orange ul { + color: #ff9500; +} +.ios .color-theme-orange .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-orange .list-index-skip-placeholder:after, +.ios .color-theme-orange .list-index .list-index-label, +.ios .list-index.color-theme-orange .list-index-label { + background-color: #ff9500; +} +.ios .color-theme-gray .list-index ul, +.ios .list-index.color-theme-gray ul { + color: #8e8e93; +} +.ios .color-theme-gray .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-gray .list-index-skip-placeholder:after, +.ios .color-theme-gray .list-index .list-index-label, +.ios .list-index.color-theme-gray .list-index-label { + background-color: #8e8e93; +} +.ios .color-theme-white .list-index ul, +.ios .list-index.color-theme-white ul { + color: #ffffff; +} +.ios .color-theme-white .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-white .list-index-skip-placeholder:after, +.ios .color-theme-white .list-index .list-index-label, +.ios .list-index.color-theme-white .list-index-label { + background-color: #ffffff; +} +.ios .color-theme-black .list-index ul, +.ios .list-index.color-theme-black ul { + color: #000000; +} +.ios .color-theme-black .list-index .list-index-skip-placeholder:after, +.ios .list-index.color-theme-black .list-index-skip-placeholder:after, +.ios .color-theme-black .list-index .list-index-label, +.ios .list-index.color-theme-black .list-index-label { + background-color: #000000; +} +.ios .list-index.color-red ul { + color: #ff3b30; +} +.ios .list-index.color-red .list-index-skip-placeholder:after, +.ios .list-index.color-red .list-index-label { + background-color: #ff3b30; +} +.ios .list-index.color-green ul { + color: #4cd964; +} +.ios .list-index.color-green .list-index-skip-placeholder:after, +.ios .list-index.color-green .list-index-label { + background-color: #4cd964; +} +.ios .list-index.color-blue ul { + color: #007aff; +} +.ios .list-index.color-blue .list-index-skip-placeholder:after, +.ios .list-index.color-blue .list-index-label { + background-color: #007aff; +} +.ios .list-index.color-pink ul { + color: #ff2d55; +} +.ios .list-index.color-pink .list-index-skip-placeholder:after, +.ios .list-index.color-pink .list-index-label { + background-color: #ff2d55; +} +.ios .list-index.color-yellow ul { + color: #ffcc00; +} +.ios .list-index.color-yellow .list-index-skip-placeholder:after, +.ios .list-index.color-yellow .list-index-label { + background-color: #ffcc00; +} +.ios .list-index.color-orange ul { + color: #ff9500; +} +.ios .list-index.color-orange .list-index-skip-placeholder:after, +.ios .list-index.color-orange .list-index-label { + background-color: #ff9500; +} +.ios .list-index.color-gray ul { + color: #8e8e93; +} +.ios .list-index.color-gray .list-index-skip-placeholder:after, +.ios .list-index.color-gray .list-index-label { + background-color: #8e8e93; +} +.ios .list-index.color-white ul { + color: #ffffff; +} +.ios .list-index.color-white .list-index-skip-placeholder:after, +.ios .list-index.color-white .list-index-label { + background-color: #ffffff; +} +.ios .list-index.color-black ul { + color: #000000; +} +.ios .list-index.color-black .list-index-skip-placeholder:after, +.ios .list-index.color-black .list-index-label { + background-color: #000000; +} +/* === Timeline === */ +.timeline { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.timeline-item-date { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 50px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + margin-top: 3px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: 13px; +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-horizontal { + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + height: 100%; +} +.timeline-horizontal .timeline-item-date { + width: auto; + text-align: left; + line-height: 34px; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 34px; + text-align: right; +} +.timeline-horizontal .timeline-item-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } +} +.timeline-horizontal .timeline-year, +.timeline-horizontal .timeline-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + padding-top: 24px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; +} +.timeline-horizontal .timeline-year-title, +.timeline-horizontal .timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + line-height: 24px; + height: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-horizontal .timeline-year-title span, +.timeline-horizontal .timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; +} +.timeline-horizontal .timeline-year-title { + font-size: 16px; +} +.timeline-horizontal .timeline-month-title span { + margin-top: -2px; +} +/* === Timeline iOS === */ +.ios .timeline { + margin: 35px 0; + padding: 0 15px; +} +.ios .block-strong .timeline { + padding: 0; + margin: 0; +} +.ios .timeline-item { + padding: 2px 0px 15px; +} +.ios .timeline-item:last-child { + padding-bottom: 2px; +} +.ios .timeline-item-content .card, +.ios .timeline-item-content.card, +.ios .timeline-item-content .list, +.ios .timeline-item-content.list, +.ios .timeline-item-content .block, +.ios .timeline-item-content.block { + margin: 0; + width: 100%; +} +.ios .timeline-item-content .card + .card, +.ios .timeline-item-content .list + .card, +.ios .timeline-item-content .block + .card, +.ios .timeline-item-content .card + .list, +.ios .timeline-item-content .list + .list, +.ios .timeline-item-content .block + .list, +.ios .timeline-item-content .card + .block, +.ios .timeline-item-content .list + .block, +.ios .timeline-item-content .block + .block { + margin: 15px 0 0; +} +.ios .timeline-item-inner { + border-radius: 7px; + padding: 8px 15px; +} +.ios .timeline-item-inner + .timeline-item-inner { + margin-top: 15px; +} +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-item-divider { + margin-left: 15px; + margin-right: 15px; +} +.ios .timeline-item-time { + margin-top: 15px; + color: #6d6d72; +} +.ios .timeline-item-time:first-child, +.ios .timeline-item-time:last-child { + margin-top: 0; +} +.ios .timeline-item-title { + font-size: 17px; + font-weight: 600; +} +.ios .timeline-item-subtitle { + font-size: 15px; +} +.ios .timeline-sides .timeline-item { + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; +} +.ios .timeline-sides .timeline-item .timeline-item-date { + text-align: left; +} +.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; +} +.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; +} +.ios .timeline-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; +} +.ios .timeline-sides .timeline-item-left .timeline-item-date { + text-align: right; +} +.ios .timeline-sides .timeline-item-right { + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; +} +.ios .timeline-sides .timeline-item-right .timeline-item-date { + text-align: left; +} +@media (min-width: 768px) { + .ios .tablet-sides .timeline-item { + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; + } + .ios .tablet-sides .timeline-item .timeline-item-date { + text-align: left; + } + .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; + } + .ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; + } + .ios .tablet-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (30px + 10px) / 2 - 50px); + margin-right: 0; + } + .ios .tablet-sides .timeline-item-left .timeline-item-date { + text-align: right; + } + .ios .tablet-sides .timeline-item-right { + margin-right: calc(50% - (30px + 10px) / 2 - 50px); + margin-left: 0; + } + .ios .tablet-sides .timeline-item-right .timeline-item-date { + text-align: left; + } +} +.ios .timeline-horizontal { + padding: 0; + margin: 0; +} +.ios .timeline-horizontal .timeline-item { + padding-top: 34px !important; + padding-bottom: 10px; +} +.ios .timeline-horizontal > .timeline-item:last-child:after, +.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.ios .timeline-horizontal .timeline-item-date { + background: #f7f7f8; + padding: 0px 10px; +} +.ios .timeline-horizontal .timeline-item-content { + padding: 10px; + height: calc(100% - 10px); +} +.ios .timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .timeline-horizontal .timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .timeline-horizontal .timeline-year:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.ios .timeline-year:last-child:after { + display: none !important; +} +.ios .timeline-year-title, +.ios .timeline-month-title { + padding: 0 10px; + background: #f7f7f8; +} +.ios .timeline-year-title span, +.ios .timeline-month-title span { + right: 10px; +} +.ios .timeline-year-title span { + margin-top: 3px; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span { + left: calc(10px + constant(safe-area-inset-left)); + left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: -44px; + right: 0; + width: auto; + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; + } + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(10px + constant(safe-area-inset-left)); + padding-left: calc(10px + env(safe-area-inset-left)); + left: calc(0px - constant(safe-area-inset-left)); + left: calc(0px - env(safe-area-inset-left)); + right: 0; + } + .ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) { + padding-left: calc(15px + constant(safe-area-inset-left)); + padding-left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; + } + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + left: 0; + } + .ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) { + padding-right: calc(15px + constant(safe-area-inset-right)); + padding-right: calc(15px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .timeline-year-title, +.ios .theme-dark .timeline-month-title { + background: #1b1b1b; +} +.ios .theme-dark .timeline-item-inner { + background-color: #1c1c1d; +} +.ios .theme-dark .timeline-item-time { + color: #8E8E93; +} +.ios .theme-dark .timeline-horizontal .timeline-item-date, +.timeline-horizontal.ios .theme-dark .timeline-item-date { + background: #1b1b1b; +} +.ios .theme-dark .timeline-horizontal .timeline-item-date:after, +.timeline-horizontal.ios .theme-dark .timeline-item-date:after { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before, +.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-item:after, +.timeline-horizontal.ios .theme-dark .timeline-item:after { + background-color: #282829; +} +.ios .theme-dark .timeline-horizontal .timeline-year:after, +.timeline-horizontal.ios .theme-dark .timeline-year:after { + background-color: #282829; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +.panel-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 5999; + display: none; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.panel-backdrop.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + overflow: auto; + -webkit-overflow-scrolling: touch; + top: 0; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 260px; + background-color: #fff; +} +.panel.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + -webkit-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + -webkit-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); +} +html.with-panel-left-cover .panel-left { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-statusbar.device-ios .panel, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel { + top: 20px; + height: calc(100% - 20px); +} +html.with-statusbar.device-android .panel, +html.with-statusbar.md:not(.device-ios):not(.device-android) .panel { + top: 24px; + height: calc(100% - 24px); +} +html.with-statusbar.device-iphone-x .panel { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); +} +.ios .panel-backdrop { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + background: rgba(0, 0, 0, 0); +} +.ios .panel { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.ios.with-panel-left-reveal .views, +.ios.with-panel-right-reveal .views, +.ios.with-panel-transitioning .views, +.ios.with-panel-left-reveal .framework7-root > .view, +.ios.with-panel-right-reveal .framework7-root > .view, +.ios.with-panel-transitioning .framework7-root > .view { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +/* === Card === */ +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.card { + background: #fff; + position: relative; + border-radius: 4px; + font-size: 14px; +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header, +.card-footer { + min-height: 44px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: 4px 4px 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .card-header:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-header:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 4px 4px; +} +.card-footer:before { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +html.device-pixel-ratio-2 .card-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-footer.no-hairline:before { + display: none !important; +} +.ios .cards-list ul, +.ios .card .list ul { + background: none; +} +.ios .card { + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + margin: 10px; +} +.ios .card-outline { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.ios .card-header a.link, +.ios .card-footer a.link { + line-height: 44px; + height: 44px; + margin-top: -10px; + margin-bottom: -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.ios .card-header a.icon-only, +.ios .card-footer a.icon-only { + min-width: 44px; +} +.ios .card-content-padding { + padding: 15px; +} +.ios .card-content-padding > .list, +.ios .card-content-padding > .block { + margin: -15px; +} +.ios .card-header, +.ios .card-footer { + min-height: 44px; + padding: 10px 15px; +} +.ios .card-header { + font-size: 17px; +} +.ios .card-footer { + color: #6d6d72; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge), + .ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(10px + constant(safe-area-inset-left)); + margin-left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge), + .ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(10px + constant(safe-area-inset-right)); + margin-right: calc(10px + env(safe-area-inset-right)); + } +} +.ios .theme-dark .card { + background-color: #1c1c1d; +} +.ios .theme-dark .card-outline { + border-color: #282829; +} +.ios .theme-dark .card-header:after { + background-color: #282829; +} +.ios .theme-dark .card-footer { + color: #8E8E93; +} +.ios .theme-dark .card-footer:before { + background-color: #282829; +} +/* === Chips === */ +.chip { + font-weight: normal; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 2px 0; +} +.chip-media { + border-radius: 50%; + text-align: center; + color: #fff; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background-repeat: no-repeat; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.ios .chip { + font-size: 13px; + color: #000; + background: rgba(0, 0, 0, 0.12); + height: 24px; + border-radius: 12px; + padding: 0 10px; +} +.ios .chip-outline { + background: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.ios .chip-media { + width: 24px; + height: 24px; + vertical-align: middle; + border-radius: 50%; + text-align: center; + line-height: 16px; + color: #fff; + font-size: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-right: -10px; +} +.ios .chip-media + .chip-label { + margin-right: 4px; +} +.ios .chip-media i.icon { + font-size: 16px; + height: 16px; +} +.ios .chip-delete { + width: 24px; + height: 24px; + line-height: 24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); + background-position: center; + background-size: 14px 14px; + opacity: 0.54; + margin-left: -10px; +} +.ios .theme-dark .chip { + background-color: #333; + color: #fff; +} +.ios .theme-dark .chip-outline { + background: none; + border-color: #333; +} +.ios .theme-dark .chip-delete { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); +} +.ios .chip.color-red { + background: #ff3b30; + color: #fff; +} +.ios .chip.color-red.chip-outline { + background: none; + border-color: #ff3b30; + color: #ff3b30; +} +.ios .chip.color-green { + background: #4cd964; + color: #fff; +} +.ios .chip.color-green.chip-outline { + background: none; + border-color: #4cd964; + color: #4cd964; +} +.ios .chip.color-blue { + background: #007aff; + color: #fff; +} +.ios .chip.color-blue.chip-outline { + background: none; + border-color: #007aff; + color: #007aff; +} +.ios .chip.color-pink { + background: #ff2d55; + color: #fff; +} +.ios .chip.color-pink.chip-outline { + background: none; + border-color: #ff2d55; + color: #ff2d55; +} +.ios .chip.color-yellow { + background: #ffcc00; + color: #fff; +} +.ios .chip.color-yellow.chip-outline { + background: none; + border-color: #ffcc00; + color: #ffcc00; +} +.ios .chip.color-orange { + background: #ff9500; + color: #fff; +} +.ios .chip.color-orange.chip-outline { + background: none; + border-color: #ff9500; + color: #ff9500; +} +.ios .chip.color-gray { + background: #8e8e93; + color: #fff; +} +.ios .chip.color-gray.chip-outline { + background: none; + border-color: #8e8e93; + color: #8e8e93; +} +.ios .chip.color-white { + background: #ffffff; + color: #fff; +} +.ios .chip.color-white.chip-outline { + background: none; + border-color: #ffffff; + color: #ffffff; +} +.ios .chip.color-black { + background: #000000; + color: #fff; +} +.ios .chip.color-black.chip-outline { + background: none; + border-color: #000000; + color: #000000; +} +/* === Input === */ +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select, +.list textarea { + width: 100%; +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: 44px; +} +.list input[type="date"], +.list input[type="datetime-local"] { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + width: auto; +} +.list textarea { + resize: none; + line-height: 1.4; + height: 100px; +} +.list .item-label, +.list .item-floating-label { + vertical-align: top; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.list .item-input-wrap { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + position: absolute; + top: 50%; + border-radius: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + left: 0; +} +.input-clear-button:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-repeat: no-repeat; + background-position: center center; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #727272; + left: 2px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 14px; +} +.ios .list input[type="text"], +.ios .list input[type="password"], +.ios .list input[type="search"], +.ios .list input[type="email"], +.ios .list input[type="tel"], +.ios .list input[type="url"], +.ios .list input[type="date"], +.ios .list input[type="datetime-local"], +.ios .list input[type="time"], +.ios .list input[type="number"], +.ios .list select { + height: 44px; + color: #000; + font-size: 17px; +} +.ios .list textarea { + color: #000; + font-size: 17px; + padding-top: 11px; + padding-bottom: 11px; +} +.ios .list textarea.resizable { + height: 44px; +} +.ios .item-label, +.ios .item-floating-label { + font-size: 12px; + width: 100%; + line-height: 1; + overflow: visible; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input .item-inner { + display: block; +} +.ios .item-input .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: -8px; + margin-bottom: -8px; +} +.ios .inline-labels .item-inner, +.ios .inline-label .item-inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + font-size: 17px; + width: 35%; + line-height: 1.4; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: -8px; + margin-right: 5px; +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: -8px; +} +.ios .item-input-with-error-message .item-input-wrap input, +.ios div.input-with-error-message input, +.ios span.input-with-error-message input, +.ios .item-input-with-error-message .item-input-wrap select, +.ios div.input-with-error-message select, +.ios span.input-with-error-message select, +.ios .item-input-with-error-message .item-input-wrap textarea, +.ios div.input-with-error-message textarea, +.ios span.input-with-error-message textarea { + color: #ff3b30; +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + font-size: 12px; + line-height: 1.4; + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-info, +.ios .input-info { + color: #8e8e93; +} +.ios .item-input-error-message, +.ios .input-error-message { + color: #ff3b30; + display: none; +} +.ios .item-input-invalid .item-input-error-message { + display: block; +} +.ios .item-input-invalid .item-input-info { + display: none; +} +.ios .input-invalid .input-error-message { + display: block; +} +.ios .input-invalid .input-info { + display: none; +} +.ios .input-clear-button { + width: 14px; + height: 14px; + margin-top: -7px; +} +.ios .input-clear-button:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); + background-size: 14px 14px; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.ios .item-input-wrap .input-clear-button { + top: 22px; +} +.ios .theme-dark .list input[type="text"], +.list.ios .theme-dark input[type="text"], +.ios .theme-dark .list input[type="password"], +.list.ios .theme-dark input[type="password"], +.ios .theme-dark .list input[type="search"], +.list.ios .theme-dark input[type="search"], +.ios .theme-dark .list input[type="email"], +.list.ios .theme-dark input[type="email"], +.ios .theme-dark .list input[type="tel"], +.list.ios .theme-dark input[type="tel"], +.ios .theme-dark .list input[type="url"], +.list.ios .theme-dark input[type="url"], +.ios .theme-dark .list input[type="date"], +.list.ios .theme-dark input[type="date"], +.ios .theme-dark .list input[type="datetime-local"], +.list.ios .theme-dark input[type="datetime-local"], +.ios .theme-dark .list input[type="time"], +.list.ios .theme-dark input[type="time"], +.ios .theme-dark .list input[type="number"], +.list.ios .theme-dark input[type="number"], +.ios .theme-dark .list select, +.list.ios .theme-dark select { + color: #fff; +} +.ios .theme-dark .list textarea, +.list.ios .theme-dark textarea { + color: #fff; +} +/* === Checkbox === */ +.icon-checkbox, +.checkbox i { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox .icon-checkbox, +.checkbox .icon-checkbox { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-checkbox .icon-checkbox:after, +.checkbox .icon-checkbox:after { + content: ''; + position: absolute; +} +label.item-checkbox { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox, +.ios .checkbox i { + width: 22px; + height: 22px; + border-radius: 50%; + border: 1px solid #c7c7cc; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + left: 50%; + top: 50%; + margin-left: -6px; + margin-top: -4px; + width: 12px; + height: 9px; +} +.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox input[type="checkbox"]:checked ~ i { + border: none; + background: #007aff; +} +.ios label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +.ios .checkbox input[type="checkbox"]:checked ~ i:after { + background: no-repeat center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E"); + background-size: 12px 9px; +} +.ios label.item-checkbox > .icon-checkbox { + margin-left: 15px; +} +.ios label.item-checkbox .item-content .item-media, +.ios label.item-checkbox.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.ios label.item-checkbox.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +.ios .theme-dark label.item-checkbox.active-state { + background-color: #363636; +} +.ios .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-red .checkbox input[type="checkbox"]:checked ~ i { + background: #ff3b30; +} +.ios .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-green .checkbox input[type="checkbox"]:checked ~ i { + background: #4cd964; +} +.ios .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i { + background: #007aff; +} +.ios .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i { + background: #ff2d55; +} +.ios .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i { + background: #ffcc00; +} +.ios .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i { + background: #ff9500; +} +.ios .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i { + background: #8e8e93; +} +.ios .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-white .checkbox input[type="checkbox"]:checked ~ i { + background: #ffffff; +} +.ios .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .color-theme-black .checkbox input[type="checkbox"]:checked ~ i { + background: #000000; +} +.ios label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-red input[type="checkbox"]:checked ~ i { + background: #ff3b30; +} +.ios label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-green input[type="checkbox"]:checked ~ i { + background: #4cd964; +} +.ios label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-blue input[type="checkbox"]:checked ~ i { + background: #007aff; +} +.ios label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-pink input[type="checkbox"]:checked ~ i { + background: #ff2d55; +} +.ios label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-yellow input[type="checkbox"]:checked ~ i { + background: #ffcc00; +} +.ios label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-orange input[type="checkbox"]:checked ~ i { + background: #ff9500; +} +.ios label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-gray input[type="checkbox"]:checked ~ i { + background: #8e8e93; +} +.ios label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-white input[type="checkbox"]:checked ~ i { + background: #ffffff; +} +.ios label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox, +.ios .checkbox.color-black input[type="checkbox"]:checked ~ i { + background: #000000; +} +/* === Radio === */ +.icon-radio { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio .icon-radio, +.radio .icon-radio { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-radio .icon-radio:after, +.radio .icon-radio:after { + content: ''; + position: absolute; +} +label.item-radio { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio { + width: 22px; + height: 22px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; +} +.ios .radio .icon-radio { + border-radius: 50%; + border: 1px solid #c7c7cc; +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + left: 10px; +} +.ios label.item-radio .item-inner { + padding-left: 35px; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .radio input[type="radio"]:checked ~ .icon-radio { + background: no-repeat center; + 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"); + background-size: 13px 10px; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios label.item-radio .item-content .item-media, +.ios label.item-radio.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.ios label.item-radio.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background-color: #d9d9d9; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .ios-edges label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .popup label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .sheet-modal label.item-radio input[type="radio"] ~ .icon-radio, + .ios.device-iphone-x .panel-left label.item-radio input[type="radio"] ~ .icon-radio { + left: calc(10px + constant(safe-area-inset-left)); + left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-left-edge label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner, + .ios.device-iphone-x .ios-edges label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner, + .ios.device-iphone-x .popup label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner, + .ios.device-iphone-x .sheet-modal label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner, + .ios.device-iphone-x .panel-left label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner { + padding-left: calc(35px + constant(safe-area-inset-left)); + padding-left: calc(35px + env(safe-area-inset-left)); + } +} +.ios .theme-dark label.item-radio.active-state { + background-color: #363636; +} +.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff3b30; +} +.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #4cd964; +} +.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff2d55; +} +.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffcc00; +} +.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9500; +} +.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #8e8e93; +} +.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio, +.ios .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.ios label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-red input[type="radio"]:checked ~ .icon-radio { + border-color: #ff3b30; +} +.ios label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-green input[type="radio"]:checked ~ .icon-radio { + border-color: #4cd964; +} +.ios label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + border-color: #007aff; +} +.ios label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + border-color: #ff2d55; +} +.ios label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + border-color: #ffcc00; +} +.ios label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9500; +} +.ios label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + border-color: #8e8e93; +} +.ios label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-white input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.ios label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio, +.ios label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio, +.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio { + 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"); +} +.ios .radio.color-black input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +/* === Toggle === */ +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + -webkit-transition: 300ms; + transition: 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; +} +.toggle-icon:after { + background: #fff; + position: absolute; + z-index: 2; + -webkit-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.ios .toggle { + width: 52px; + border-radius: 16px; + height: 32px; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: #4cd964; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + -webkit-transform: scale(0); + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); +} +.ios .toggle-icon { + width: 52px; + border-radius: 16px; + height: 32px; + background: #e5e5e5; +} +.ios .toggle-icon:before { + position: absolute; + right: 2px; + top: 2px; + width: 48px; + height: 28px; + border-radius: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + z-index: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: scale(1); + transform: scale(1); +} +.ios .toggle-icon:after { + height: 28px; + width: 28px; + top: 2px; + right: 2px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: 14px; +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + -webkit-transform: scale(0); + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: 35px; +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + width: 35px; + -webkit-transform: translateX(-13px); + transform: translateX(-13px); +} +.ios .theme-dark .toggle-icon { + background-color: #fff; +} +.ios .theme-dark .toggle-icon:before { + background-color: #1c1c1d; +} +.ios .toggle.color-red input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff3b30; +} +.ios .toggle.color-green input[type="checkbox"]:checked + .toggle-icon { + background-color: #4cd964; +} +.ios .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon { + background-color: #007aff; +} +.ios .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff2d55; +} +.ios .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon { + background-color: #ffcc00; +} +.ios .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon { + background-color: #ff9500; +} +.ios .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon { + background-color: #8e8e93; +} +.ios .toggle.color-white input[type="checkbox"]:checked + .toggle-icon { + background-color: #ffffff; +} +.ios .toggle.color-black input[type="checkbox"]:checked + .toggle-icon { + background-color: #000000; +} +/* === Range Slider === */ +.range-slider { + display: block; + width: 100%; + position: relative; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-bar { + position: absolute; + left: 0; + top: 50%; + width: 100%; + overflow: hidden; +} +.range-bar-active { + position: absolute; + right: 0; + top: 0; + height: 100%; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + top: 50%; + right: 0; +} +.range-knob { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + -webkit-transition-duration: 120ms; + transition-duration: 120ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translateY(100%) scale(0); + transform: translateY(100%) scale(0); +} +.range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.ios .range-slider { + height: 28px; +} +.ios .range-bar { + background: #b7b8b7; + border-radius: 2px; + height: 1px; +} +.ios .range-bar-active { + background: #007aff; +} +.ios .range-knob-wrap { + height: 28px; + width: 28px; + margin-top: -14px; + margin-right: -14px; +} +.ios .range-knob { + background: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); +} +.ios .range-knob-label { + min-width: 20px; + height: 20px; + line-height: 20px; + background: #fff; + border-radius: 5px; + color: #000; + font-size: 12px; + margin-bottom: 6px; + -webkit-transform: translateX(-50%) translateY(100%) scale(0); + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + -webkit-transform: translateX(-50%) translateY(0%) scale(1); + transform: translateX(-50%) translateY(0%) scale(1); +} +.ios .color-theme-red .range-slider .range-bar-active { + background-color: #ff3b30; +} +.ios .color-theme-green .range-slider .range-bar-active { + background-color: #4cd964; +} +.ios .color-theme-blue .range-slider .range-bar-active { + background-color: #007aff; +} +.ios .color-theme-pink .range-slider .range-bar-active { + background-color: #ff2d55; +} +.ios .color-theme-yellow .range-slider .range-bar-active { + background-color: #ffcc00; +} +.ios .color-theme-orange .range-slider .range-bar-active { + background-color: #ff9500; +} +.ios .color-theme-gray .range-slider .range-bar-active { + background-color: #8e8e93; +} +.ios .color-theme-white .range-slider .range-bar-active { + background-color: #ffffff; +} +.ios .color-theme-black .range-slider .range-bar-active { + background-color: #000000; +} +.ios .range-slider.color-red .range-bar-active { + background-color: #ff3b30; +} +.ios .range-slider.color-green .range-bar-active { + background-color: #4cd964; +} +.ios .range-slider.color-blue .range-bar-active { + background-color: #007aff; +} +.ios .range-slider.color-pink .range-bar-active { + background-color: #ff2d55; +} +.ios .range-slider.color-yellow .range-bar-active { + background-color: #ffcc00; +} +.ios .range-slider.color-orange .range-bar-active { + background-color: #ff9500; +} +.ios .range-slider.color-gray .range-bar-active { + background-color: #8e8e93; +} +.ios .range-slider.color-white .range-bar-active { + background-color: #ffffff; +} +.ios .range-slider.color-black .range-bar-active { + background-color: #000000; +} +/* === Stepper === */ +.stepper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-value { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: center; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper .stepper-input-wrap input, +.stepper .stepper-value { + width: 45px; +} +.ios .stepper { + height: 29px; +} +.ios .stepper-button, +.ios .stepper-button-minus, +.ios .stepper-button-plus { + border: 1px solid #007aff; + color: #007aff; + border-radius: 5px; + line-height: 27px; + height: 29px; + width: 40px; +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-button:first-child, +.ios .stepper-button-minus:first-child, +.ios .stepper-button-plus:first-child { + border-radius: 0 5px 5px 0; +} +.ios .stepper-button:last-child, +.ios .stepper-button-minus:last-child, +.ios .stepper-button-plus:last-child { + border-radius: 5px 0 0 5px; +} +.ios .stepper-button.active-state, +.ios .stepper-button-minus.active-state, +.ios .stepper-button-plus.active-state { + background: rgba(0, 122, 255, 0.15); +} +.ios .stepper-button + .stepper-button, +.ios .stepper-button-minus + .stepper-button, +.ios .stepper-button-plus + .stepper-button, +.ios .stepper-button + .stepper-button-minus, +.ios .stepper-button-minus + .stepper-button-minus, +.ios .stepper-button-plus + .stepper-button-minus, +.ios .stepper-button + .stepper-button-plus, +.ios .stepper-button-minus + .stepper-button-plus, +.ios .stepper-button-plus + .stepper-button-plus { + border-right: none; +} +.ios .stepper-button-plus:after, +.ios .stepper-button-minus:after, +.ios .stepper-button-plus:before, +.ios .stepper-button-minus:before { + background: #007aff; +} +.ios .stepper-input-wrap, +.ios .stepper-value { + border-top: 1px solid #007aff; + border-bottom: 1px solid #007aff; +} +.ios .stepper .stepper-value { + color: #007aff; + font-size: 17px; +} +.ios .stepper .stepper-input-wrap input { + height: 100%; + text-align: center; + color: #007aff; + font-size: 17px; +} +.ios .stepper-fill .stepper-button, +.ios .stepper-fill-ios .stepper-button, +.ios .stepper-fill .stepper-button-minus, +.ios .stepper-fill-ios .stepper-button-minus, +.ios .stepper-fill .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-plus { + color: #fff; + background: #007aff; +} +.ios .stepper-fill .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button.active-state, +.ios .stepper-fill .stepper-button-minus.active-state, +.ios .stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-fill .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-plus.active-state { + opacity: 0.8; +} +.ios .stepper-fill .stepper-button-plus:before, +.ios .stepper-fill-ios .stepper-button-plus:before, +.ios .stepper-fill .stepper-button-minus:before, +.ios .stepper-fill-ios .stepper-button-minus:before, +.ios .stepper-fill .stepper-button-plus:after, +.ios .stepper-fill-ios .stepper-button-plus:after, +.ios .stepper-fill .stepper-button-minus:after, +.ios .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.ios .stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .stepper-round .stepper-button:first-child, +.ios .stepper-round-ios .stepper-button:first-child, +.ios .stepper-round .stepper-button-minus:first-child, +.ios .stepper-round-ios .stepper-button-minus:first-child, +.ios .stepper-round .stepper-button-plus:first-child, +.ios .stepper-round-ios .stepper-button-plus:first-child { + border-radius: 0 29px 29px 0; +} +.ios .stepper-round .stepper-button:last-child, +.ios .stepper-round-ios .stepper-button:last-child, +.ios .stepper-round .stepper-button-minus:last-child, +.ios .stepper-round-ios .stepper-button-minus:last-child, +.ios .stepper-round .stepper-button-plus:last-child, +.ios .stepper-round-ios .stepper-button-plus:last-child { + border-radius: 29px 0 0 29px; +} +.ios .stepper-small, +.ios .stepper-small-ios { + height: 26px; +} +.ios .stepper-small .stepper-input-wrap, +.ios .stepper-small-ios .stepper-input-wrap, +.ios .stepper-small .stepper-value, +.ios .stepper-small-ios .stepper-value { + border-top-width: 2px; + border-bottom-width: 2px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + height: 26px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + line-height: 22px; + border-width: 2px; +} +.ios .stepper-small .stepper-button .f7-icons, +.ios .stepper-small-ios .stepper-button .f7-icons, +.ios .stepper-small .stepper-button-minus .f7-icons, +.ios .stepper-small-ios .stepper-button-minus .f7-icons, +.ios .stepper-small .stepper-button-plus .f7-icons, +.ios .stepper-small-ios .stepper-button-plus .f7-icons { + font-size: 18px; +} +.ios .stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state, +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; + opacity: 1; +} +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before, +.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after, +.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .stepper-big, +.ios .stepper-big-ios { + height: 44px; +} +.ios .stepper-big .stepper-button, +.ios .stepper-big-ios .stepper-button, +.ios .stepper-big .stepper-button-minus, +.ios .stepper-big-ios .stepper-button-minus, +.ios .stepper-big .stepper-button-plus, +.ios .stepper-big-ios .stepper-button-plus { + height: 44px; + line-height: 42px; +} +.ios .color-theme-red .stepper-button, +.ios .color-theme-red .stepper-button-minus, +.ios .color-theme-red .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper-button.active-state, +.ios .color-theme-red .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper-button-plus:after, +.ios .color-theme-red .stepper-button-minus:after, +.ios .color-theme-red .stepper-button-plus:before, +.ios .color-theme-red .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper-value, +.ios .color-theme-red .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper-value, +.ios .color-theme-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper-fill .stepper-button, +.ios .color-theme-red .stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper-button, +.ios .color-theme-green .stepper-button-minus, +.ios .color-theme-green .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper-button.active-state, +.ios .color-theme-green .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper-button-plus:after, +.ios .color-theme-green .stepper-button-minus:after, +.ios .color-theme-green .stepper-button-plus:before, +.ios .color-theme-green .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper-value, +.ios .color-theme-green .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper-value, +.ios .color-theme-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper-fill .stepper-button, +.ios .color-theme-green .stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper-button, +.ios .color-theme-blue .stepper-button-minus, +.ios .color-theme-blue .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper-button.active-state, +.ios .color-theme-blue .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper-button-plus:after, +.ios .color-theme-blue .stepper-button-minus:after, +.ios .color-theme-blue .stepper-button-plus:before, +.ios .color-theme-blue .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper-value, +.ios .color-theme-blue .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper-value, +.ios .color-theme-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper-fill .stepper-button, +.ios .color-theme-blue .stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper-button, +.ios .color-theme-pink .stepper-button-minus, +.ios .color-theme-pink .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper-button.active-state, +.ios .color-theme-pink .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper-button-plus:after, +.ios .color-theme-pink .stepper-button-minus:after, +.ios .color-theme-pink .stepper-button-plus:before, +.ios .color-theme-pink .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper-value, +.ios .color-theme-pink .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper-value, +.ios .color-theme-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper-fill .stepper-button, +.ios .color-theme-pink .stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper-button, +.ios .color-theme-yellow .stepper-button-minus, +.ios .color-theme-yellow .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper-button.active-state, +.ios .color-theme-yellow .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-button-minus:after, +.ios .color-theme-yellow .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-value, +.ios .color-theme-yellow .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-value, +.ios .color-theme-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper-button, +.ios .color-theme-orange .stepper-button-minus, +.ios .color-theme-orange .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper-button.active-state, +.ios .color-theme-orange .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper-button-plus:after, +.ios .color-theme-orange .stepper-button-minus:after, +.ios .color-theme-orange .stepper-button-plus:before, +.ios .color-theme-orange .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper-value, +.ios .color-theme-orange .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper-value, +.ios .color-theme-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper-fill .stepper-button, +.ios .color-theme-orange .stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper-button, +.ios .color-theme-gray .stepper-button-minus, +.ios .color-theme-gray .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper-button.active-state, +.ios .color-theme-gray .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper-button-plus:after, +.ios .color-theme-gray .stepper-button-minus:after, +.ios .color-theme-gray .stepper-button-plus:before, +.ios .color-theme-gray .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper-value, +.ios .color-theme-gray .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper-value, +.ios .color-theme-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper-fill .stepper-button, +.ios .color-theme-gray .stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper-button, +.ios .color-theme-white .stepper-button-minus, +.ios .color-theme-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper-button.active-state, +.ios .color-theme-white .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper-button-plus:after, +.ios .color-theme-white .stepper-button-minus:after, +.ios .color-theme-white .stepper-button-plus:before, +.ios .color-theme-white .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper-value, +.ios .color-theme-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper-value, +.ios .color-theme-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper-fill .stepper-button, +.ios .color-theme-white .stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper-button, +.ios .color-theme-black .stepper-button-minus, +.ios .color-theme-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper-button.active-state, +.ios .color-theme-black .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper-button-plus:after, +.ios .color-theme-black .stepper-button-minus:after, +.ios .color-theme-black .stepper-button-plus:before, +.ios .color-theme-black .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper-value, +.ios .color-theme-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper-value, +.ios .color-theme-black .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper-fill .stepper-button, +.ios .color-theme-black .stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +.ios .stepper.color-red .stepper-button, +.ios .stepper.color-red .stepper-button-minus, +.ios .stepper.color-red .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .stepper.color-red .stepper-button.active-state, +.ios .stepper.color-red .stepper-button-minus.active-state, +.ios .stepper.color-red .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .stepper.color-red .stepper-button-plus:after, +.ios .stepper.color-red .stepper-button-minus:after, +.ios .stepper.color-red .stepper-button-plus:before, +.ios .stepper.color-red .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .stepper.color-red .stepper-value, +.ios .stepper.color-red .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .stepper.color-red .stepper-value, +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper-fill.color-red .stepper-button, +.ios .stepper-fill-ios.color-red .stepper-button, +.ios .stepper-fill.color-red .stepper-button-minus, +.ios .stepper-fill-ios.color-red .stepper-button-minus, +.ios .stepper-fill.color-red .stepper-button-plus, +.ios .stepper-fill-ios.color-red .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper-fill.color-red .stepper-button-plus:before, +.ios .stepper-fill-ios.color-red .stepper-button-plus:before, +.ios .stepper-fill.color-red .stepper-button-minus:before, +.ios .stepper-fill-ios.color-red .stepper-button-minus:before, +.ios .stepper-fill.color-red .stepper-button-plus:after, +.ios .stepper-fill-ios.color-red .stepper-button-plus:after, +.ios .stepper-fill.color-red .stepper-button-minus:after, +.ios .stepper-fill-ios.color-red .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .stepper.color-green .stepper-button, +.ios .stepper.color-green .stepper-button-minus, +.ios .stepper.color-green .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .stepper.color-green .stepper-button.active-state, +.ios .stepper.color-green .stepper-button-minus.active-state, +.ios .stepper.color-green .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .stepper.color-green .stepper-button-plus:after, +.ios .stepper.color-green .stepper-button-minus:after, +.ios .stepper.color-green .stepper-button-plus:before, +.ios .stepper.color-green .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .stepper.color-green .stepper-value, +.ios .stepper.color-green .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .stepper.color-green .stepper-value, +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper-fill.color-green .stepper-button, +.ios .stepper-fill-ios.color-green .stepper-button, +.ios .stepper-fill.color-green .stepper-button-minus, +.ios .stepper-fill-ios.color-green .stepper-button-minus, +.ios .stepper-fill.color-green .stepper-button-plus, +.ios .stepper-fill-ios.color-green .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper-fill.color-green .stepper-button-plus:before, +.ios .stepper-fill-ios.color-green .stepper-button-plus:before, +.ios .stepper-fill.color-green .stepper-button-minus:before, +.ios .stepper-fill-ios.color-green .stepper-button-minus:before, +.ios .stepper-fill.color-green .stepper-button-plus:after, +.ios .stepper-fill-ios.color-green .stepper-button-plus:after, +.ios .stepper-fill.color-green .stepper-button-minus:after, +.ios .stepper-fill-ios.color-green .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .stepper.color-blue .stepper-button, +.ios .stepper.color-blue .stepper-button-minus, +.ios .stepper.color-blue .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .stepper.color-blue .stepper-button.active-state, +.ios .stepper.color-blue .stepper-button-minus.active-state, +.ios .stepper.color-blue .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .stepper.color-blue .stepper-button-plus:after, +.ios .stepper.color-blue .stepper-button-minus:after, +.ios .stepper.color-blue .stepper-button-plus:before, +.ios .stepper.color-blue .stepper-button-minus:before { + background-color: #007aff; +} +.ios .stepper.color-blue .stepper-value, +.ios .stepper.color-blue .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .stepper.color-blue .stepper-value, +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper-fill.color-blue .stepper-button, +.ios .stepper-fill-ios.color-blue .stepper-button, +.ios .stepper-fill.color-blue .stepper-button-minus, +.ios .stepper-fill-ios.color-blue .stepper-button-minus, +.ios .stepper-fill.color-blue .stepper-button-plus, +.ios .stepper-fill-ios.color-blue .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper-fill.color-blue .stepper-button-plus:before, +.ios .stepper-fill-ios.color-blue .stepper-button-plus:before, +.ios .stepper-fill.color-blue .stepper-button-minus:before, +.ios .stepper-fill-ios.color-blue .stepper-button-minus:before, +.ios .stepper-fill.color-blue .stepper-button-plus:after, +.ios .stepper-fill-ios.color-blue .stepper-button-plus:after, +.ios .stepper-fill.color-blue .stepper-button-minus:after, +.ios .stepper-fill-ios.color-blue .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .stepper.color-pink .stepper-button, +.ios .stepper.color-pink .stepper-button-minus, +.ios .stepper.color-pink .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-button.active-state, +.ios .stepper.color-pink .stepper-button-minus.active-state, +.ios .stepper.color-pink .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .stepper.color-pink .stepper-button-plus:after, +.ios .stepper.color-pink .stepper-button-minus:after, +.ios .stepper.color-pink .stepper-button-plus:before, +.ios .stepper.color-pink .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .stepper.color-pink .stepper-value, +.ios .stepper.color-pink .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .stepper.color-pink .stepper-value, +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper-fill.color-pink .stepper-button, +.ios .stepper-fill-ios.color-pink .stepper-button, +.ios .stepper-fill.color-pink .stepper-button-minus, +.ios .stepper-fill-ios.color-pink .stepper-button-minus, +.ios .stepper-fill.color-pink .stepper-button-plus, +.ios .stepper-fill-ios.color-pink .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper-fill.color-pink .stepper-button-plus:before, +.ios .stepper-fill-ios.color-pink .stepper-button-plus:before, +.ios .stepper-fill.color-pink .stepper-button-minus:before, +.ios .stepper-fill-ios.color-pink .stepper-button-minus:before, +.ios .stepper-fill.color-pink .stepper-button-plus:after, +.ios .stepper-fill-ios.color-pink .stepper-button-plus:after, +.ios .stepper-fill.color-pink .stepper-button-minus:after, +.ios .stepper-fill-ios.color-pink .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .stepper.color-yellow .stepper-button, +.ios .stepper.color-yellow .stepper-button-minus, +.ios .stepper.color-yellow .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-button.active-state, +.ios .stepper.color-yellow .stepper-button-minus.active-state, +.ios .stepper.color-yellow .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .stepper.color-yellow .stepper-button-plus:after, +.ios .stepper.color-yellow .stepper-button-minus:after, +.ios .stepper.color-yellow .stepper-button-plus:before, +.ios .stepper.color-yellow .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-value, +.ios .stepper.color-yellow .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-value, +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper-fill.color-yellow .stepper-button, +.ios .stepper-fill-ios.color-yellow .stepper-button, +.ios .stepper-fill.color-yellow .stepper-button-minus, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus, +.ios .stepper-fill.color-yellow .stepper-button-plus, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper-fill.color-yellow .stepper-button-plus:before, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus:before, +.ios .stepper-fill.color-yellow .stepper-button-minus:before, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus:before, +.ios .stepper-fill.color-yellow .stepper-button-plus:after, +.ios .stepper-fill-ios.color-yellow .stepper-button-plus:after, +.ios .stepper-fill.color-yellow .stepper-button-minus:after, +.ios .stepper-fill-ios.color-yellow .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .stepper.color-orange .stepper-button, +.ios .stepper.color-orange .stepper-button-minus, +.ios .stepper.color-orange .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .stepper.color-orange .stepper-button.active-state, +.ios .stepper.color-orange .stepper-button-minus.active-state, +.ios .stepper.color-orange .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .stepper.color-orange .stepper-button-plus:after, +.ios .stepper.color-orange .stepper-button-minus:after, +.ios .stepper.color-orange .stepper-button-plus:before, +.ios .stepper.color-orange .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .stepper.color-orange .stepper-value, +.ios .stepper.color-orange .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .stepper.color-orange .stepper-value, +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper-fill.color-orange .stepper-button, +.ios .stepper-fill-ios.color-orange .stepper-button, +.ios .stepper-fill.color-orange .stepper-button-minus, +.ios .stepper-fill-ios.color-orange .stepper-button-minus, +.ios .stepper-fill.color-orange .stepper-button-plus, +.ios .stepper-fill-ios.color-orange .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper-fill.color-orange .stepper-button-plus:before, +.ios .stepper-fill-ios.color-orange .stepper-button-plus:before, +.ios .stepper-fill.color-orange .stepper-button-minus:before, +.ios .stepper-fill-ios.color-orange .stepper-button-minus:before, +.ios .stepper-fill.color-orange .stepper-button-plus:after, +.ios .stepper-fill-ios.color-orange .stepper-button-plus:after, +.ios .stepper-fill.color-orange .stepper-button-minus:after, +.ios .stepper-fill-ios.color-orange .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .stepper.color-gray .stepper-button, +.ios .stepper.color-gray .stepper-button-minus, +.ios .stepper.color-gray .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-button.active-state, +.ios .stepper.color-gray .stepper-button-minus.active-state, +.ios .stepper.color-gray .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .stepper.color-gray .stepper-button-plus:after, +.ios .stepper.color-gray .stepper-button-minus:after, +.ios .stepper.color-gray .stepper-button-plus:before, +.ios .stepper.color-gray .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .stepper.color-gray .stepper-value, +.ios .stepper.color-gray .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .stepper.color-gray .stepper-value, +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper-fill.color-gray .stepper-button, +.ios .stepper-fill-ios.color-gray .stepper-button, +.ios .stepper-fill.color-gray .stepper-button-minus, +.ios .stepper-fill-ios.color-gray .stepper-button-minus, +.ios .stepper-fill.color-gray .stepper-button-plus, +.ios .stepper-fill-ios.color-gray .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper-fill.color-gray .stepper-button-plus:before, +.ios .stepper-fill-ios.color-gray .stepper-button-plus:before, +.ios .stepper-fill.color-gray .stepper-button-minus:before, +.ios .stepper-fill-ios.color-gray .stepper-button-minus:before, +.ios .stepper-fill.color-gray .stepper-button-plus:after, +.ios .stepper-fill-ios.color-gray .stepper-button-plus:after, +.ios .stepper-fill.color-gray .stepper-button-minus:after, +.ios .stepper-fill-ios.color-gray .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .stepper.color-white .stepper-button, +.ios .stepper.color-white .stepper-button-minus, +.ios .stepper.color-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .stepper.color-white .stepper-button.active-state, +.ios .stepper.color-white .stepper-button-minus.active-state, +.ios .stepper.color-white .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .stepper.color-white .stepper-button-plus:after, +.ios .stepper.color-white .stepper-button-minus:after, +.ios .stepper.color-white .stepper-button-plus:before, +.ios .stepper.color-white .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .stepper.color-white .stepper-value, +.ios .stepper.color-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .stepper.color-white .stepper-value, +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper-fill.color-white .stepper-button, +.ios .stepper-fill-ios.color-white .stepper-button, +.ios .stepper-fill.color-white .stepper-button-minus, +.ios .stepper-fill-ios.color-white .stepper-button-minus, +.ios .stepper-fill.color-white .stepper-button-plus, +.ios .stepper-fill-ios.color-white .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper-fill.color-white .stepper-button-plus:before, +.ios .stepper-fill-ios.color-white .stepper-button-plus:before, +.ios .stepper-fill.color-white .stepper-button-minus:before, +.ios .stepper-fill-ios.color-white .stepper-button-minus:before, +.ios .stepper-fill.color-white .stepper-button-plus:after, +.ios .stepper-fill-ios.color-white .stepper-button-plus:after, +.ios .stepper-fill.color-white .stepper-button-minus:after, +.ios .stepper-fill-ios.color-white .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-white.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .stepper.color-black .stepper-button, +.ios .stepper.color-black .stepper-button-minus, +.ios .stepper.color-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .stepper.color-black .stepper-button.active-state, +.ios .stepper.color-black .stepper-button-minus.active-state, +.ios .stepper.color-black .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .stepper.color-black .stepper-button-plus:after, +.ios .stepper.color-black .stepper-button-minus:after, +.ios .stepper.color-black .stepper-button-plus:before, +.ios .stepper.color-black .stepper-button-minus:before { + background-color: #000000; +} +.ios .stepper.color-black .stepper-value, +.ios .stepper.color-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .stepper.color-black .stepper-value, +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper-fill.color-black .stepper-button, +.ios .stepper-fill-ios.color-black .stepper-button, +.ios .stepper-fill.color-black .stepper-button-minus, +.ios .stepper-fill-ios.color-black .stepper-button-minus, +.ios .stepper-fill.color-black .stepper-button-plus, +.ios .stepper-fill-ios.color-black .stepper-button-plus { + background-color: #000000; +} +.ios .stepper-fill.color-black .stepper-button-plus:before, +.ios .stepper-fill-ios.color-black .stepper-button-plus:before, +.ios .stepper-fill.color-black .stepper-button-minus:before, +.ios .stepper-fill-ios.color-black .stepper-button-minus:before, +.ios .stepper-fill.color-black .stepper-button-plus:after, +.ios .stepper-fill-ios.color-black .stepper-button-plus:after, +.ios .stepper-fill.color-black .stepper-button-minus:after, +.ios .stepper-fill-ios.color-black .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper-small.color-black.stepper-fill .stepper-button.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state, +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +/* === Smart Select === */ +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.sheet-modal.smart-select-sheet .sheet-modal-inner { + background: #fff; +} +.sheet-modal.smart-select-sheet .list { + margin: 0; +} +.sheet-modal.smart-select-sheet .list ul:before { + display: none !important; +} +.sheet-modal.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +.ios .smart-select-sheet .page { + background: #fff; +} +.ios .smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .smart-select-sheet .page, +.ios .theme-dark .smart-select-sheet .sheet-modal-inner { + background-color: #1c1c1d; +} +.ios .theme-dark .smart-select-sheet .toolbar:after { + background-color: #282829; +} +/* === Grid === */ +.row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.row > [class*="col-"], +.row > .col { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.row .col { + width: 100%; +} +/* === Grid === */ +.ios .row .col-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); +} +.ios .row.no-gap .col-100 { + width: 100%; +} +.ios .row .col-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); +} +.ios .row.no-gap .col-95 { + width: 95%; +} +.ios .row .col-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); +} +.ios .row.no-gap .col-90 { + width: 90%; +} +.ios .row .col-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); +} +.ios .row.no-gap .col-85 { + width: 85%; +} +.ios .row .col-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); +} +.ios .row.no-gap .col-80 { + width: 80%; +} +.ios .row .col-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); +} +.ios .row.no-gap .col-75 { + width: 75%; +} +.ios .row .col-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); +} +.ios .row.no-gap .col-70 { + width: 70%; +} +.ios .row .col-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); +} +.ios .row.no-gap .col-66 { + width: 66.66666666666666%; +} +.ios .row .col-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); +} +.ios .row.no-gap .col-65 { + width: 65%; +} +.ios .row .col-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); +} +.ios .row.no-gap .col-60 { + width: 60%; +} +.ios .row .col-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); +} +.ios .row.no-gap .col-55 { + width: 55%; +} +.ios .row .col-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); +} +.ios .row.no-gap .col-50 { + width: 50%; +} +.ios .row .col-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); +} +.ios .row.no-gap .col-45 { + width: 45%; +} +.ios .row .col-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); +} +.ios .row.no-gap .col-40 { + width: 40%; +} +.ios .row .col-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); +} +.ios .row.no-gap .col-35 { + width: 35%; +} +.ios .row .col-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); +} +.ios .row.no-gap .col-33 { + width: 33.333333333333336%; +} +.ios .row .col-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); +} +.ios .row.no-gap .col-30 { + width: 30%; +} +.ios .row .col-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); +} +.ios .row.no-gap .col-25 { + width: 25%; +} +.ios .row .col-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); +} +.ios .row.no-gap .col-20 { + width: 20%; +} +.ios .row .col-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); +} +.ios .row.no-gap .col-15 { + width: 15%; +} +.ios .row .col-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); +} +.ios .row.no-gap .col-10 { + width: 10%; +} +.ios .row .col-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); +} +.ios .row.no-gap .col-5 { + width: 5%; +} +.ios .row .col:nth-last-child(1), +.ios .row .col:nth-last-child(1) ~ .col { + width: 100%; + width: calc((100% - 15px*0) / 1); +} +.ios .row.no-gap .col:nth-last-child(1), +.ios .row.no-gap .col:nth-last-child(1) ~ .col { + width: 100%; +} +.ios .row .col:nth-last-child(2), +.ios .row .col:nth-last-child(2) ~ .col { + width: 50%; + width: calc((100% - 15px*1) / 2); +} +.ios .row.no-gap .col:nth-last-child(2), +.ios .row.no-gap .col:nth-last-child(2) ~ .col { + width: 50%; +} +.ios .row .col:nth-last-child(3), +.ios .row .col:nth-last-child(3) ~ .col { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); +} +.ios .row.no-gap .col:nth-last-child(3), +.ios .row.no-gap .col:nth-last-child(3) ~ .col { + width: 33.33333333%; +} +.ios .row .col:nth-last-child(4), +.ios .row .col:nth-last-child(4) ~ .col { + width: 25%; + width: calc((100% - 15px*3) / 4); +} +.ios .row.no-gap .col:nth-last-child(4), +.ios .row.no-gap .col:nth-last-child(4) ~ .col { + width: 25%; +} +.ios .row .col:nth-last-child(5), +.ios .row .col:nth-last-child(5) ~ .col { + width: 20%; + width: calc((100% - 15px*4) / 5); +} +.ios .row.no-gap .col:nth-last-child(5), +.ios .row.no-gap .col:nth-last-child(5) ~ .col { + width: 20%; +} +.ios .row .col:nth-last-child(6), +.ios .row .col:nth-last-child(6) ~ .col { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); +} +.ios .row.no-gap .col:nth-last-child(6), +.ios .row.no-gap .col:nth-last-child(6) ~ .col { + width: 16.66666667%; +} +.ios .row .col:nth-last-child(7), +.ios .row .col:nth-last-child(7) ~ .col { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); +} +.ios .row.no-gap .col:nth-last-child(7), +.ios .row.no-gap .col:nth-last-child(7) ~ .col { + width: 14.28571429%; +} +.ios .row .col:nth-last-child(8), +.ios .row .col:nth-last-child(8) ~ .col { + width: 12.5%; + width: calc((100% - 15px*7) / 8); +} +.ios .row.no-gap .col:nth-last-child(8), +.ios .row.no-gap .col:nth-last-child(8) ~ .col { + width: 12.5%; +} +.ios .row .col:nth-last-child(9), +.ios .row .col:nth-last-child(9) ~ .col { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); +} +.ios .row.no-gap .col:nth-last-child(9), +.ios .row.no-gap .col:nth-last-child(9) ~ .col { + width: 11.11111111%; +} +.ios .row .col:nth-last-child(10), +.ios .row .col:nth-last-child(10) ~ .col { + width: 10%; + width: calc((100% - 15px*9) / 10); +} +.ios .row.no-gap .col:nth-last-child(10), +.ios .row.no-gap .col:nth-last-child(10) ~ .col { + width: 10%; +} +.ios .row .col:nth-last-child(11), +.ios .row .col:nth-last-child(11) ~ .col { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); +} +.ios .row.no-gap .col:nth-last-child(11), +.ios .row.no-gap .col:nth-last-child(11) ~ .col { + width: 9.09090909%; +} +.ios .row .col:nth-last-child(12), +.ios .row .col:nth-last-child(12) ~ .col { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); +} +.ios .row.no-gap .col:nth-last-child(12), +.ios .row.no-gap .col:nth-last-child(12) ~ .col { + width: 8.33333333%; +} +.ios .row .col:nth-last-child(13), +.ios .row .col:nth-last-child(13) ~ .col { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); +} +.ios .row.no-gap .col:nth-last-child(13), +.ios .row.no-gap .col:nth-last-child(13) ~ .col { + width: 7.69230769%; +} +.ios .row .col:nth-last-child(14), +.ios .row .col:nth-last-child(14) ~ .col { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); +} +.ios .row.no-gap .col:nth-last-child(14), +.ios .row.no-gap .col:nth-last-child(14) ~ .col { + width: 7.14285714%; +} +.ios .row .col:nth-last-child(15), +.ios .row .col:nth-last-child(15) ~ .col { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); +} +.ios .row.no-gap .col:nth-last-child(15), +.ios .row.no-gap .col:nth-last-child(15) ~ .col { + width: 6.66666667%; +} +.ios .row .col:nth-last-child(16), +.ios .row .col:nth-last-child(16) ~ .col { + width: 6.25%; + width: calc((100% - 15px*15) / 16); +} +.ios .row.no-gap .col:nth-last-child(16), +.ios .row.no-gap .col:nth-last-child(16) ~ .col { + width: 6.25%; +} +.ios .row .col:nth-last-child(17), +.ios .row .col:nth-last-child(17) ~ .col { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); +} +.ios .row.no-gap .col:nth-last-child(17), +.ios .row.no-gap .col:nth-last-child(17) ~ .col { + width: 5.88235294%; +} +.ios .row .col:nth-last-child(18), +.ios .row .col:nth-last-child(18) ~ .col { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); +} +.ios .row.no-gap .col:nth-last-child(18), +.ios .row.no-gap .col:nth-last-child(18) ~ .col { + width: 5.55555556%; +} +.ios .row .col:nth-last-child(19), +.ios .row .col:nth-last-child(19) ~ .col { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); +} +.ios .row.no-gap .col:nth-last-child(19), +.ios .row.no-gap .col:nth-last-child(19) ~ .col { + width: 5.26315789%; +} +.ios .row .col:nth-last-child(20), +.ios .row .col:nth-last-child(20) ~ .col { + width: 5%; + width: calc((100% - 15px*19) / 20); +} +.ios .row.no-gap .col:nth-last-child(20), +.ios .row.no-gap .col:nth-last-child(20) ~ .col { + width: 5%; +} +.ios .row .col:nth-last-child(21), +.ios .row .col:nth-last-child(21) ~ .col { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); +} +.ios .row.no-gap .col:nth-last-child(21), +.ios .row.no-gap .col:nth-last-child(21) ~ .col { + width: 4.76190476%; +} +@media (min-width: 768px) { + .ios .row .tablet-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .tablet-100 { + width: 100%; + } + .ios .row .tablet-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); + } + .ios .row.no-gap .tablet-95 { + width: 95%; + } + .ios .row .tablet-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); + } + .ios .row.no-gap .tablet-90 { + width: 90%; + } + .ios .row .tablet-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); + } + .ios .row.no-gap .tablet-85 { + width: 85%; + } + .ios .row .tablet-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); + } + .ios .row.no-gap .tablet-80 { + width: 80%; + } + .ios .row .tablet-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); + } + .ios .row.no-gap .tablet-75 { + width: 75%; + } + .ios .row .tablet-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); + } + .ios .row.no-gap .tablet-70 { + width: 70%; + } + .ios .row .tablet-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); + } + .ios .row.no-gap .tablet-66 { + width: 66.66666666666666%; + } + .ios .row .tablet-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); + } + .ios .row.no-gap .tablet-65 { + width: 65%; + } + .ios .row .tablet-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); + } + .ios .row.no-gap .tablet-60 { + width: 60%; + } + .ios .row .tablet-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); + } + .ios .row.no-gap .tablet-55 { + width: 55%; + } + .ios .row .tablet-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .tablet-50 { + width: 50%; + } + .ios .row .tablet-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); + } + .ios .row.no-gap .tablet-45 { + width: 45%; + } + .ios .row .tablet-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); + } + .ios .row.no-gap .tablet-40 { + width: 40%; + } + .ios .row .tablet-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); + } + .ios .row.no-gap .tablet-35 { + width: 35%; + } + .ios .row .tablet-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .tablet-33 { + width: 33.333333333333336%; + } + .ios .row .tablet-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); + } + .ios .row.no-gap .tablet-30 { + width: 30%; + } + .ios .row .tablet-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .tablet-25 { + width: 25%; + } + .ios .row .tablet-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .tablet-20 { + width: 20%; + } + .ios .row .tablet-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); + } + .ios .row.no-gap .tablet-15 { + width: 15%; + } + .ios .row .tablet-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .tablet-10 { + width: 10%; + } + .ios .row .tablet-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .tablet-5 { + width: 5%; + } + .ios .row .tablet-auto:nth-last-child(1), + .ios .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .tablet-auto:nth-last-child(1), + .ios .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + } + .ios .row .tablet-auto:nth-last-child(2), + .ios .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .tablet-auto:nth-last-child(2), + .ios .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + } + .ios .row .tablet-auto:nth-last-child(3), + .ios .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .tablet-auto:nth-last-child(3), + .ios .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + } + .ios .row .tablet-auto:nth-last-child(4), + .ios .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .tablet-auto:nth-last-child(4), + .ios .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + } + .ios .row .tablet-auto:nth-last-child(5), + .ios .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .tablet-auto:nth-last-child(5), + .ios .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + } + .ios .row .tablet-auto:nth-last-child(6), + .ios .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); + } + .ios .row.no-gap .tablet-auto:nth-last-child(6), + .ios .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + } + .ios .row .tablet-auto:nth-last-child(7), + .ios .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); + } + .ios .row.no-gap .tablet-auto:nth-last-child(7), + .ios .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + } + .ios .row .tablet-auto:nth-last-child(8), + .ios .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + width: calc((100% - 15px*7) / 8); + } + .ios .row.no-gap .tablet-auto:nth-last-child(8), + .ios .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + } + .ios .row .tablet-auto:nth-last-child(9), + .ios .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); + } + .ios .row.no-gap .tablet-auto:nth-last-child(9), + .ios .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + } + .ios .row .tablet-auto:nth-last-child(10), + .ios .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .tablet-auto:nth-last-child(10), + .ios .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + } + .ios .row .tablet-auto:nth-last-child(11), + .ios .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); + } + .ios .row.no-gap .tablet-auto:nth-last-child(11), + .ios .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + } + .ios .row .tablet-auto:nth-last-child(12), + .ios .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); + } + .ios .row.no-gap .tablet-auto:nth-last-child(12), + .ios .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + } + .ios .row .tablet-auto:nth-last-child(13), + .ios .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); + } + .ios .row.no-gap .tablet-auto:nth-last-child(13), + .ios .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + } + .ios .row .tablet-auto:nth-last-child(14), + .ios .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); + } + .ios .row.no-gap .tablet-auto:nth-last-child(14), + .ios .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + } + .ios .row .tablet-auto:nth-last-child(15), + .ios .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); + } + .ios .row.no-gap .tablet-auto:nth-last-child(15), + .ios .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + } + .ios .row .tablet-auto:nth-last-child(16), + .ios .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + width: calc((100% - 15px*15) / 16); + } + .ios .row.no-gap .tablet-auto:nth-last-child(16), + .ios .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + } + .ios .row .tablet-auto:nth-last-child(17), + .ios .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); + } + .ios .row.no-gap .tablet-auto:nth-last-child(17), + .ios .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + } + .ios .row .tablet-auto:nth-last-child(18), + .ios .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); + } + .ios .row.no-gap .tablet-auto:nth-last-child(18), + .ios .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + } + .ios .row .tablet-auto:nth-last-child(19), + .ios .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); + } + .ios .row.no-gap .tablet-auto:nth-last-child(19), + .ios .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + } + .ios .row .tablet-auto:nth-last-child(20), + .ios .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .tablet-auto:nth-last-child(20), + .ios .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + } + .ios .row .tablet-auto:nth-last-child(21), + .ios .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); + } + .ios .row.no-gap .tablet-auto:nth-last-child(21), + .ios .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + } +} +@media (min-width: 1025px) { + .ios .row .desktop-100 { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .desktop-100 { + width: 100%; + } + .ios .row .desktop-95 { + width: 95%; + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); + } + .ios .row.no-gap .desktop-95 { + width: 95%; + } + .ios .row .desktop-90 { + width: 90%; + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); + } + .ios .row.no-gap .desktop-90 { + width: 90%; + } + .ios .row .desktop-85 { + width: 85%; + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); + } + .ios .row.no-gap .desktop-85 { + width: 85%; + } + .ios .row .desktop-80 { + width: 80%; + width: calc((100% - 15px*0.25) / 1.25); + } + .ios .row.no-gap .desktop-80 { + width: 80%; + } + .ios .row .desktop-75 { + width: 75%; + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); + } + .ios .row.no-gap .desktop-75 { + width: 75%; + } + .ios .row .desktop-70 { + width: 70%; + width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286); + } + .ios .row.no-gap .desktop-70 { + width: 70%; + } + .ios .row .desktop-66 { + width: 66.66666666666666%; + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); + } + .ios .row.no-gap .desktop-66 { + width: 66.66666666666666%; + } + .ios .row .desktop-65 { + width: 65%; + width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385); + } + .ios .row.no-gap .desktop-65 { + width: 65%; + } + .ios .row .desktop-60 { + width: 60%; + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); + } + .ios .row.no-gap .desktop-60 { + width: 60%; + } + .ios .row .desktop-55 { + width: 55%; + width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181); + } + .ios .row.no-gap .desktop-55 { + width: 55%; + } + .ios .row .desktop-50 { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .desktop-50 { + width: 50%; + } + .ios .row .desktop-45 { + width: 45%; + width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223); + } + .ios .row.no-gap .desktop-45 { + width: 45%; + } + .ios .row .desktop-40 { + width: 40%; + width: calc((100% - 15px*1.5) / 2.5); + } + .ios .row.no-gap .desktop-40 { + width: 40%; + } + .ios .row .desktop-35 { + width: 35%; + width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857); + } + .ios .row.no-gap .desktop-35 { + width: 35%; + } + .ios .row .desktop-33 { + width: 33.333333333333336%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .desktop-33 { + width: 33.333333333333336%; + } + .ios .row .desktop-30 { + width: 30%; + width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335); + } + .ios .row.no-gap .desktop-30 { + width: 30%; + } + .ios .row .desktop-25 { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .desktop-25 { + width: 25%; + } + .ios .row .desktop-20 { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .desktop-20 { + width: 20%; + } + .ios .row .desktop-15 { + width: 15%; + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); + } + .ios .row.no-gap .desktop-15 { + width: 15%; + } + .ios .row .desktop-10 { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .desktop-10 { + width: 10%; + } + .ios .row .desktop-5 { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .desktop-5 { + width: 5%; + } + .ios .row .desktop-auto:nth-last-child(1), + .ios .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + width: calc((100% - 15px*0) / 1); + } + .ios .row.no-gap .desktop-auto:nth-last-child(1), + .ios .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + } + .ios .row .desktop-auto:nth-last-child(2), + .ios .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + width: calc((100% - 15px*1) / 2); + } + .ios .row.no-gap .desktop-auto:nth-last-child(2), + .ios .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + } + .ios .row .desktop-auto:nth-last-child(3), + .ios .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + width: calc((100% - 15px*2) / 3); + } + .ios .row.no-gap .desktop-auto:nth-last-child(3), + .ios .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + } + .ios .row .desktop-auto:nth-last-child(4), + .ios .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + width: calc((100% - 15px*3) / 4); + } + .ios .row.no-gap .desktop-auto:nth-last-child(4), + .ios .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + } + .ios .row .desktop-auto:nth-last-child(5), + .ios .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + width: calc((100% - 15px*4) / 5); + } + .ios .row.no-gap .desktop-auto:nth-last-child(5), + .ios .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + } + .ios .row .desktop-auto:nth-last-child(6), + .ios .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + width: calc((100% - 15px*5) / 6); + } + .ios .row.no-gap .desktop-auto:nth-last-child(6), + .ios .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + } + .ios .row .desktop-auto:nth-last-child(7), + .ios .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + width: calc((100% - 15px*6) / 7); + } + .ios .row.no-gap .desktop-auto:nth-last-child(7), + .ios .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + } + .ios .row .desktop-auto:nth-last-child(8), + .ios .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + width: calc((100% - 15px*7) / 8); + } + .ios .row.no-gap .desktop-auto:nth-last-child(8), + .ios .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + } + .ios .row .desktop-auto:nth-last-child(9), + .ios .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + width: calc((100% - 15px*8) / 9); + } + .ios .row.no-gap .desktop-auto:nth-last-child(9), + .ios .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + } + .ios .row .desktop-auto:nth-last-child(10), + .ios .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + width: calc((100% - 15px*9) / 10); + } + .ios .row.no-gap .desktop-auto:nth-last-child(10), + .ios .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + } + .ios .row .desktop-auto:nth-last-child(11), + .ios .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + width: calc((100% - 15px*10) / 11); + } + .ios .row.no-gap .desktop-auto:nth-last-child(11), + .ios .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + } + .ios .row .desktop-auto:nth-last-child(12), + .ios .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + width: calc((100% - 15px*11) / 12); + } + .ios .row.no-gap .desktop-auto:nth-last-child(12), + .ios .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + } + .ios .row .desktop-auto:nth-last-child(13), + .ios .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + width: calc((100% - 15px*12) / 13); + } + .ios .row.no-gap .desktop-auto:nth-last-child(13), + .ios .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + } + .ios .row .desktop-auto:nth-last-child(14), + .ios .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + width: calc((100% - 15px*13) / 14); + } + .ios .row.no-gap .desktop-auto:nth-last-child(14), + .ios .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + } + .ios .row .desktop-auto:nth-last-child(15), + .ios .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + width: calc((100% - 15px*14) / 15); + } + .ios .row.no-gap .desktop-auto:nth-last-child(15), + .ios .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + } + .ios .row .desktop-auto:nth-last-child(16), + .ios .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + width: calc((100% - 15px*15) / 16); + } + .ios .row.no-gap .desktop-auto:nth-last-child(16), + .ios .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + } + .ios .row .desktop-auto:nth-last-child(17), + .ios .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + width: calc((100% - 15px*16) / 17); + } + .ios .row.no-gap .desktop-auto:nth-last-child(17), + .ios .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + } + .ios .row .desktop-auto:nth-last-child(18), + .ios .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + width: calc((100% - 15px*17) / 18); + } + .ios .row.no-gap .desktop-auto:nth-last-child(18), + .ios .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + } + .ios .row .desktop-auto:nth-last-child(19), + .ios .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + width: calc((100% - 15px*18) / 19); + } + .ios .row.no-gap .desktop-auto:nth-last-child(19), + .ios .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + } + .ios .row .desktop-auto:nth-last-child(20), + .ios .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + width: calc((100% - 15px*19) / 20); + } + .ios .row.no-gap .desktop-auto:nth-last-child(20), + .ios .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + } + .ios .row .desktop-auto:nth-last-child(21), + .ios .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + width: calc((100% - 15px*20) / 21); + } + .ios .row.no-gap .desktop-auto:nth-last-child(21), + .ios .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + } +} +/* === Calendar/Datepicker === */ +.calendar { + overflow: hidden; + height: 320px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.calendar.modal-in { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: 220px; + } + .calendar.calendar-modal { + height: calc(100vh - 44px); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-modal { + position: absolute; + height: 420px; + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: 380px; + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 12000; + background: #fff; + width: 90%; + border-radius: 4px; + -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.calendar-modal.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); +} +.calendar-popover { + width: 320px; +} +.calendar-popover .calendar { + height: 320px; +} +.calendar-week-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 11px; +} +.calendar-week-header .calendar-week-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + -webkit-transition: 300ms; + transition: 300ms; +} +.calendar-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.calendar-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: #000; + height: 100%; +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: #b8b8b8; +} +.calendar-day.calendar-day-disabled { + color: #d4d4d4; + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 100%; + position: relative; +} +.calendar-day .calendar-day-events { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + left: 0; + width: 100%; + top: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: 4px; + height: 4px; + border-radius: 50%; +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 50%; + max-width: 200px; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.ios .calendar-header { + height: 44px; + background: #f7f7f8; + font-size: 17px; + line-height: 44px; + font-weight: 600; + padding: 0 8px; + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.ios .calendar-footer { + position: relative; + padding: 0 8px; + width: 100%; + height: 44px; + background: #f7f7f8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 17px; +} +.ios .calendar-footer:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-week-header { + background: #f7f7f8; + height: 18px; +} +.ios .calendar-week-header .calendar-week-day { + line-height: 18px; +} +.ios .calendar-row:before { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-row:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-row:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-day { + font-size: 15px; +} +.ios .calendar-day.calendar-day-today .calendar-day-number { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-selected .calendar-day-number { + background: #007aff; +} +.ios .calendar-day .calendar-day-number { + width: 30px; + height: 30px; + line-height: 30px; +} +.ios .calendar-day .calendar-day-event { + background: #007aff; +} +.ios .calendar-month-selector a.icon-only, +.ios .calendar-year-selector a.icon-only { + min-width: 36px; +} +.ios .calendar-sheet:before { + content: ''; + position: absolute; + background-color: #929499; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .calendar-sheet:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .calendar-sheet:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .calendar-sheet { + background: #fff; +} +.ios .calendar-sheet:before { + z-index: 600; +} +.ios .calendar-sheet .toolbar:before { + display: none !important; +} +.ios .calendar-modal .toolbar:before, +.ios .calendar-popover .toolbar:before { + display: none !important; +} +.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.ios .calendar-popover .toolbar { + background: none; +} +.ios .calendar-popover .calendar-week-header, +.ios .calendar-popover .calendar-header, +.ios .calendar-popover .calendar-footer { + background: none; +} +.ios.device-iphone-x .calendar-sheet .sheet-modal-inner { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge.calendar .calendar-row, + .ios.device-iphone-x .ios-edges.calendar .calendar-row, + .ios.device-iphone-x .popup.calendar .calendar-row, + .ios.device-iphone-x .sheet-modal.calendar .calendar-row, + .ios.device-iphone-x .panel-left.calendar .calendar-row, + .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header, + .ios.device-iphone-x .ios-edges.calendar .calendar-week-header, + .ios.device-iphone-x .popup.calendar .calendar-week-header, + .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .ios.device-iphone-x .panel-left.calendar .calendar-week-header, + .ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .ios.device-iphone-x .ios-right-edge.calendar .calendar-row, + .ios.device-iphone-x .ios-edges.calendar .calendar-row, + .ios.device-iphone-x .popup.calendar .calendar-row, + .ios.device-iphone-x .sheet-modal.calendar .calendar-row, + .ios.device-iphone-x .panel-right.calendar .calendar-row, + .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header, + .ios.device-iphone-x .ios-edges.calendar .calendar-week-header, + .ios.device-iphone-x .popup.calendar .calendar-week-header, + .ios.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .ios.device-iphone-x .panel-right.calendar .calendar-week-header, + .ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +.ios .theme-dark .calendar .calendar-header, +.calendar.ios .theme-dark .calendar-header, +.ios .theme-dark .calendar .calendar-week-header, +.calendar.ios .theme-dark .calendar-week-header, +.ios .theme-dark .calendar .calendar-footer, +.calendar.ios .theme-dark .calendar-footer { + background-color: #1b1b1b; +} +.ios .theme-dark .calendar-popover .calendar-week-header { + background-color: transparent; +} +.ios .theme-dark .calendar-footer:before, +.ios .theme-dark .calendar-row:before, +.ios .theme-dark .calendar-sheet:before { + background-color: #282829; +} +.ios .theme-dark .calendar-day { + color: #fff; +} +.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number { + background: #333; +} +.ios .theme-dark .calendar-day.calendar-day-disabled { + color: #8E8E93; +} +.ios .theme-dark .calendar-day.calendar-day-prev, +.ios .theme-dark .calendar-day.calendar-day-next { + color: #555; +} +.ios .theme-dark .calendar-modal, +.calendar-modal.ios .theme-dark, +.ios .theme-dark .calendar-sheet { + background: #171717; +} +.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff3b30; +} +.ios .color-theme-red .calendar-day .calendar-day-event, +.ios .color-red .calendar-day .calendar-day-event { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number { + background: #4cd964; +} +.ios .color-theme-green .calendar-day .calendar-day-event, +.ios .color-green .calendar-day .calendar-day-event { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number { + background: #007aff; +} +.ios .color-theme-blue .calendar-day .calendar-day-event, +.ios .color-blue .calendar-day .calendar-day-event { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff2d55; +} +.ios .color-theme-pink .calendar-day .calendar-day-event, +.ios .color-pink .calendar-day .calendar-day-event { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffcc00; +} +.ios .color-theme-yellow .calendar-day .calendar-day-event, +.ios .color-yellow .calendar-day .calendar-day-event { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff9500; +} +.ios .color-theme-orange .calendar-day .calendar-day-event, +.ios .color-orange .calendar-day .calendar-day-event { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number { + background: #8e8e93; +} +.ios .color-theme-gray .calendar-day .calendar-day-event, +.ios .color-gray .calendar-day .calendar-day-event { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffffff; +} +.ios .color-theme-white .calendar-day .calendar-day-event, +.ios .color-white .calendar-day .calendar-day-event { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number, +.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number { + background: #000000; +} +.ios .color-theme-black .calendar-day .calendar-day-event, +.ios .color-black .calendar-day .calendar-day-event { + background: #000000; +} +/* === Picker === */ +.picker { + width: 100%; + height: 260px; +} +.picker.picker-inline, +.popover .picker { + height: 200px; +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: 200px; + } +} +.picker-popover { + width: 280px; +} +.picker-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + left: 100%; +} +.picker-column.picker-column-last:after { + right: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.picker-items { + -webkit-transition: 300ms; + transition: 300ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.picker-item { + height: 36px; + line-height: 36px; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: -18px; + pointer-events: none; +} +.picker-3d .picker-columns { + overflow: hidden; + -webkit-perspective: 1200px; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + -webkit-transform-origin: center center -110px; + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ios .picker-columns { + font-size: 24px; +} +.ios .picker-column-divider { + color: #000; +} +.ios .picker-item { + color: #707274; +} +.ios .picker-item.picker-item-selected { + color: #000; +} +.ios .picker-popover .toolbar { + background: none; +} +.ios .picker-popover .toolbar:before { + display: none !important; +} +.ios .picker-popover .picker > .toolbar + .picker-columns { + height: calc(100% - 44px); +} +.ios .picker-popover .toolbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .picker-popover .toolbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-popover .toolbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .picker-center-highlight:before { + content: ''; + position: absolute; + background-color: #a8abb0; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .picker-center-highlight:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-center-highlight:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .picker-center-highlight:after { + content: ''; + position: absolute; + background-color: #a8abb0; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .picker-center-highlight:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .picker-center-highlight:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .theme-dark .picker-item.picker-item-selected { + color: #fff; +} +.ios .theme-dark .picker-popover .toolbar:after, +.picker-popover.ios .theme-dark .toolbar:after { + background-color: #282829; +} +.ios .theme-dark .picker-center-highlight:before { + background-color: #282829; +} +.ios .theme-dark .picker-center-highlight:after { + background-color: #282829; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +/* === PTR === */ +.ptr-preloader .preloader { + position: absolute; + left: 50%; +} +.ios .ptr-preloader { + position: relative; + height: 44px; + margin-top: -44px; + width: 100%; + left: 0; + top: 0; +} +.ios .ptr-preloader .preloader { + width: 27px; + height: 27px; + margin-left: -13px; + margin-top: -13px; + visibility: hidden; + top: 50%; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + -webkit-transform: rotate(0deg) translate3d(0, 0, 0); + transform: rotate(0deg) translate3d(0, 0, 0); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + width: 13px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E"); + background-size: 13px 20px; + visibility: visible; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + -webkit-animation: none; + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.ios .ptr-refreshing { + -webkit-transform: translate3d(0, 44px, 0); + transform: translate3d(0, 44px, 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + -webkit-transform: rotate(180deg) translate3d(0, 0, 0); + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: -44px; + height: calc(100% + 44px); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + -webkit-animation: lazyFadeIn 600ms; + animation: lazyFadeIn 600ms; +} +@-webkit-keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: right; +} +.data-table thead { + font-size: 12px; +} +.data-table thead th, +.data-table thead td { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; +} +.data-table th, +.data-table td { + padding: 0; + position: relative; +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: left; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-right: 8px; +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: left; + white-space: nowrap; +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 18px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: ''; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-size: 0; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 0; +} +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + -webkit-transform: rotate(180deg) !important; + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header { + height: 64px; +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-actions { + margin-right: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.data-table .data-table-actions a.link { + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} +.data-table .data-table-header-selected { + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; +} +.data-table .data-table-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 12px; + overflow: hidden; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: right; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + -webkit-transform: none !important; + transform: none !important; + font-size: 12px; + margin-left: 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + right: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-right: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-right: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); +} +.ios .data-table thead th, +.ios .data-table thead td { + font-weight: 600; +} +.ios .data-table thead th:not(.sortable-cell-active), +.ios .data-table thead td:not(.sortable-cell-active) { + color: #8e8e93; +} +.ios .data-table thead i.icon, +.ios .data-table thead i.f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.ios .data-table tbody tr.data-table-row-selected { + background: #f7f7f8; +} +.ios .data-table th, +.ios .data-table td { + padding-left: 15px; + padding-right: 15px; + height: 44px; +} +.ios .data-table th.checkbox-cell, +.ios .data-table td.checkbox-cell { + width: 22px; + padding-left: 7px; +} +.ios .data-table th.checkbox-cell + td, +.ios .data-table td.checkbox-cell + td, +.ios .data-table th.checkbox-cell + th, +.ios .data-table td.checkbox-cell + th { + padding-right: 8px; +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-right: 15px; +} +.ios .data-table th.actions-cell a.icon-only, +.ios .data-table td.actions-cell a.icon-only { + width: 18px; + height: 18px; + line-height: 18px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-right: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-left: 5px; +} +.ios .data-table.card .card-header, +.ios .card .data-table .card-header, +.ios .data-table.card .card-footer, +.ios .card .data-table .card-footer { + padding-right: 15px; + padding-left: 8px; +} +.ios .data-table-title { + font-size: 17px; + font-weight: 600; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link { + margin-right: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-actions i.icon, +.ios .data-table-actions i.f7-icons { + font-size: 22px; +} +.ios .data-table .card-header > .data-table-header, +.ios .data-table .card-header > .data-table-header-selected { + padding-top: 10px; + padding-bottom: 10px; + height: 100%; + padding-right: 15px; + padding-left: 8px; + margin-right: -15px; + margin-left: -8px; +} +.ios .data-table-header-selected { + background: rgba(0, 122, 255, 0.1); +} +.ios .data-table-title-selected { + color: #007aff; +} +.ios .data-table tbody td:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .data-table tbody td:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .data-table tbody td:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios.device-desktop .data-table tbody tr:hover { + background: #f7f7f8; +} +.ios .data-table-footer { + height: 44px; + color: #8e8e93; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-right: 30px; +} +.ios .data-table-rows-select .input { + margin-right: 20px; +} +.ios .data-table-pagination-label { + margin-left: 15px; +} +.ios .data-table-footer:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.ios.device-pixel-ratio-2 .data-table-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .data-table-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.ios .input-cell .table-head-label + .input { + margin-top: 4px; +} +.ios .input-cell .input { + height: 24px; +} +.ios .input-cell .input input, +.ios .input-cell .input textarea, +.ios .input-cell .input select { + height: 24px; + color: #000; + font-size: 14px; +} +@media (max-width: 480px) and (orientation: portrait) { + .ios .data-table.data-table-collapsible td:not(.checkbox-cell):before { + color: #8e8e93; + font-weight: 600; + } + .ios .data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: #c8c7cc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + } + .ios.device-pixel-ratio-2 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + } + .ios.device-pixel-ratio-3 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); + } +} +.ios .theme-dark .data-table tbody td:before, +.data-table.ios .theme-dark tbody td:before { + background-color: #282829; +} +.ios .theme-dark .data-table.data-table-collapsible tr:before, +.data-table.ios .theme-dark.data-table-collapsible tr:before { + background-color: #282829; +} +.ios .theme-dark .data-table tbody tr.data-table-row-selected, +.data-table.ios .theme-dark tbody tr.data-table-row-selected { + background-color: #363636; +} +.ios.device-desktop .theme-dark .data-table tbody tr:hover, +.ios.device-desktop .theme-dark.data-table tbody tr:hover { + background: #363636; +} +.ios .color-theme-red .data-table-header-selected, +.ios .data-table-header-selected.color-red { + background: rgba(255, 59, 48, 0.1); +} +.ios .color-theme-red .data-table-title-selected, +.ios .color-red .data-table-title-selected { + color: #ff3b30; +} +.ios .color-theme-green .data-table-header-selected, +.ios .data-table-header-selected.color-green { + background: rgba(76, 217, 100, 0.1); +} +.ios .color-theme-green .data-table-title-selected, +.ios .color-green .data-table-title-selected { + color: #4cd964; +} +.ios .color-theme-blue .data-table-header-selected, +.ios .data-table-header-selected.color-blue { + background: rgba(0, 122, 255, 0.1); +} +.ios .color-theme-blue .data-table-title-selected, +.ios .color-blue .data-table-title-selected { + color: #007aff; +} +.ios .color-theme-pink .data-table-header-selected, +.ios .data-table-header-selected.color-pink { + background: rgba(255, 45, 85, 0.1); +} +.ios .color-theme-pink .data-table-title-selected, +.ios .color-pink .data-table-title-selected { + color: #ff2d55; +} +.ios .color-theme-yellow .data-table-header-selected, +.ios .data-table-header-selected.color-yellow { + background: rgba(255, 204, 0, 0.1); +} +.ios .color-theme-yellow .data-table-title-selected, +.ios .color-yellow .data-table-title-selected { + color: #ffcc00; +} +.ios .color-theme-orange .data-table-header-selected, +.ios .data-table-header-selected.color-orange { + background: rgba(255, 149, 0, 0.1); +} +.ios .color-theme-orange .data-table-title-selected, +.ios .color-orange .data-table-title-selected { + color: #ff9500; +} +.ios .color-theme-gray .data-table-header-selected, +.ios .data-table-header-selected.color-gray { + background: rgba(142, 142, 147, 0.1); +} +.ios .color-theme-gray .data-table-title-selected, +.ios .color-gray .data-table-title-selected { + color: #8e8e93; +} +.ios .color-theme-white .data-table-header-selected, +.ios .data-table-header-selected.color-white { + background: rgba(255, 255, 255, 0.1); +} +.ios .color-theme-white .data-table-title-selected, +.ios .color-white .data-table-title-selected { + color: #ffffff; +} +.ios .color-theme-black .data-table-header-selected, +.ios .data-table-header-selected.color-black { + background: rgba(0, 0, 0, 0.1); +} +.ios .color-theme-black .data-table-title-selected, +.ios .color-black .data-table-title-selected { + color: #000000; +} +/* === FAB === */ +.fab { + position: absolute; + z-index: 1500; +} +.fab > a, +.fab-buttons a { + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + z-index: 1; +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + -webkit-transition: 300ms; + transition: 300ms; +} +.fab > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab[class*="fab-center"] { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.fab div.fab-buttons a { + width: 40px; + height: 40px; +} +.fab-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0) scale(1) !important; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + -webkit-transition-delay: 50ms; + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + -webkit-transition-delay: 150ms; + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + -webkit-transition-delay: 200ms; + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + -webkit-transition-delay: 250ms; + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: 40px; + margin-left: -20px; +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.fab-buttons-top a { + -webkit-transform: translate3d(0, 8px, 0) scale(0.3); + transform: translate3d(0, 8px, 0) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.fab-buttons-bottom a { + -webkit-transform: translate3d(0, -8px, 0) scale(0.3); + transform: translate3d(0, -8px, 0) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: 40px; + margin-top: -20px; +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; +} +.fab-buttons-left a { + -webkit-transform: translate3d(8px, 0px, 0) scale(0.3); + transform: translate3d(8px, 0px, 0) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fab-buttons-right a { + -webkit-transform: translate3d(-8px, 0, 0) scale(0.3); + transform: translate3d(-8px, 0, 0) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: -20px; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform: translateY(-8px) scale(0.3); + transform: translateY(-8px) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: -20px; + top: 50%; + margin-left: 16px; + -webkit-transform: translateX(-8px) scale(0.3); + transform: translateX(-8px) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: -20px; + top: 100%; + margin-top: 16px; + -webkit-transform: translateY(8px) scale(0.3); + transform: translateY(8px) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: -20px; + top: 50%; + margin-right: 16px; + -webkit-transform: translateX(8px) scale(0.3); + transform: translateX(8px) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + padding-left: 20px; + padding-right: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: 4px 12px; + border-radius: 4px; + background: #fff; + color: #333; + white-space: nowrap; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.ios .fab > a, +.ios .fab-buttons a { + background: #007aff; + width: 50px; + height: 50px; + -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + border-radius: 25px; + color: #fff; +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + background: #0066d6; +} +.ios .fab > a i.icon, +.ios .fab-buttons a i.icon { + font-size: 21px; +} +.ios .fab[class*="fab-left"] { + left: 15px; +} +.ios .fab[class*="fab-right"] { + right: 15px; +} +.ios .fab[class*="-top"] { + top: 15px; +} +.ios .fab[class*="-bottom"] { + bottom: 15px; +} +.ios .navbar ~ * .fab[class*="-top"], +.ios .navbar ~ .fab[class*="-top"] { + margin-top: 44px; +} +.ios .toolbar ~ * .fab[class*="-bottom"], +.ios .toolbar ~ .fab[class*="-bottom"] { + margin-bottom: 44px; +} +.ios .tabbar-labels ~ * .fab[class*="-bottom"], +.ios .tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 50px; +} +@media (min-width: 768px) { + .ios .tabbar-labels ~ * .fab[class*="-bottom"], + .ios .tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 56px; + } +} +.ios .fab-morph { + border-radius: 25px; + background: #007aff; + -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); +} +.ios .fab-morph > a { + -webkit-box-shadow: none; + box-shadow: none; + background: none !important; +} +.ios .fab-extended { + min-width: 50px; +} +.ios .fab-extended > a { + width: 100%; + height: 50px; +} +.ios .fab-extended > a i { + left: 25px; +} +.ios .fab-extended i ~ .fab-text { + padding-left: 50px; +} +.ios .fab-label { + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); +} +.ios .color-theme-red .fab > a, +.ios .color-theme-red .fab-buttons a, +.ios .color-theme-red.fab > a, +.ios .color-theme-red.fab-buttons a { + background: #ff3b30; +} +.ios .color-theme-red .fab > a.active-state, +.ios .color-theme-red .fab-buttons a.active-state, +.ios .color-theme-red.fab > a.active-state, +.ios .color-theme-red.fab-buttons a.active-state { + background: #ff1407; +} +.ios .color-theme-red .fab-morph, +.ios .color-theme-red.fab-morph { + background: #ff3b30; +} +.ios .color-theme-green .fab > a, +.ios .color-theme-green .fab-buttons a, +.ios .color-theme-green.fab > a, +.ios .color-theme-green.fab-buttons a { + background: #4cd964; +} +.ios .color-theme-green .fab > a.active-state, +.ios .color-theme-green .fab-buttons a.active-state, +.ios .color-theme-green.fab > a.active-state, +.ios .color-theme-green.fab-buttons a.active-state { + background: #2cd048; +} +.ios .color-theme-green .fab-morph, +.ios .color-theme-green.fab-morph { + background: #4cd964; +} +.ios .color-theme-blue .fab > a, +.ios .color-theme-blue .fab-buttons a, +.ios .color-theme-blue.fab > a, +.ios .color-theme-blue.fab-buttons a { + background: #007aff; +} +.ios .color-theme-blue .fab > a.active-state, +.ios .color-theme-blue .fab-buttons a.active-state, +.ios .color-theme-blue.fab > a.active-state, +.ios .color-theme-blue.fab-buttons a.active-state { + background: #0066d6; +} +.ios .color-theme-blue .fab-morph, +.ios .color-theme-blue.fab-morph { + background: #007aff; +} +.ios .color-theme-pink .fab > a, +.ios .color-theme-pink .fab-buttons a, +.ios .color-theme-pink.fab > a, +.ios .color-theme-pink.fab-buttons a { + background: #ff2d55; +} +.ios .color-theme-pink .fab > a.active-state, +.ios .color-theme-pink .fab-buttons a.active-state, +.ios .color-theme-pink.fab > a.active-state, +.ios .color-theme-pink.fab-buttons a.active-state { + background: #ff0434; +} +.ios .color-theme-pink .fab-morph, +.ios .color-theme-pink.fab-morph { + background: #ff2d55; +} +.ios .color-theme-yellow .fab > a, +.ios .color-theme-yellow .fab-buttons a, +.ios .color-theme-yellow.fab > a, +.ios .color-theme-yellow.fab-buttons a { + background: #ffcc00; +} +.ios .color-theme-yellow .fab > a.active-state, +.ios .color-theme-yellow .fab-buttons a.active-state, +.ios .color-theme-yellow.fab > a.active-state, +.ios .color-theme-yellow.fab-buttons a.active-state { + background: #d6ab00; +} +.ios .color-theme-yellow .fab-morph, +.ios .color-theme-yellow.fab-morph { + background: #ffcc00; +} +.ios .color-theme-orange .fab > a, +.ios .color-theme-orange .fab-buttons a, +.ios .color-theme-orange.fab > a, +.ios .color-theme-orange.fab-buttons a { + background: #ff9500; +} +.ios .color-theme-orange .fab > a.active-state, +.ios .color-theme-orange .fab-buttons a.active-state, +.ios .color-theme-orange.fab > a.active-state, +.ios .color-theme-orange.fab-buttons a.active-state { + background: #d67d00; +} +.ios .color-theme-orange .fab-morph, +.ios .color-theme-orange.fab-morph { + background: #ff9500; +} +.ios .color-theme-gray .fab > a, +.ios .color-theme-gray .fab-buttons a, +.ios .color-theme-gray.fab > a, +.ios .color-theme-gray.fab-buttons a { + background: #8e8e93; +} +.ios .color-theme-gray .fab > a.active-state, +.ios .color-theme-gray .fab-buttons a.active-state, +.ios .color-theme-gray.fab > a.active-state, +.ios .color-theme-gray.fab-buttons a.active-state { + background: #79797f; +} +.ios .color-theme-gray .fab-morph, +.ios .color-theme-gray.fab-morph { + background: #8e8e93; +} +.ios .color-theme-white .fab > a, +.ios .color-theme-white .fab-buttons a, +.ios .color-theme-white.fab > a, +.ios .color-theme-white.fab-buttons a { + background: #ffffff; +} +.ios .color-theme-white .fab > a.active-state, +.ios .color-theme-white .fab-buttons a.active-state, +.ios .color-theme-white.fab > a.active-state, +.ios .color-theme-white.fab-buttons a.active-state { + background: #ebebeb; +} +.ios .color-theme-white .fab-morph, +.ios .color-theme-white.fab-morph { + background: #ffffff; +} +.ios .color-theme-black .fab > a, +.ios .color-theme-black .fab-buttons a, +.ios .color-theme-black.fab > a, +.ios .color-theme-black.fab-buttons a { + background: #000000; +} +.ios .color-theme-black .fab > a.active-state, +.ios .color-theme-black .fab-buttons a.active-state, +.ios .color-theme-black.fab > a.active-state, +.ios .color-theme-black.fab-buttons a.active-state { + background: #000000; +} +.ios .color-theme-black .fab-morph, +.ios .color-theme-black.fab-morph { + background: #000000; +} +.ios .fab.color-red > a, +.ios .fab.color-red .fab-buttons > a, +.ios .fab-buttons.color-red a, +.ios .fab > a.color-red, +.ios .fab .fab-buttons > a.color-red { + background: #ff3b30; +} +.ios .fab.color-red > a.active-state, +.ios .fab.color-red .fab-buttons > a.active-state, +.ios .fab-buttons.color-red a.active-state, +.ios .fab > a.color-red.active-state, +.ios .fab .fab-buttons > a.color-red.active-state { + background: #ff1407; +} +.ios .fab-morph.color-red { + background: #ff3b30; +} +.ios .fab.color-green > a, +.ios .fab.color-green .fab-buttons > a, +.ios .fab-buttons.color-green a, +.ios .fab > a.color-green, +.ios .fab .fab-buttons > a.color-green { + background: #4cd964; +} +.ios .fab.color-green > a.active-state, +.ios .fab.color-green .fab-buttons > a.active-state, +.ios .fab-buttons.color-green a.active-state, +.ios .fab > a.color-green.active-state, +.ios .fab .fab-buttons > a.color-green.active-state { + background: #2cd048; +} +.ios .fab-morph.color-green { + background: #4cd964; +} +.ios .fab.color-blue > a, +.ios .fab.color-blue .fab-buttons > a, +.ios .fab-buttons.color-blue a, +.ios .fab > a.color-blue, +.ios .fab .fab-buttons > a.color-blue { + background: #007aff; +} +.ios .fab.color-blue > a.active-state, +.ios .fab.color-blue .fab-buttons > a.active-state, +.ios .fab-buttons.color-blue a.active-state, +.ios .fab > a.color-blue.active-state, +.ios .fab .fab-buttons > a.color-blue.active-state { + background: #0066d6; +} +.ios .fab-morph.color-blue { + background: #007aff; +} +.ios .fab.color-pink > a, +.ios .fab.color-pink .fab-buttons > a, +.ios .fab-buttons.color-pink a, +.ios .fab > a.color-pink, +.ios .fab .fab-buttons > a.color-pink { + background: #ff2d55; +} +.ios .fab.color-pink > a.active-state, +.ios .fab.color-pink .fab-buttons > a.active-state, +.ios .fab-buttons.color-pink a.active-state, +.ios .fab > a.color-pink.active-state, +.ios .fab .fab-buttons > a.color-pink.active-state { + background: #ff0434; +} +.ios .fab-morph.color-pink { + background: #ff2d55; +} +.ios .fab.color-yellow > a, +.ios .fab.color-yellow .fab-buttons > a, +.ios .fab-buttons.color-yellow a, +.ios .fab > a.color-yellow, +.ios .fab .fab-buttons > a.color-yellow { + background: #ffcc00; +} +.ios .fab.color-yellow > a.active-state, +.ios .fab.color-yellow .fab-buttons > a.active-state, +.ios .fab-buttons.color-yellow a.active-state, +.ios .fab > a.color-yellow.active-state, +.ios .fab .fab-buttons > a.color-yellow.active-state { + background: #d6ab00; +} +.ios .fab-morph.color-yellow { + background: #ffcc00; +} +.ios .fab.color-orange > a, +.ios .fab.color-orange .fab-buttons > a, +.ios .fab-buttons.color-orange a, +.ios .fab > a.color-orange, +.ios .fab .fab-buttons > a.color-orange { + background: #ff9500; +} +.ios .fab.color-orange > a.active-state, +.ios .fab.color-orange .fab-buttons > a.active-state, +.ios .fab-buttons.color-orange a.active-state, +.ios .fab > a.color-orange.active-state, +.ios .fab .fab-buttons > a.color-orange.active-state { + background: #d67d00; +} +.ios .fab-morph.color-orange { + background: #ff9500; +} +.ios .fab.color-gray > a, +.ios .fab.color-gray .fab-buttons > a, +.ios .fab-buttons.color-gray a, +.ios .fab > a.color-gray, +.ios .fab .fab-buttons > a.color-gray { + background: #8e8e93; +} +.ios .fab.color-gray > a.active-state, +.ios .fab.color-gray .fab-buttons > a.active-state, +.ios .fab-buttons.color-gray a.active-state, +.ios .fab > a.color-gray.active-state, +.ios .fab .fab-buttons > a.color-gray.active-state { + background: #79797f; +} +.ios .fab-morph.color-gray { + background: #8e8e93; +} +.ios .fab.color-white > a, +.ios .fab.color-white .fab-buttons > a, +.ios .fab-buttons.color-white a, +.ios .fab > a.color-white, +.ios .fab .fab-buttons > a.color-white { + background: #ffffff; +} +.ios .fab.color-white > a.active-state, +.ios .fab.color-white .fab-buttons > a.active-state, +.ios .fab-buttons.color-white a.active-state, +.ios .fab > a.color-white.active-state, +.ios .fab .fab-buttons > a.color-white.active-state { + background: #ebebeb; +} +.ios .fab-morph.color-white { + background: #ffffff; +} +.ios .fab.color-black > a, +.ios .fab.color-black .fab-buttons > a, +.ios .fab-buttons.color-black a, +.ios .fab > a.color-black, +.ios .fab .fab-buttons > a.color-black { + background: #000000; +} +.ios .fab.color-black > a.active-state, +.ios .fab.color-black .fab-buttons > a.active-state, +.ios .fab-buttons.color-black a.active-state, +.ios .fab > a.color-black.active-state, +.ios .fab .fab-buttons > a.color-black.active-state { + background: #000000; +} +.ios .fab-morph.color-black { + background: #000000; +} +.ios.device-iphone-x .fab[class*="-bottom"] { + bottom: calc(15px + constant(safe-area-inset-bottom)); + bottom: calc(15px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .fab[class*="fab-left"], + .ios.device-iphone-x .ios-edges .fab[class*="fab-left"], + .ios.device-iphone-x .popup .fab[class*="fab-left"], + .ios.device-iphone-x .sheet-modal .fab[class*="fab-left"], + .ios.device-iphone-x .panel-left .fab[class*="fab-left"] { + left: calc(15px + constant(safe-area-inset-left)); + left: calc(15px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .fab[class*="fab-right"], + .ios.device-iphone-x .ios-edges .fab[class*="fab-right"], + .ios.device-iphone-x .popup .fab[class*="fab-right"], + .ios.device-iphone-x .sheet-modal .fab[class*="fab-right"], + .ios.device-iphone-x .panel-right .fab[class*="fab-right"] { + right: calc(15px + constant(safe-area-inset-right)); + right: calc(15px + env(safe-area-inset-right)); + } +} +/* === Searchbar === */ +.searchbar { + width: 100%; + position: relative; + z-index: 200; +} +.searchbar .searchbar-input-wrap { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + height: 100%; + position: relative; +} +.searchbar .searchbar-input-wrap input[type="search"] { + padding: 0; +} +.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.searchbar-expandable { + position: absolute; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + pointer-events: none; +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.ios .searchbar { + height: 44px; + background: #f7f7f8; +} +.ios .searchbar.no-hairline:after { + display: none !important; +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + padding: 0 28px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 10px; + border-radius: 8px; + font-family: inherit; + color: #000; + font-size: 17px; + font-weight: normal; + z-index: 30; + background-color: #e8e8ea; + position: relative; +} +.ios .searchbar input[type="search"]::-webkit-input-placeholder, +.ios .searchbar input[type="text"]::-webkit-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]:-ms-input-placeholder, +.ios .searchbar input[type="text"]:-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]::-ms-input-placeholder, +.ios .searchbar input[type="text"]::-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar input[type="search"]::placeholder, +.ios .searchbar input[type="text"]::placeholder { + color: #939398; + opacity: 1; +} +.ios .searchbar .input-clear-button { + z-index: 40; + left: 7px; +} +.ios .searchbar-inner { + padding: 0 8px; +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; + z-index: 40; + right: 8px; +} +.ios .searchbar-backdrop { + background: rgba(0, 0, 0, 0.4); +} +.ios .searchbar-input-wrap { + height: 32px; +} +.ios .searchbar:after { + content: ''; + position: absolute; + background-color: #c4c4c4; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.ios.device-pixel-ratio-2 .searchbar:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.ios.device-pixel-ratio-3 .searchbar:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.ios .searchbar-disable-button { + font-size: 17px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + color: #007aff; + display: none; +} +.ios .searchbar-disable-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-right: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + -webkit-transition-duration: 300ms !important; + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + right: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-right: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: 44px; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: 100%; + pointer-events: auto; +} +.ios .page > .searchbar { + z-index: 200; +} +.ios .navbar ~ .page:not(.no-navbar) > .searchbar, +.ios .page > .navbar ~ .searchbar { + top: 44px; +} +.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content, +.ios .page > .navbar ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .searchbar ~ * .page-content { + padding-top: 88px; +} +.ios .theme-dark .searchbar, +.searchbar.ios .theme-dark { + background-color: #303030; +} +.ios .theme-dark .searchbar:after, +.searchbar.ios .theme-dark:after { + background-color: #282829; +} +.ios .theme-dark .searchbar input[type="search"], +.searchbar.ios .theme-dark input[type="search"], +.ios .theme-dark .searchbar input[type="text"], +.searchbar.ios .theme-dark input[type="text"] { + background-color: #171717; + color: #fff; +} +.ios .color-theme-red .searchbar-disable-button { + color: #ff3b30; +} +.ios .color-theme-green .searchbar-disable-button { + color: #4cd964; +} +.ios .color-theme-blue .searchbar-disable-button { + color: #007aff; +} +.ios .color-theme-pink .searchbar-disable-button { + color: #ff2d55; +} +.ios .color-theme-yellow .searchbar-disable-button { + color: #ffcc00; +} +.ios .color-theme-orange .searchbar-disable-button { + color: #ff9500; +} +.ios .color-theme-gray .searchbar-disable-button { + color: #8e8e93; +} +.ios .color-theme-white .searchbar-disable-button { + color: #ffffff; +} +.ios .color-theme-black .searchbar-disable-button { + color: #000000; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .searchbar-inner, + .ios.device-iphone-x .ios-edges .searchbar-inner, + .ios.device-iphone-x .popup .searchbar-inner, + .ios.device-iphone-x .sheet-modal .searchbar-inner, + .ios.device-iphone-x .panel-left .searchbar-inner { + padding-left: calc(8px + constant(safe-area-inset-left)); + padding-left: calc(8px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .searchbar-inner, + .ios.device-iphone-x .ios-edges .searchbar-inner, + .ios.device-iphone-x .popup .searchbar-inner, + .ios.device-iphone-x .sheet-modal .searchbar-inner, + .ios.device-iphone-x .panel-right .searchbar-inner { + padding-right: calc(8px + constant(safe-area-inset-right)); + padding-right: calc(8px + env(safe-area-inset-right)); + } +} +/* === Messages === */ +.messages { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; +} +.message { + max-width: 70%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + position: relative; + z-index: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.message-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; + font-size: 12px; +} +.message-footer { + font-size: 11px; + margin-bottom: -1em; +} +.message-bubble { + -webkit-box-sizing: border-box; + box-sizing: border-box; + word-break: break-word; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + line-height: 1.2; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + font-size: 12px; + line-height: 1; +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.message-received { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.message-received .message-content { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.message-sent .message-content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + -webkit-animation: message-appear-from-bottom 300ms; + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + -webkit-animation: message-appear-from-top 300ms; + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: #000; + vertical-align: middle; + border-radius: 50%; +} +@-webkit-keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.ios .messages-content, +.ios .messages { + background: #fff; +} +.ios .messages-title { + font-size: 11px; + color: #8e8e93; + margin-top: 10px; +} +.ios .messages-title:last-child { + margin-bottom: 10px; +} +.ios .messages-title b { + font-weight: 600; +} +.ios .message { + margin-top: 10px; +} +.ios .message:last-child { + margin-bottom: 10px; +} +.ios .message-avatar { + width: 29px; + height: 29px; +} +.ios .message-header, +.ios .message-footer, +.ios .message-name { + color: #8e8e93; +} +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + font-size: 17px; + line-height: 1.2; + border-radius: 16px; + padding: 6px 16px 9px; + min-width: 48px; + min-height: 35px; +} +.ios .message-image { + margin: 6px -16px; +} +.ios .message-image:first-child { + margin-top: -6px; +} +.ios .message-image:first-child img { + border-top-left-radius: 16px; + border-top-right-radius: 16px; +} +.ios .message-image:last-child { + margin-bottom: -9px; +} +.ios .message-image:last-child img { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: 10px; +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: 16px; +} +.ios .message-received .message-text-header, +.ios .message-received .message-text-footer { + opacity: 0.5; +} +.ios .message-received .message-bubble { + color: #000; + background: #e5e5ea; + padding-left: 22px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: -22px; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + border-radius: 16px 16px 16px 0; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: 10px; +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: 16px; +} +.ios .message-sent .message-text-header, +.ios .message-sent .message-text-footer { + opacity: 0.8; +} +.ios .message-sent .message-bubble { + background: #00d449; + color: #fff; + padding-right: 22px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: -22px; +} +.ios .message-sent.message-tail .message-bubble { + border-radius: 16px 16px 0 16px; + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: #e5e5ea; + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; + opacity: 0.35; +} +.ios .message-typing-indicator > div + div { + margin-right: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + -webkit-animation: ios-message-typing-indicator 900ms infinite; + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + -webkit-animation: ios-message-typing-indicator 900ms 150ms infinite; + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + -webkit-animation: ios-message-typing-indicator 900ms 300ms infinite; + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +.ios .theme-dark .messages-content, +.messages-content.ios .theme-dark, +.ios .theme-dark .messages, +.messages.ios .theme-dark { + background-color: transparent; +} +.ios .theme-dark .message-received.message-typing .message-content:after, +.ios .theme-dark .message-received.message-typing .message-content:before { + background: #333; +} +.ios .theme-dark .message-typing-indicator > div { + background-color: #fff; +} +.ios .theme-dark .message-received .message-bubble { + background-color: #333; + color: #fff; +} +@media (orientation: landscape) { + .ios.device-iphone-x .ios-left-edge .message-received, + .ios.device-iphone-x .ios-edges .message-received, + .ios.device-iphone-x .popup .message-received, + .ios.device-iphone-x .sheet-modal .message-received, + .ios.device-iphone-x .panel-left .message-received { + margin-left: calc(10px + constant(safe-area-inset-left)); + margin-left: calc(10px + env(safe-area-inset-left)); + } + .ios.device-iphone-x .ios-right-edge .message-sent, + .ios.device-iphone-x .ios-edges .message-sent, + .ios.device-iphone-x .popup .message-sent, + .ios.device-iphone-x .sheet-modal .message-sent, + .ios.device-iphone-x .panel-right .message-sent { + margin-right: calc(10px + constant(safe-area-inset-right)); + margin-right: calc(10px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +/* === Messagebar === */ +.toolbar.messagebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + background: #fff; + height: auto; +} +.toolbar.messagebar .toolbar-inner { + position: relative; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.toolbar.messagebar .messagebar-area { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.toolbar.messagebar textarea { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.toolbar.messagebar a.link { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.messagebar-attachments { + width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: 155px; + position: relative; +} +@media (orientation: landscape) { + .messagebar-attachment { + height: 120px; + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; +} +.messagebar-attachment + .messagebar-attachment { + margin-right: 8px; +} +.messagebar-sheet { + overflow: auto; + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + height: 252px; +} +@media (orientation: landscape) { + .messagebar-sheet { + height: 192px; + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: 125px; + width: 125px; + margin-right: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: 95px; + height: 95px; + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top), +.md.device-iphone-x .messagebar:not(.messagebar-top) { + height: auto !important; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible), +.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .messagebar-sheet, +.md.device-iphone-x .messagebar-sheet { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .messagebar { + background: #fff; + min-height: 44px; +} +.ios .messagebar:before { + display: none !important; +} +.ios .messagebar textarea { + background: #fff; + border-radius: 17px; + padding: 6px 15px; + height: 34px; + line-height: 20px; + font-size: 17px; + border: 1px solid #c8c8cd; +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: 17px 17px 0 0; + border: 1px solid #c8c8cd; + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 17px 17px; +} +.ios .messagebar-attachment { + border-radius: 12px; + font-size: 14px; +} +.ios .messagebar-attachment img { + border-radius: 12px; +} +.ios .messagebar-sheet { + background: #d1d5da; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; + cursor: pointer; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.ios .theme-dark .messagebar textarea, +.messagebar.ios .theme-dark textarea { + background-color: #000; + border-color: #282829; + color: #fff; +} +.ios .theme-dark .messagebar-attachments { + border-color: #282829; + background-color: #000; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} +/* 3D Effects */ +.swiper-container-3d { + -webkit-perspective: 1200px; + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + -ms-touch-action: pan-x; + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: 300ms opacity; + transition: 300ms opacity; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transform: scale(0.33); + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + -webkit-transform: scale(1); + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0px, -50%, 0); + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + -webkit-transition: 200ms top, 200ms -webkit-transform; + transition: 200ms top, 200ms -webkit-transform; + transition: 200ms transform, 200ms top; + transition: 200ms transform, 200ms top, 200ms -webkit-transform; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transition: 200ms left, 200ms -webkit-transform; + transition: 200ms left, 200ms -webkit-transform; + transition: 200ms transform, 200ms left; + transition: 200ms transform, 200ms left, 200ms -webkit-transform; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + -webkit-transform-origin: right top; + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; +} +.ios .swiper-lazy-preloader { + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +.ios .swiper-button-prev, +.ios .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next, +.ios .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .swiper-pagination-bullet-active { + background: #007aff; +} +.ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #007aff; +} +.ios .swiper-button-prev.color-red, +.ios .swiper-container-rtl .swiper-button-next.color-red, +.ios .color-theme-red .swiper-button-prev, +.ios .color-theme-red .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-red, +.ios .swiper-container-rtl .swiper-button-prev.color-red, +.ios .color-theme-red .swiper-button-next, +.ios .color-theme-red .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-red .swiper-pagination-bullet-active, +.ios .color-theme-red .swiper-pagination-bullet-active { + background: #ff3b30; +} +.ios .color-red .swiper-pagination-progressbar, +.ios .color-theme-red .swiper-pagination-progressbar, +.ios .color-red.swiper-pagination-progressbar, +.ios .color-theme-red.swiper-pagination-progressbar { + background: rgba(255, 59, 48, 0.25); +} +.ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff3b30; +} +.ios .swiper-button-prev.color-green, +.ios .swiper-container-rtl .swiper-button-next.color-green, +.ios .color-theme-green .swiper-button-prev, +.ios .color-theme-green .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-green, +.ios .swiper-container-rtl .swiper-button-prev.color-green, +.ios .color-theme-green .swiper-button-next, +.ios .color-theme-green .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-green .swiper-pagination-bullet-active, +.ios .color-theme-green .swiper-pagination-bullet-active { + background: #4cd964; +} +.ios .color-green .swiper-pagination-progressbar, +.ios .color-theme-green .swiper-pagination-progressbar, +.ios .color-green.swiper-pagination-progressbar, +.ios .color-theme-green.swiper-pagination-progressbar { + background: rgba(76, 217, 100, 0.25); +} +.ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #4cd964; +} +.ios .swiper-button-prev.color-blue, +.ios .swiper-container-rtl .swiper-button-next.color-blue, +.ios .color-theme-blue .swiper-button-prev, +.ios .color-theme-blue .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-blue, +.ios .swiper-container-rtl .swiper-button-prev.color-blue, +.ios .color-theme-blue .swiper-button-next, +.ios .color-theme-blue .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-blue .swiper-pagination-bullet-active, +.ios .color-theme-blue .swiper-pagination-bullet-active { + background: #007aff; +} +.ios .color-blue .swiper-pagination-progressbar, +.ios .color-theme-blue .swiper-pagination-progressbar, +.ios .color-blue.swiper-pagination-progressbar, +.ios .color-theme-blue.swiper-pagination-progressbar { + background: rgba(0, 122, 255, 0.25); +} +.ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #007aff; +} +.ios .swiper-button-prev.color-pink, +.ios .swiper-container-rtl .swiper-button-next.color-pink, +.ios .color-theme-pink .swiper-button-prev, +.ios .color-theme-pink .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-pink, +.ios .swiper-container-rtl .swiper-button-prev.color-pink, +.ios .color-theme-pink .swiper-button-next, +.ios .color-theme-pink .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-pink .swiper-pagination-bullet-active, +.ios .color-theme-pink .swiper-pagination-bullet-active { + background: #ff2d55; +} +.ios .color-pink .swiper-pagination-progressbar, +.ios .color-theme-pink .swiper-pagination-progressbar, +.ios .color-pink.swiper-pagination-progressbar, +.ios .color-theme-pink.swiper-pagination-progressbar { + background: rgba(255, 45, 85, 0.25); +} +.ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff2d55; +} +.ios .swiper-button-prev.color-yellow, +.ios .swiper-container-rtl .swiper-button-next.color-yellow, +.ios .color-theme-yellow .swiper-button-prev, +.ios .color-theme-yellow .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-yellow, +.ios .swiper-container-rtl .swiper-button-prev.color-yellow, +.ios .color-theme-yellow .swiper-button-next, +.ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-yellow .swiper-pagination-bullet-active, +.ios .color-theme-yellow .swiper-pagination-bullet-active { + background: #ffcc00; +} +.ios .color-yellow .swiper-pagination-progressbar, +.ios .color-theme-yellow .swiper-pagination-progressbar, +.ios .color-yellow.swiper-pagination-progressbar, +.ios .color-theme-yellow.swiper-pagination-progressbar { + background: rgba(255, 204, 0, 0.25); +} +.ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffcc00; +} +.ios .swiper-button-prev.color-orange, +.ios .swiper-container-rtl .swiper-button-next.color-orange, +.ios .color-theme-orange .swiper-button-prev, +.ios .color-theme-orange .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-orange, +.ios .swiper-container-rtl .swiper-button-prev.color-orange, +.ios .color-theme-orange .swiper-button-next, +.ios .color-theme-orange .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-orange .swiper-pagination-bullet-active, +.ios .color-theme-orange .swiper-pagination-bullet-active { + background: #ff9500; +} +.ios .color-orange .swiper-pagination-progressbar, +.ios .color-theme-orange .swiper-pagination-progressbar, +.ios .color-orange.swiper-pagination-progressbar, +.ios .color-theme-orange.swiper-pagination-progressbar { + background: rgba(255, 149, 0, 0.25); +} +.ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff9500; +} +.ios .swiper-button-prev.color-gray, +.ios .swiper-container-rtl .swiper-button-next.color-gray, +.ios .color-theme-gray .swiper-button-prev, +.ios .color-theme-gray .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-gray, +.ios .swiper-container-rtl .swiper-button-prev.color-gray, +.ios .color-theme-gray .swiper-button-next, +.ios .color-theme-gray .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-gray .swiper-pagination-bullet-active, +.ios .color-theme-gray .swiper-pagination-bullet-active { + background: #8e8e93; +} +.ios .color-gray .swiper-pagination-progressbar, +.ios .color-theme-gray .swiper-pagination-progressbar, +.ios .color-gray.swiper-pagination-progressbar, +.ios .color-theme-gray.swiper-pagination-progressbar { + background: rgba(142, 142, 147, 0.25); +} +.ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #8e8e93; +} +.ios .swiper-button-prev.color-white, +.ios .swiper-container-rtl .swiper-button-next.color-white, +.ios .color-theme-white .swiper-button-prev, +.ios .color-theme-white .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-white, +.ios .swiper-container-rtl .swiper-button-prev.color-white, +.ios .color-theme-white .swiper-button-next, +.ios .color-theme-white .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-white .swiper-pagination-bullet-active, +.ios .color-theme-white .swiper-pagination-bullet-active { + background: #ffffff; +} +.ios .color-white .swiper-pagination-progressbar, +.ios .color-theme-white .swiper-pagination-progressbar, +.ios .color-white.swiper-pagination-progressbar, +.ios .color-theme-white.swiper-pagination-progressbar { + background: rgba(255, 255, 255, 0.25); +} +.ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffffff; +} +.ios .swiper-button-prev.color-black, +.ios .swiper-container-rtl .swiper-button-next.color-black, +.ios .color-theme-black .swiper-button-prev, +.ios .color-theme-black .swiper-container-rtl .swiper-button-next { + 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"); +} +.ios .swiper-button-next.color-black, +.ios .swiper-container-rtl .swiper-button-prev.color-black, +.ios .color-theme-black .swiper-button-next, +.ios .color-theme-black .swiper-container-rtl .swiper-button-prev { + 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"); +} +.ios .color-black .swiper-pagination-bullet-active, +.ios .color-theme-black .swiper-pagination-bullet-active { + background: #000000; +} +.ios .color-black .swiper-pagination-progressbar, +.ios .color-theme-black .swiper-pagination-progressbar, +.ios .color-black.swiper-pagination-progressbar, +.ios .color-theme-black.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); +} +.ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #000000; +} +/* === Photo Browser === */ +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-in 400ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-out 400ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + -webkit-animation: none; + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transform: translate3d(0, -100vh, 0); + transform: translate3d(0, -100vh, 0); +} +.page.photo-browser-page { + background: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .photo-browser-swiper-container { + background: #000; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: 0; + z-index: 10; + opacity: 1; + -webkit-transition: 400ms; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.photo-browser-caption { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + background: rgba(255, 255, 255, 0.8); + color: #000; +} +.photo-browser-captions-dark .photo-browser-caption { + color: #fff; +} +.photo-browser-exposed .photo-browser-caption { + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: #fff; + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container { + background: #000; +} +@-webkit-keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@-webkit-keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +@keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +.ios .toolbar ~ .photo-browser-captions { + bottom: 44px; + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.ios .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.ios .photo-browser-exposed .toolbar ~ .photo-browser-captions { + -webkit-transform: translate3d(0, 44px, 0); + transform: translate3d(0, 44px, 0); +} +.ios .photo-browser-page .toolbar { + -webkit-transform: none; + transform: none; +} +.ios .view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.ios .photo-browser-page .navbar, +.ios .view.with-photo-browser-page .navbar, +.ios .photo-browser-page .toolbar, +.ios .view.with-photo-browser-page .toolbar { + background: rgba(247, 247, 248, 0.95); + -webkit-transition: 400ms; + transition: 400ms; +} +.ios .photo-browser-dark .navbar, +.ios .photo-browser-page-dark .navbar, +.ios .view.with-photo-browser-page-dark .navbar, +.ios .photo-browser-dark .toolbar, +.ios .photo-browser-page-dark .toolbar, +.ios .view.with-photo-browser-page-dark .toolbar { + background: rgba(30, 30, 30, 0.8); + color: #fff; +} +.ios .photo-browser-dark .navbar:before, +.ios .photo-browser-page-dark .navbar:before, +.ios .view.with-photo-browser-page-dark .navbar:before, +.ios .photo-browser-dark .toolbar:before, +.ios .photo-browser-page-dark .toolbar:before, +.ios .view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.ios .photo-browser-dark .navbar:after, +.ios .photo-browser-page-dark .navbar:after, +.ios .view.with-photo-browser-page-dark .navbar:after, +.ios .photo-browser-dark .toolbar:after, +.ios .photo-browser-page-dark .toolbar:after, +.ios .view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.ios .photo-browser-dark .navbar a, +.ios .photo-browser-page-dark .navbar a, +.ios .view.with-photo-browser-page-dark .navbar a, +.ios .photo-browser-dark .toolbar a, +.ios .photo-browser-page-dark .toolbar a, +.ios .view.with-photo-browser-page-dark .toolbar a { + color: #fff; +} +.ios.device-iphone-x .photo-browser-captions { + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .toolbar ~ .photo-browser-captions { + bottom: calc(44px + constant(safe-area-inset-bottom)); + bottom: calc(44px + env(safe-area-inset-bottom)); +} +/* === Notifications === */ +.notification { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + direction: ltr; +} +.notification-icon { + font-size: 0; +} +.notification-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; +} +html.with-statusbar.device-ios .notification, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification { + margin-top: 20px; +} +html.with-statusbar.device-android .notification, +html.with-statusbar.md:not(.device-ios):not(.device-android) .notification { + margin-top: 24px; +} +html.with-statusbar.device-iphone-x .notification { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +.ios .notification { + left: 8px; + top: 8px; + width: calc(100% - 16px); + background: rgba(250, 250, 250, 0.95); + border-radius: 12px; + -webkit-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + padding: 10px; + color: #000; + max-width: 568px; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transform: translate3d(0%, -200%, 0); + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: rgba(255, 255, 255, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +@media (min-width: 584px) { + .ios .notification { + left: 50%; + width: 568px; + margin-left: -284px; + } +} +.ios .notification.modal-in { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + -webkit-transform: translate3d(0%, -200%, 0); + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + width: 20px; + height: 20px; + line-height: 20px; + margin-right: 8px; +} +.ios .notification-icon i { + width: 20px; + height: 20px; + font-size: 20px; +} +.ios .notification-title { + font-size: 13px; + text-transform: uppercase; + letter-spacing: 0.02em; +} +.ios .notification-subtitle { + font-size: 15px; + font-weight: 600; + line-height: 1.35; +} +.ios .notification-text { + font-size: 15px; + line-height: 1.2; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + color: #444a51; + font-size: 13px; + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + width: 20px; + height: 20px; + background-position: center top; + background-repeat: no-repeat; + background-size: 100% auto; + position: relative; + opacity: 0.3; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +/* === Autocomplete === */ +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + -webkit-animation: none; + animation: none; +} +.autocomplete-dropdown { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + right: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: 20px; + height: 20px; +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #a9a9a9; +} +.autocomplete-dropdown .list { + margin: 0; +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-right: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown { + -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); +} +.ios .autocomplete-dropdown .autocomplete-preloader { + left: 15px; + margin-bottom: 12px; +} +.ios .autocomplete-dropdown .list b { + font-weight: 600; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: -32px; + top: 100%; + background: #e8e8ea; + z-index: 20; + border-radius: 8px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-right: 28px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 8px 8px; + position: relative; + overflow: hidden; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: 32px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #939398; +} +.ios .theme-dark .autocomplete-dropdown { + background-color: #1c1c1d; +} +.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown { + background-color: #171717; +} +/* === Tooltip === */ +.tooltip { + position: absolute; + z-index: 20000; + background: rgba(0, 0, 0, 0.87); + border-radius: 4px; + padding: 8px 16px; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + -webkit-transform: scale(0.9); + transform: scale(0.9); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + z-index: 99000; + font-weight: 500; +} +.tooltip.tooltip-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.device-desktop .tooltip { + font-size: 12px; + padding: 6px 8px; +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* === Elevation === */ +.elevation-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.elevation-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.elevation-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-0:hover { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.device-desktop .elevation-hover-1:hover { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-2:hover { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-3:hover { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-4:hover { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-5:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-6:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-7:hover { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-8:hover { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-9:hover { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-10:hover { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-11:hover { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-12:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-13:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-14:hover { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-15:hover { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-16:hover { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-17:hover { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-18:hover { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-19:hover { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-20:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-21:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-22:hover { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-23:hover { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-24:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-transition-100 { + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-300 { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-400 { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-500 { + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +/* === Typography === */ +.display-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-shrink-2 { + -webkit-flex-shrink: 2 !important; + -ms-flex-negative: 2 !important; + flex-shrink: 2 !important; +} +.flex-shrink-3 { + -webkit-flex-shrink: 3 !important; + -ms-flex-negative: 3 !important; + flex-shrink: 3 !important; +} +.flex-shrink-4 { + -webkit-flex-shrink: 4 !important; + -ms-flex-negative: 4 !important; + flex-shrink: 4 !important; +} +.flex-shrink-5 { + -webkit-flex-shrink: 5 !important; + -ms-flex-negative: 5 !important; + flex-shrink: 5 !important; +} +.flex-shrink-6 { + -webkit-flex-shrink: 6 !important; + -ms-flex-negative: 6 !important; + flex-shrink: 6 !important; +} +.flex-shrink-7 { + -webkit-flex-shrink: 7 !important; + -ms-flex-negative: 7 !important; + flex-shrink: 7 !important; +} +.flex-shrink-8 { + -webkit-flex-shrink: 8 !important; + -ms-flex-negative: 8 !important; + flex-shrink: 8 !important; +} +.flex-shrink-9 { + -webkit-flex-shrink: 9 !important; + -ms-flex-negative: 9 !important; + flex-shrink: 9 !important; +} +.flex-shrink-10 { + -webkit-flex-shrink: 10 !important; + -ms-flex-negative: 10 !important; + flex-shrink: 10 !important; +} +.justify-content-flex-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-flex-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-space-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-space-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-space-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.justify-content-stretch { + -webkit-box-pack: stretch !important; + -webkit-justify-content: stretch !important; + -ms-flex-pack: stretch !important; + justify-content: stretch !important; +} +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: start !important; + -ms-flex-pack: start !important; + justify-content: start !important; +} +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: end !important; + -ms-flex-pack: end !important; + justify-content: end !important; +} +.justify-content-left { + -webkit-box-pack: left !important; + -webkit-justify-content: left !important; + -ms-flex-pack: left !important; + justify-content: left !important; +} +.justify-content-right { + -webkit-box-pack: right !important; + -webkit-justify-content: right !important; + -ms-flex-pack: right !important; + justify-content: right !important; +} +.align-content-flex-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-flex-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-space-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-space-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-items-flex-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-flex-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-self-flex-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-flex-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.ios .padding { + padding: 15px !important; +} +.ios .padding-top { + padding-top: 15px !important; +} +.ios .padding-bottom { + padding-bottom: 15px !important; +} +.ios .padding-left { + padding-left: 15px !important; +} +.ios .padding-left-ios-edge { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); +} +.ios .padding-right-ios-edge { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); +} +.ios .padding-top-ios-edge { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.ios .padding-bottom-ios-edge { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios .padding-right { + padding-right: 15px !important; +} +.ios .padding-vertical { + padding-top: 15px !important; + padding-bottom: 15px !important; +} +.ios .padding-horizontal { + padding-left: 15px !important; + padding-right: 15px !important; +} +.ios .margin { + margin: 15px !important; +} +.ios .margin-top { + margin-top: 15px !important; +} +.ios .margin-bottom { + margin-bottom: 15px !important; +} +.ios .margin-left { + margin-left: 15px !important; +} +.ios .margin-right { + margin-right: 15px !important; +} +.ios .margin-vertical { + margin-top: 15px !important; + margin-bottom: 15px !important; +} +.ios .margin-horizontal { + margin-left: 15px !important; + margin-right: 15px !important; +} +.ios .text-color-red { + color: #ff3b30 !important; +} +.ios .bg-color-red { + background-color: #ff3b30 !important; +} +.ios .border-color-red { + border-color: #ff3b30 !important; +} +.ios .text-color-green { + color: #4cd964 !important; +} +.ios .bg-color-green { + background-color: #4cd964 !important; +} +.ios .border-color-green { + border-color: #4cd964 !important; +} +.ios .text-color-blue { + color: #007aff !important; +} +.ios .bg-color-blue { + background-color: #007aff !important; +} +.ios .border-color-blue { + border-color: #007aff !important; +} +.ios .text-color-pink { + color: #ff2d55 !important; +} +.ios .bg-color-pink { + background-color: #ff2d55 !important; +} +.ios .border-color-pink { + border-color: #ff2d55 !important; +} +.ios .text-color-yellow { + color: #ffcc00 !important; +} +.ios .bg-color-yellow { + background-color: #ffcc00 !important; +} +.ios .border-color-yellow { + border-color: #ffcc00 !important; +} +.ios .text-color-orange { + color: #ff9500 !important; +} +.ios .bg-color-orange { + background-color: #ff9500 !important; +} +.ios .border-color-orange { + border-color: #ff9500 !important; +} +.ios .text-color-gray { + color: #8e8e93 !important; +} +.ios .bg-color-gray { + background-color: #8e8e93 !important; +} +.ios .border-color-gray { + border-color: #8e8e93 !important; +} +.ios .text-color-white { + color: #ffffff !important; +} +.ios .bg-color-white { + background-color: #ffffff !important; +} +.ios .border-color-white { + border-color: #ffffff !important; +} +.ios .text-color-black { + color: #000000 !important; +} +.ios .bg-color-black { + background-color: #000000 !important; +} +.ios .border-color-black { + border-color: #000000 !important; +} diff --git a/framework7/css/framework7.rtl.ios.min.css b/framework7/css/framework7.rtl.ios.min.css new file mode 100644 index 0000000..df93e35 --- /dev/null +++ b/framework7/css/framework7.rtl.ios.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.ios body{font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;line-height:1.4}.ios .if-md,.ios .md-only{display:none!important}.ios a{color:#007aff}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.ios .theme-dark{color:#fff}.ios .color-theme-red a{color:#ff3b30}.ios .color-theme-green a{color:#4cd964}.ios .color-theme-blue a{color:#007aff}.ios .color-theme-pink a{color:#ff2d55}.ios .color-theme-yellow a{color:#fc0}.ios .color-theme-orange a{color:#ff9500}.ios .color-theme-gray a{color:#8e8e93}.ios .color-theme-white a{color:#fff}.ios .color-theme-black a{color:#000}.ios a.color-red{color:#ff3b30}.ios a.color-green{color:#4cd964}.ios a.color-blue{color:#007aff}.ios a.color-pink{color:#ff2d55}.ios a.color-yellow{color:#fc0}.ios a.color-orange{color:#ff9500}.ios a.color-gray{color:#8e8e93}.ios a.color-white{color:#fff}.ios a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .statusbar{background:#f7f7f8}.ios .theme-dark .statusbar{background-color:#1b1b1b}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.ios .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.ios .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:44px}.ios .page{background:#efeff4}.ios .page-previous{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.ios .page-next{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .page-transitioning,.ios .page-transitioning .page-opacity-effect,.ios .page-transitioning .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-next,.ios .router-transition-backward .page-previous:not(.stacked),.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next,.ios .router-transition-forward .page-previous:not(.stacked){pointer-events:none}.ios .router-transition-css-forward .page-next{-webkit-animation:ios-page-next-to-current .4s forwards;animation:ios-page-next-to-current .4s forwards}.ios .router-transition-css-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-next-to-current-shadow .4s forwards;animation:ios-page-next-to-current-shadow .4s forwards}.ios .router-transition-css-forward .page-current{-webkit-animation:ios-page-current-to-previous .4s forwards;animation:ios-page-current-to-previous .4s forwards}.ios .router-transition-css-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-current-to-previous-opacity .4s forwards;animation:ios-page-current-to-previous-opacity .4s forwards}.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after,.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before{top:44px}.ios .router-transition-css-backward .page-current,.ios .router-transition-css-backward .page-previous{pointer-events:none}.ios .router-transition-css-backward .page-previous{-webkit-animation:ios-page-previous-to-current .4s forwards;animation:ios-page-previous-to-current .4s forwards}.ios .router-transition-css-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;-webkit-animation:ios-page-previous-to-current-opacity .4s forwards;animation:ios-page-previous-to-current-opacity .4s forwards}.ios .router-transition-css-backward .page-current{-webkit-animation:ios-page-current-to-next .4s forwards;animation:ios-page-current-to-next .4s forwards}.ios .router-transition-css-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-current-to-next-shadow .4s forwards;animation:ios-page-current-to-next-shadow .4s forwards}.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after{top:44px}.ios .theme-dark .page,.page.ios .theme-dark{background:#171717}@-webkit-keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}}@-webkit-keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@-webkit-keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@-webkit-keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}@keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.ios .link{-webkit-transition:opacity .3s;transition:opacity .3s}.ios .link i+i,.ios .link i+span,.ios .link span+i,.ios .link span+span{margin-right:7px}.ios .link.active-state{opacity:.3;-webkit-transition-duration:0s;transition-duration:0s}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .navbar{height:44px;font-size:17px;background:#f7f7f8}.ios .navbar.no-hairline:after{display:none!important}.ios .navbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .navbar a.link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;line-height:44px;height:44px}.ios .navbar a.icon-only{width:44px;margin:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .navbar .title{font-size:17px;margin:0;line-height:1.2}.ios .navbar .subtitle{color:#6d6d72;line-height:1;font-size:10px;text-align:center;font-weight:400}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar .title,.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:8px}.ios .navbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .navbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .navbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .navbar-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}.ios .navbar~.page-content,.ios .navbar~:not(.no-navbar) .page-content{padding-top:44px}.ios .navbar-previous{pointer-events:none}.ios .navbar-previous .fading,.ios .navbar-previous .left,.ios .navbar-previous .right,.ios .navbar-previous .subnavbar,.ios .navbar-previous>.title{opacity:0}.ios .navbar-previous .sliding{opacity:0}.ios .navbar-previous .subnavbar.sliding,.ios .navbar-previous.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .router-transition-css-backward .navbar-current .left,.ios .router-transition-css-backward .navbar-current .right,.ios .router-transition-css-backward .navbar-current .subnavbar,.ios .router-transition-css-backward .navbar-current>.title,.ios .router-transition-css-forward .navbar-current .left,.ios .router-transition-css-forward .navbar-current .right,.ios .router-transition-css-forward .navbar-current .subnavbar,.ios .router-transition-css-forward .navbar-current>.title{-webkit-animation:ios-navbar-element-fade-out .4s forwards;animation:ios-navbar-element-fade-out .4s forwards}.ios .router-transition-css-backward .navbar-current .left.sliding .icon,.ios .router-transition-css-backward .navbar-current .sliding,.ios .router-transition-css-backward .navbar-current.sliding .left,.ios .router-transition-css-backward .navbar-current.sliding .left .icon,.ios .router-transition-css-backward .navbar-current.sliding .right,.ios .router-transition-css-backward .navbar-current.sliding>.title,.ios .router-transition-css-forward .navbar-current .left.sliding .icon,.ios .router-transition-css-forward .navbar-current .sliding,.ios .router-transition-css-forward .navbar-current.sliding .left,.ios .router-transition-css-forward .navbar-current.sliding .left .icon,.ios .router-transition-css-forward .navbar-current.sliding .right,.ios .router-transition-css-forward .navbar-current.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0!important;-webkit-animation:none;animation:none}.ios .router-transition-css-backward .navbar-current .sliding.subnavbar,.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,.ios .router-transition-css-forward .navbar-current.sliding .subnavbar{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;opacity:1}.ios .router-transition-css-backward .navbar-previous .left,.ios .router-transition-css-backward .navbar-previous .right,.ios .router-transition-css-backward .navbar-previous .subnavbar,.ios .router-transition-css-backward .navbar-previous>.title,.ios .router-transition-css-forward .navbar-next .left,.ios .router-transition-css-forward .navbar-next .right,.ios .router-transition-css-forward .navbar-next .subnavbar,.ios .router-transition-css-forward .navbar-next>.title{-webkit-animation:ios-navbar-element-fade-in .4s forwards;animation:ios-navbar-element-fade-in .4s forwards}.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,.ios .router-transition-css-backward .navbar-previous .sliding,.ios .router-transition-css-backward .navbar-previous.sliding .left,.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,.ios .router-transition-css-backward .navbar-previous.sliding .right,.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-css-backward .navbar-previous.sliding>.title,.ios .router-transition-css-forward .navbar-next .left.sliding .icon,.ios .router-transition-css-forward .navbar-next .sliding,.ios .router-transition-css-forward .navbar-next.sliding .left,.ios .router-transition-css-forward .navbar-next.sliding .left .icon,.ios .router-transition-css-forward .navbar-next.sliding .right,.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,.ios .router-transition-css-forward .navbar-next.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .theme-dark .navbar,.navbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .navbar:after,.navbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .navbar .subtitle,.navbar.ios .theme-dark .subtitle{color:#8e8e93}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-left-edge .navbar-inner,.ios.device-iphone-x .panel-left .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-left:calc(8px + constant(safe-area-inset-right));padding-left:calc(8px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .navbar-inner,.ios.device-iphone-x .ios-right-edge .navbar-inner,.ios.device-iphone-x .panel-right .navbar-inner,.ios.device-iphone-x .popup .navbar-inner,.ios.device-iphone-x .sheet-modal .navbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar{height:44px;font-size:17px;background:#f7f7f8;bottom:0}.ios .toolbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar a.link{line-height:44px;height:44px}.ios .toolbar a.link i+i,.ios .toolbar a.link i+span,.ios .toolbar a.link span+i,.ios .toolbar a.link span+span{margin-right:7px}.ios .toolbar a.icon-only{min-height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-width:44px}.ios .toolbar b{font-weight:600}.ios .toolbar.no-hairline:before{display:none!important}.ios .toolbar:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .toolbar-inner{padding:0 8px}.ios .tabbar,.ios .tabbar-labels{color:#929292}.ios .tabbar a,.ios .tabbar-labels a{color:#929292}.ios .tabbar a.tab-link-active,.ios .tabbar-labels a.tab-link-active{color:#007aff}.ios .tabbar i.icon,.ios .tabbar-labels i.icon{height:30px}.ios .tabbar-labels{height:50px}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}.ios .tabbar-labels .tabbar-label{letter-spacing:.01em;font-size:10px}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}.ios .tabbar-labels{height:56px}.ios .tabbar-labels .tabbar-label{font-size:14px}}.ios .tabbar-scrollable .toolbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.ios .toolbar~* .page-content,.ios .toolbar~.page-content{padding-bottom:44px}.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:56px}}.ios .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .toolbar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .theme-dark .toolbar,.toolbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .toolbar:before,.toolbar.ios .theme-dark:before{background-color:#282829}.ios .color-theme-red .tabbar a.tab-link-active,.ios .color-theme-red .tabbar-labels a.tab-link-active,.ios .color-theme-red.tabbar a.tab-link-active,.ios .color-theme-red.tabbar-labels a.tab-link-active{color:#ff3b30}.ios .color-theme-green .tabbar a.tab-link-active,.ios .color-theme-green .tabbar-labels a.tab-link-active,.ios .color-theme-green.tabbar a.tab-link-active,.ios .color-theme-green.tabbar-labels a.tab-link-active{color:#4cd964}.ios .color-theme-blue .tabbar a.tab-link-active,.ios .color-theme-blue .tabbar-labels a.tab-link-active,.ios .color-theme-blue.tabbar a.tab-link-active,.ios .color-theme-blue.tabbar-labels a.tab-link-active{color:#007aff}.ios .color-theme-pink .tabbar a.tab-link-active,.ios .color-theme-pink .tabbar-labels a.tab-link-active,.ios .color-theme-pink.tabbar a.tab-link-active,.ios .color-theme-pink.tabbar-labels a.tab-link-active{color:#ff2d55}.ios .color-theme-yellow .tabbar a.tab-link-active,.ios .color-theme-yellow .tabbar-labels a.tab-link-active,.ios .color-theme-yellow.tabbar a.tab-link-active,.ios .color-theme-yellow.tabbar-labels a.tab-link-active{color:#fc0}.ios .color-theme-orange .tabbar a.tab-link-active,.ios .color-theme-orange .tabbar-labels a.tab-link-active,.ios .color-theme-orange.tabbar a.tab-link-active,.ios .color-theme-orange.tabbar-labels a.tab-link-active{color:#ff9500}.ios .color-theme-gray .tabbar a.tab-link-active,.ios .color-theme-gray .tabbar-labels a.tab-link-active,.ios .color-theme-gray.tabbar a.tab-link-active,.ios .color-theme-gray.tabbar-labels a.tab-link-active{color:#8e8e93}.ios .color-theme-white .tabbar a.tab-link-active,.ios .color-theme-white .tabbar-labels a.tab-link-active,.ios .color-theme-white.tabbar a.tab-link-active,.ios .color-theme-white.tabbar-labels a.tab-link-active{color:#fff}.ios .color-theme-black .tabbar a.tab-link-active,.ios .color-theme-black .tabbar-labels a.tab-link-active,.ios .color-theme-black.tabbar a.tab-link-active,.ios .color-theme-black.tabbar-labels a.tab-link-active{color:#000}.ios .tabbar-labels.color-red a.tab-link-active,.ios .tabbar.color-red a.tab-link-active{color:#ff3b30}.ios .tabbar-labels.color-green a.tab-link-active,.ios .tabbar.color-green a.tab-link-active{color:#4cd964}.ios .tabbar-labels.color-blue a.tab-link-active,.ios .tabbar.color-blue a.tab-link-active{color:#007aff}.ios .tabbar-labels.color-pink a.tab-link-active,.ios .tabbar.color-pink a.tab-link-active{color:#ff2d55}.ios .tabbar-labels.color-yellow a.tab-link-active,.ios .tabbar.color-yellow a.tab-link-active{color:#fc0}.ios .tabbar-labels.color-orange a.tab-link-active,.ios .tabbar.color-orange a.tab-link-active{color:#ff9500}.ios .tabbar-labels.color-gray a.tab-link-active,.ios .tabbar.color-gray a.tab-link-active{color:#8e8e93}.ios .tabbar-labels.color-white a.tab-link-active,.ios .tabbar.color-white a.tab-link-active{color:#fff}.ios .tabbar-labels.color-black a.tab-link-active,.ios .tabbar.color-black a.tab-link-active{color:#000}.ios.device-iphone-x .login-screen>.toolbar,.ios.device-iphone-x .page>.toolbar,.ios.device-iphone-x .panel>.toolbar,.ios.device-iphone-x .popup>.toolbar,.ios.device-iphone-x .view>.toolbar,.ios.device-iphone-x .views>.toolbar{height:calc(44px + constant(safe-area-inset-bottom));height:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .login-screen>.toolbar .toolbar-inner,.ios.device-iphone-x .page>.toolbar .toolbar-inner,.ios.device-iphone-x .panel>.toolbar .toolbar-inner,.ios.device-iphone-x .popup>.toolbar .toolbar-inner,.ios.device-iphone-x .view>.toolbar .toolbar-inner,.ios.device-iphone-x .views>.toolbar .toolbar-inner{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(50px + constant(safe-area-inset-bottom));height:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .login-screen>.tabbar-labels,.ios.device-iphone-x .page>.tabbar-labels,.ios.device-iphone-x .panel>.tabbar-labels,.ios.device-iphone-x .popup>.tabbar-labels,.ios.device-iphone-x .view>.tabbar-labels,.ios.device-iphone-x .views>.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}}.ios.device-iphone-x .toolbar~* .page-content,.ios.device-iphone-x .toolbar~.page-content{padding-bottom:calc(44px + constant(safe-area-inset-bottom));padding-bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(50px + constant(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page-content,.ios.device-iphone-x .tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-left-edge .toolbar-inner,.ios.device-iphone-x .panel-left .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .toolbar-inner,.ios.device-iphone-x .ios-right-edge .toolbar-inner,.ios.device-iphone-x .panel-right .toolbar-inner,.ios.device-iphone-x .popup .toolbar-inner,.ios.device-iphone-x .sheet-modal .toolbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .subnavbar{height:45px;margin-top:-1px;padding-top:1px;background:#f7f7f8}.ios .subnavbar.no-hairline:after{display:none!important}.ios .subnavbar .title{font-weight:700;line-height:1;overflow:visible;font-size:34px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;letter-spacing:-.03em}.ios .subnavbar .title{margin-right:7px}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{line-height:44px;height:44px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .subnavbar a.icon-only{min-width:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0}.ios .subnavbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .subnavbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .subnavbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .subnavbar-inner{padding:0 8px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.ios .navbar~.subnavbar{top:44px}.ios .page-with-subnavbar .page-content,.ios .subnavbar~* .page-content,.ios .subnavbar~.page-content{padding-top:44px}.ios .navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~* .page-content,.ios .navbar~:not(.no-navbar) .subnavbar~.page-content,.ios .page-with-subnavbar .navbar~.page-content{padding-top:88px}.ios .theme-dark .subnavbar,.subnavbar.ios .theme-dark{background:#1b1b1b}.ios .theme-dark .subnavbar:after,.subnavbar.ios .theme-dark:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-left-edge .subnavbar-inner,.ios.device-iphone-x .panel-left .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .subnavbar-inner,.ios.device-iphone-x .ios-right-edge .subnavbar-inner,.ios.device-iphone-x .panel-right .subnavbar-inner,.ios.device-iphone-x .popup .subnavbar-inner,.ios.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.ios .block{margin:35px 0;padding:0 15px;color:#6d6d72}.ios .block-title{text-transform:uppercase;color:#6d6d72;margin:35px 15px 10px;line-height:17px}.ios .block-title+.block,.ios .block-title+.block-header,.ios .block-title+.card,.ios .block-title+.list,.ios .block-title+.timeline{margin-top:10px}.ios .block-strong{color:#000;background:#fff;padding:15px 15px}.ios .block-strong:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block-strong:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .block.inset{margin-left:15px;margin-right:15px}.ios .block-strong-inset{border-radius:7px}.ios .block-footer,.ios .block-header{padding:0 15px;color:#8f8f94}.ios .block .block-footer,.ios .block .block-header{padding:0!important}.ios .block-header{margin-top:35px}.ios .block-header+.block,.ios .block-header+.card,.ios .block-header+.list,.ios .block-header+.timeline{margin-top:10px}.ios .block-footer{margin-bottom:35px}.ios .block .block-header,.ios .card .block-header,.ios .list .block-header,.ios .timeline .block-header{margin-top:0}.ios .block .block-footer,.ios .card .block-footer,.ios .list .block-footer,.ios .timeline .block-footer{margin-bottom:0}.ios .block+.block-footer,.ios .card+.block-footer,.ios .list+.block-footer,.ios .timeline+.block-footer{margin-top:-25px}.ios .block+.block-footer{margin-top:-25px;margin-bottom:35px}@media (min-width:768px){.ios .block.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .block-strong.tablet-inset{border-radius:7px}}.ios .theme-dark .block-footer,.ios .theme-dark .block-header,.ios .theme-dark .block-title{color:#8e8e93}.ios .theme-dark .block{color:#8e8e93}.ios .theme-dark .block-strong,.ios .theme-dark.block-strong{background-color:#1c1c1d;color:#fff}.ios .theme-dark .block-strong:before,.ios .theme-dark.block-strong:before{background-color:#282829}.ios .theme-dark .block-strong:after,.ios .theme-dark.block-strong:after{background-color:#282829}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-footer,.ios.device-iphone-x .ios-left-edge .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-footer,.ios.device-iphone-x .panel-left .block-header,.ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .block-footer,.ios.device-iphone-x .ios-edges .block-header,.ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-footer,.ios.device-iphone-x .ios-right-edge .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-footer,.ios.device-iphone-x .panel-right .block-header,.ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-footer,.ios.device-iphone-x .popup .block-header,.ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-footer,.ios.device-iphone-x .sheet-modal .block-header,.ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:left center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.ios .list{margin:35px 0;font-size:17px}.ios .list .item-cell{width:100%;min-width:0;margin-right:15px}.ios .list .item-cell:first-child{margin-right:0}.ios .list ul{background:#fff}.ios .list ul ul{padding-right:45px}.ios .list .item-media{padding-top:7px}.ios .list .item-media i+i,.ios .list .item-media i+img{margin-right:5px}.ios .list .item-media+.item-inner{margin-right:15px}.ios .list .item-inner{min-height:44px;padding-left:15px}.ios .list .item-after{color:#8e8e93;padding-right:5px}.ios .list .item-link,.ios .list .list-button{color:inherit}.ios .list .item-link .item-inner,.ios .list .list-button .item-inner{padding-left:35px}.ios .list .item-link.active-state,.ios .list .list-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .list .item-link.active-state .item-inner:after,.ios .list .list-button.active-state .item-inner:after{background-color:transparent}.ios .list .list-button{padding:0 15px;text-align:center;color:#007aff;line-height:44px}.ios .list .item-content{min-height:44px;padding-right:15px}.ios .list .item-subtitle{font-size:15px}.ios .list .item-text{font-size:15px;color:#8e8e93;line-height:21px;max-height:42px}.ios .list .item-footer,.ios .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.ios .list .item-footer{color:#8e8e93}.ios .list .item-link.no-chevron .item-inner,.ios .list .no-chevron .item-link .item-inner,.ios .list.no-chevron .item-link .item-inner,.ios .no-chevron .list .item-link .item-inner{padding-left:15px}.ios .simple-list li:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .simple-list li{padding-left:15px;padding-right:15px;line-height:44px;height:44px}.ios .simple-list li:after{left:15px;right:0;width:auto;right:15px;left:0}.ios .links-list a:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .links-list a{height:44px;color:inherit}.ios .links-list a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .links-list a:after{width:auto}.ios .links-list a{padding-right:15px;padding-left:35px}.ios .links-list a:after{right:15px;left:0}.ios .links-list .no-chevron a,.ios .links-list a.no-chevron,.ios .links-list.no-chevron a,.ios .no-chevron .links-list a{padding-left:15px}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.ios .media-list .item-inner,.ios li.media-item .item-inner{padding-top:10px;padding-bottom:9px}.ios .media-list .item-media,.ios li.media-item .item-media{padding-top:9px;padding-bottom:10px}.ios .media-list .item-link .item-inner,.ios li.media-item .item-link .item-inner{padding-left:15px}.ios .media-list .item-link .item-title-row,.ios li.media-item .item-link .item-title-row{padding-left:20px}.ios .media-list .chevron-center .item-link .item-inner,.ios .media-list .item-link.chevron-center .item-inner,.ios .media-list.chevron-center .item-link .item-inner,.ios li.media-item .chevron-center .item-link .item-inner,.ios li.media-item .item-link.chevron-center .item-inner,.ios li.media-item.chevron-center .item-link .item-inner{padding-left:35px}.ios .media-list .chevron-center .item-title-row,.ios .media-list .no-chevron .item-link .item-title-row,.ios .media-list.chevron-center .item-title-row,.ios .media-list.no-chevron .item-link .item-title-row,.ios .no-chevron .media-list .item-link .item-title-row,.ios .no-chevron li.media-item .item-link .item-title-row,.ios li.media-item .chevron-center .item-title-row,.ios li.media-item.chevron-center .item-title-row,.ios li.media-item.no-chevron .item-link .item-title-row{padding-left:0!important}.ios .links-list a,.ios .list .item-link .item-inner{background-position:15px center}.ios .item-divider,.ios .list-group-title{margin-top:-1px;padding:4px 15px;background:#f7f7f7;color:#8e8e93}.ios .item-divider:after,.ios .list-group-title:after{display:none!important}.ios .list-group-title{margin-top:0}.ios .item-divider:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .item-divider:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .item-divider:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list-group-title:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list-group-title:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list-group-title:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .list-button:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .list-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .list-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list ul:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .list.inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.inset ul{border-radius:7px}.ios .list.inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.inset li:first-child:last-child>a{border-radius:7px}@media (min-width:768px){.ios .list.tablet-inset{margin-left:15px;margin-right:15px;border-radius:7px}.ios .list.tablet-inset ul{border-radius:7px}.ios .list.tablet-inset li:first-child>a{border-radius:7px 7px 0 0}.ios .list.tablet-inset li:last-child>a{border-radius:0 0 7px 7px}.ios .list.tablet-inset li:first-child:last-child>a{border-radius:7px}}.ios li li:last-child .item-inner:after,.ios li:last-child li .item-inner:after{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after,html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{background-position:calc(15px + constant(safe-area-inset-left)) center;background-position:calc(15px + env(safe-area-inset-left)) center}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner{padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row{padding-left:0}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:15px}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after{right:calc(15px + constant(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after{right:calc(15px + const(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(15px + constant(safe-area-inset-left));margin-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(15px + constant(safe-area-inset-right));margin-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .list ul,.list.ios .theme-dark ul{background:#1c1c1d}.ios .theme-dark .list ul:before,.list.ios .theme-dark ul:before{background-color:#282829}.ios .theme-dark .list ul:after,.list.ios .theme-dark ul:after{background-color:#282829}.ios .theme-dark .list li li:last-child .item-inner:after,.ios .theme-dark .list li:last-child li .item-inner:after,.list.ios .theme-dark li li:last-child .item-inner:after,.list.ios .theme-dark li:last-child li .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider:before{background-color:#282829}.ios .theme-dark .list-group-title:before{background-color:#282829}.ios .theme-dark .list-button:after{background-color:#282829}.ios .theme-dark .item-inner:after{background-color:#282829}.ios .theme-dark .item-divider,.ios .theme-dark .list-group-title{background-color:#111}.ios .theme-dark .links-list a:after,.ios .theme-dark .simple-list li:after,.links-list.ios .theme-dark a .simple-list li:after,.simple-list.ios .theme-dark li:after{background-color:#282829}.ios .theme-dark .links-list a.active-state,.ios .theme-dark .list .item-link.active-state,.ios .theme-dark .list .list-button.active-state,.links-list.ios .theme-dark a.active-state,.list.ios .theme-dark .item-link.active-state,.list.ios .theme-dark .list-button.active-state{background-color:#363636}.ios .color-theme-red .list-button{color:#ff3b30}.ios .color-theme-green .list-button{color:#4cd964}.ios .color-theme-blue .list-button{color:#007aff}.ios .color-theme-pink .list-button{color:#ff2d55}.ios .color-theme-yellow .list-button{color:#fc0}.ios .color-theme-orange .list-button{color:#ff9500}.ios .color-theme-gray .list-button{color:#8e8e93}.ios .color-theme-white .list-button{color:#fff}.ios .color-theme-black .list-button{color:#000}.ios .links-list a.color-red,.ios .links-list li.color-red a,.ios .list .item-link.color-red,.ios .list .list-button.color-red,.ios .list li.color-red .item-link,.ios .list li.color-red .list-button,.ios .simple-list li.color-red{color:#ff3b30}.ios .links-list a.color-green,.ios .links-list li.color-green a,.ios .list .item-link.color-green,.ios .list .list-button.color-green,.ios .list li.color-green .item-link,.ios .list li.color-green .list-button,.ios .simple-list li.color-green{color:#4cd964}.ios .links-list a.color-blue,.ios .links-list li.color-blue a,.ios .list .item-link.color-blue,.ios .list .list-button.color-blue,.ios .list li.color-blue .item-link,.ios .list li.color-blue .list-button,.ios .simple-list li.color-blue{color:#007aff}.ios .links-list a.color-pink,.ios .links-list li.color-pink a,.ios .list .item-link.color-pink,.ios .list .list-button.color-pink,.ios .list li.color-pink .item-link,.ios .list li.color-pink .list-button,.ios .simple-list li.color-pink{color:#ff2d55}.ios .links-list a.color-yellow,.ios .links-list li.color-yellow a,.ios .list .item-link.color-yellow,.ios .list .list-button.color-yellow,.ios .list li.color-yellow .item-link,.ios .list li.color-yellow .list-button,.ios .simple-list li.color-yellow{color:#fc0}.ios .links-list a.color-orange,.ios .links-list li.color-orange a,.ios .list .item-link.color-orange,.ios .list .list-button.color-orange,.ios .list li.color-orange .item-link,.ios .list li.color-orange .list-button,.ios .simple-list li.color-orange{color:#ff9500}.ios .links-list a.color-gray,.ios .links-list li.color-gray a,.ios .list .item-link.color-gray,.ios .list .list-button.color-gray,.ios .list li.color-gray .item-link,.ios .list li.color-gray .list-button,.ios .simple-list li.color-gray{color:#8e8e93}.ios .links-list a.color-white,.ios .links-list li.color-white a,.ios .list .item-link.color-white,.ios .list .list-button.color-white,.ios .list li.color-white .item-link,.ios .list li.color-white .list-button,.ios .simple-list li.color-white{color:#fff}.ios .links-list a.color-black,.ios .links-list li.color-black a,.ios .list .item-link.color-black,.ios .list .list-button.color-black,.ios .list li.color-black .item-link,.ios .list li.color-black .list-button,.ios .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.ios .badge{font-size:13px;border-radius:20px;padding:0 6px;height:20px;line-height:20px}.ios .f7-icons .badge,.ios .framework7-icons .badge,.ios .icon .badge,.ios .material-icons .badge{line-height:16px;height:16px;border-radius:16px;padding:0 4px;min-width:16px;font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px}.ios .badge.color-red{background-color:#ff3b30}.ios .badge.color-green{background-color:#4cd964}.ios .badge.color-blue{background-color:#007aff}.ios .badge.color-pink{background-color:#ff2d55}.ios .badge.color-yellow{background-color:#fc0}.ios .badge.color-orange{background-color:#ff9500}.ios .badge.color-gray{background-color:#8e8e93}.ios .badge.color-white{background-color:#fff}.ios .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.ios .button{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px}.ios .button.active-state{background:rgba(0,122,255,.15)}.ios .button.button-round,.ios .button.button-round-ios{border-radius:29px}.ios .button.button-active,.ios .button.tab-link-active{background:#007aff;color:#fff}.ios .button.button-big,.ios .button.button-big-ios{font-size:17px;height:44px;line-height:42px}.ios .button.button-small,.ios .button.button-small-ios{height:26px;line-height:22px;border-width:2px;font-size:13px;font-weight:600;text-transform:uppercase;-webkit-transition-duration:.2s;transition-duration:.2s}.ios .button.button-small-ios.button-fill-ios.active-state,.ios .button.button-small-ios.button-fill.active-state,.ios .button.button-small.button-fill-ios.active-state,.ios .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent;opacity:1}.ios .button.button-fill,.ios .button.button-fill-ios{color:#fff;background:#007aff;border-color:transparent}.ios .button.button-fill-ios.active-state,.ios .button.button-fill.active-state{opacity:.8}.ios .button i.icon:first-child{margin-left:10px}.ios .button i.icon:last-child{margin-right:10px}.ios .button i.icon:first-child:last-child{margin-left:0;margin-right:0}.ios .segmented .button{border-radius:0;border-right-width:0}.ios .segmented .button:first-child{border-radius:0 5px 5px 0;border-right-width:1px;border-right-style:solid}.ios .segmented .button:first-child.button-small{border-right-width:2px}.ios .segmented .button:last-child{border-radius:5px 0 0 5px}.ios .segmented .button:first-child:last-child{border-radius:5px}.ios .segmented .button.button-round-ios:first-child,.ios .segmented .button.button-round:first-child{border-radius:0 29px 29px 0}.ios .segmented .button.button-round-ios:last-child,.ios .segmented .button.button-round:last-child{border-radius:0 29px 29px 0;border-radius:29px 0 0 29px}.ios .color-theme-red .button{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .button.active-state{background:rgba(255,59,48,.15)}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios,.ios .color-theme-red .button.tab-link-active{color:#fff}.ios .color-theme-red .button.button-active,.ios .color-theme-red .button.tab-link-active{background:#ff3b30}.ios .color-theme-red .button.button-fill,.ios .color-theme-red .button.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-red .button.button-small-ios.button-fill.active-state,.ios .color-theme-red .button.button-small.button-fill-ios.active-state,.ios .color-theme-red .button.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .color-theme-green .button{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .button.active-state{background:rgba(76,217,100,.15)}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios,.ios .color-theme-green .button.tab-link-active{color:#fff}.ios .color-theme-green .button.button-active,.ios .color-theme-green .button.tab-link-active{background:#4cd964}.ios .color-theme-green .button.button-fill,.ios .color-theme-green .button.button-fill-ios{background:#4cd964;border-color:transparent}.ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-green .button.button-small-ios.button-fill.active-state,.ios .color-theme-green .button.button-small.button-fill-ios.active-state,.ios .color-theme-green .button.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .color-theme-blue .button{border-color:#007aff;color:#007aff}.ios .color-theme-blue .button.active-state{background:rgba(0,122,255,.15)}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios,.ios .color-theme-blue .button.tab-link-active{color:#fff}.ios .color-theme-blue .button.button-active,.ios .color-theme-blue .button.tab-link-active{background:#007aff}.ios .color-theme-blue .button.button-fill,.ios .color-theme-blue .button.button-fill-ios{background:#007aff;border-color:transparent}.ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small-ios.button-fill.active-state,.ios .color-theme-blue .button.button-small.button-fill-ios.active-state,.ios .color-theme-blue .button.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .color-theme-pink .button{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .button.active-state{background:rgba(255,45,85,.15)}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios,.ios .color-theme-pink .button.tab-link-active{color:#fff}.ios .color-theme-pink .button.button-active,.ios .color-theme-pink .button.tab-link-active{background:#ff2d55}.ios .color-theme-pink .button.button-fill,.ios .color-theme-pink .button.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small-ios.button-fill.active-state,.ios .color-theme-pink .button.button-small.button-fill-ios.active-state,.ios .color-theme-pink .button.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .color-theme-yellow .button{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .button.active-state{background:rgba(255,204,0,.15)}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios,.ios .color-theme-yellow .button.tab-link-active{color:#fff}.ios .color-theme-yellow .button.button-active,.ios .color-theme-yellow .button.tab-link-active{background:#fc0}.ios .color-theme-yellow .button.button-fill,.ios .color-theme-yellow .button.button-fill-ios{background:#fc0;border-color:transparent}.ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small-ios.button-fill.active-state,.ios .color-theme-yellow .button.button-small.button-fill-ios.active-state,.ios .color-theme-yellow .button.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .color-theme-orange .button{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .button.active-state{background:rgba(255,149,0,.15)}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios,.ios .color-theme-orange .button.tab-link-active{color:#fff}.ios .color-theme-orange .button.button-active,.ios .color-theme-orange .button.tab-link-active{background:#ff9500}.ios .color-theme-orange .button.button-fill,.ios .color-theme-orange .button.button-fill-ios{background:#ff9500;border-color:transparent}.ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small-ios.button-fill.active-state,.ios .color-theme-orange .button.button-small.button-fill-ios.active-state,.ios .color-theme-orange .button.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .color-theme-gray .button{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .button.active-state{background:rgba(142,142,147,.15)}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios,.ios .color-theme-gray .button.tab-link-active{color:#fff}.ios .color-theme-gray .button.button-active,.ios .color-theme-gray .button.tab-link-active{background:#8e8e93}.ios .color-theme-gray .button.button-fill,.ios .color-theme-gray .button.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small-ios.button-fill.active-state,.ios .color-theme-gray .button.button-small.button-fill-ios.active-state,.ios .color-theme-gray .button.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .color-theme-white .button{border-color:#fff;color:#fff}.ios .color-theme-white .button.active-state{background:rgba(255,255,255,.15)}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios,.ios .color-theme-white .button.tab-link-active{color:#fff}.ios .color-theme-white .button.button-active,.ios .color-theme-white .button.tab-link-active{background:#fff}.ios .color-theme-white .button.button-fill,.ios .color-theme-white .button.button-fill-ios{background:#fff;border-color:transparent}.ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-white .button.button-small-ios.button-fill.active-state,.ios .color-theme-white .button.button-small.button-fill-ios.active-state,.ios .color-theme-white .button.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .color-theme-black .button{border-color:#000;color:#000}.ios .color-theme-black .button.active-state{background:rgba(0,0,0,.15)}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios,.ios .color-theme-black .button.tab-link-active{color:#fff}.ios .color-theme-black .button.button-active,.ios .color-theme-black .button.tab-link-active{background:#000}.ios .color-theme-black .button.button-fill,.ios .color-theme-black .button.button-fill-ios{background:#000;border-color:transparent}.ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state,.ios .color-theme-black .button.button-small-ios.button-fill.active-state,.ios .color-theme-black .button.button-small.button-fill-ios.active-state,.ios .color-theme-black .button.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}.ios .button.color-red{border-color:#ff3b30;color:#ff3b30}.ios .button.color-red.active-state{background:rgba(255,59,48,.15)}.ios .button.color-red.button-active,.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios,.ios .button.color-red.tab-link-active{color:#fff}.ios .button.color-red.button-active,.ios .button.color-red.tab-link-active{background:#ff3b30}.ios .button.color-red.button-fill,.ios .button.color-red.button-fill-ios{background:#ff3b30;border-color:transparent}.ios .button.color-red.button-small-ios.button-fill-ios.active-state,.ios .button.color-red.button-small-ios.button-fill.active-state,.ios .button.color-red.button-small.button-fill-ios.active-state,.ios .button.color-red.button-small.button-fill.active-state{color:#ff3b30;border:2px solid #ff3b30;background-color:transparent}.ios .button.color-green{border-color:#4cd964;color:#4cd964}.ios .button.color-green.active-state{background:rgba(76,217,100,.15)}.ios .button.color-green.button-active,.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios,.ios .button.color-green.tab-link-active{color:#fff}.ios .button.color-green.button-active,.ios .button.color-green.tab-link-active{background:#4cd964}.ios .button.color-green.button-fill,.ios .button.color-green.button-fill-ios{background:#4cd964;border-color:transparent}.ios .button.color-green.button-small-ios.button-fill-ios.active-state,.ios .button.color-green.button-small-ios.button-fill.active-state,.ios .button.color-green.button-small.button-fill-ios.active-state,.ios .button.color-green.button-small.button-fill.active-state{color:#4cd964;border:2px solid #4cd964;background-color:transparent}.ios .button.color-blue{border-color:#007aff;color:#007aff}.ios .button.color-blue.active-state{background:rgba(0,122,255,.15)}.ios .button.color-blue.button-active,.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios,.ios .button.color-blue.tab-link-active{color:#fff}.ios .button.color-blue.button-active,.ios .button.color-blue.tab-link-active{background:#007aff}.ios .button.color-blue.button-fill,.ios .button.color-blue.button-fill-ios{background:#007aff;border-color:transparent}.ios .button.color-blue.button-small-ios.button-fill-ios.active-state,.ios .button.color-blue.button-small-ios.button-fill.active-state,.ios .button.color-blue.button-small.button-fill-ios.active-state,.ios .button.color-blue.button-small.button-fill.active-state{color:#007aff;border:2px solid #007aff;background-color:transparent}.ios .button.color-pink{border-color:#ff2d55;color:#ff2d55}.ios .button.color-pink.active-state{background:rgba(255,45,85,.15)}.ios .button.color-pink.button-active,.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios,.ios .button.color-pink.tab-link-active{color:#fff}.ios .button.color-pink.button-active,.ios .button.color-pink.tab-link-active{background:#ff2d55}.ios .button.color-pink.button-fill,.ios .button.color-pink.button-fill-ios{background:#ff2d55;border-color:transparent}.ios .button.color-pink.button-small-ios.button-fill-ios.active-state,.ios .button.color-pink.button-small-ios.button-fill.active-state,.ios .button.color-pink.button-small.button-fill-ios.active-state,.ios .button.color-pink.button-small.button-fill.active-state{color:#ff2d55;border:2px solid #ff2d55;background-color:transparent}.ios .button.color-yellow{border-color:#fc0;color:#fc0}.ios .button.color-yellow.active-state{background:rgba(255,204,0,.15)}.ios .button.color-yellow.button-active,.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios,.ios .button.color-yellow.tab-link-active{color:#fff}.ios .button.color-yellow.button-active,.ios .button.color-yellow.tab-link-active{background:#fc0}.ios .button.color-yellow.button-fill,.ios .button.color-yellow.button-fill-ios{background:#fc0;border-color:transparent}.ios .button.color-yellow.button-small-ios.button-fill-ios.active-state,.ios .button.color-yellow.button-small-ios.button-fill.active-state,.ios .button.color-yellow.button-small.button-fill-ios.active-state,.ios .button.color-yellow.button-small.button-fill.active-state{color:#fc0;border:2px solid #fc0;background-color:transparent}.ios .button.color-orange{border-color:#ff9500;color:#ff9500}.ios .button.color-orange.active-state{background:rgba(255,149,0,.15)}.ios .button.color-orange.button-active,.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios,.ios .button.color-orange.tab-link-active{color:#fff}.ios .button.color-orange.button-active,.ios .button.color-orange.tab-link-active{background:#ff9500}.ios .button.color-orange.button-fill,.ios .button.color-orange.button-fill-ios{background:#ff9500;border-color:transparent}.ios .button.color-orange.button-small-ios.button-fill-ios.active-state,.ios .button.color-orange.button-small-ios.button-fill.active-state,.ios .button.color-orange.button-small.button-fill-ios.active-state,.ios .button.color-orange.button-small.button-fill.active-state{color:#ff9500;border:2px solid #ff9500;background-color:transparent}.ios .button.color-gray{border-color:#8e8e93;color:#8e8e93}.ios .button.color-gray.active-state{background:rgba(142,142,147,.15)}.ios .button.color-gray.button-active,.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios,.ios .button.color-gray.tab-link-active{color:#fff}.ios .button.color-gray.button-active,.ios .button.color-gray.tab-link-active{background:#8e8e93}.ios .button.color-gray.button-fill,.ios .button.color-gray.button-fill-ios{background:#8e8e93;border-color:transparent}.ios .button.color-gray.button-small-ios.button-fill-ios.active-state,.ios .button.color-gray.button-small-ios.button-fill.active-state,.ios .button.color-gray.button-small.button-fill-ios.active-state,.ios .button.color-gray.button-small.button-fill.active-state{color:#8e8e93;border:2px solid #8e8e93;background-color:transparent}.ios .button.color-white{border-color:#fff;color:#fff}.ios .button.color-white.active-state{background:rgba(255,255,255,.15)}.ios .button.color-white.button-active,.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios,.ios .button.color-white.tab-link-active{color:#fff}.ios .button.color-white.button-active,.ios .button.color-white.tab-link-active{background:#fff}.ios .button.color-white.button-fill,.ios .button.color-white.button-fill-ios{background:#fff;border-color:transparent}.ios .button.color-white.button-small-ios.button-fill-ios.active-state,.ios .button.color-white.button-small-ios.button-fill.active-state,.ios .button.color-white.button-small.button-fill-ios.active-state,.ios .button.color-white.button-small.button-fill.active-state{color:#fff;border:2px solid #fff;background-color:transparent}.ios .button.color-black{border-color:#000;color:#000}.ios .button.color-black.active-state{background:rgba(0,0,0,.15)}.ios .button.color-black.button-active,.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios,.ios .button.color-black.tab-link-active{color:#fff}.ios .button.color-black.button-active,.ios .button.color-black.tab-link-active{background:#000}.ios .button.color-black.button-fill,.ios .button.color-black.button-fill-ios{background:#000;border-color:transparent}.ios .button.color-black.button-small-ios.button-fill-ios.active-state,.ios .button.color-black.button-small-ios.button-fill.active-state,.ios .button.color-black.button-small.button-fill-ios.active-state,.ios .button.color-black.button-small.button-fill.active-state{color:#000;border:2px solid #000;background-color:transparent}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.ios .icon-back,.ios .icon-prev{width:12px;height:20px}.ios .icon-forward,.ios .icon-next{width:12px;height:20px}.ios .icon-next,.ios .icon-prev{width:10px}.ios .icon-forward,.ios .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon-back,.ios .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .navbar .f7-icons,.ios .toolbar .f7-icons{font-size:22px}.ios .tabbar .f7-icons,.ios .tabbar-labels .f7-icons{font-size:25px}.ios .item-media .f7-icons{font-size:25px;width:29px;height:29px}.ios .button .f7-icons{font-size:22px}.ios .item-media .icon{color:grey}.ios .color-theme-red .icon-forward,.ios .color-theme-red .icon-next,.ios .icon-forward.color-red,.ios .icon-next.color-red,.ios a.link.color-red .icon-forward,.ios a.link.color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-red .icon-back,.ios .color-theme-red .icon-prev,.ios .icon-back.color-red,.ios .icon-prev.color-red,.ios a.link.color-red .icon-back,.ios a.link.color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-forward,.ios .color-theme-green .icon-next,.ios .icon-forward.color-green,.ios .icon-next.color-green,.ios a.link.color-green .icon-forward,.ios a.link.color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-green .icon-back,.ios .color-theme-green .icon-prev,.ios .icon-back.color-green,.ios .icon-prev.color-green,.ios a.link.color-green .icon-back,.ios a.link.color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-forward,.ios .color-theme-blue .icon-next,.ios .icon-forward.color-blue,.ios .icon-next.color-blue,.ios a.link.color-blue .icon-forward,.ios a.link.color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-blue .icon-back,.ios .color-theme-blue .icon-prev,.ios .icon-back.color-blue,.ios .icon-prev.color-blue,.ios a.link.color-blue .icon-back,.ios a.link.color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-forward,.ios .color-theme-pink .icon-next,.ios .icon-forward.color-pink,.ios .icon-next.color-pink,.ios a.link.color-pink .icon-forward,.ios a.link.color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-pink .icon-back,.ios .color-theme-pink .icon-prev,.ios .icon-back.color-pink,.ios .icon-prev.color-pink,.ios a.link.color-pink .icon-back,.ios a.link.color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-forward,.ios .color-theme-yellow .icon-next,.ios .icon-forward.color-yellow,.ios .icon-next.color-yellow,.ios a.link.color-yellow .icon-forward,.ios a.link.color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-yellow .icon-back,.ios .color-theme-yellow .icon-prev,.ios .icon-back.color-yellow,.ios .icon-prev.color-yellow,.ios a.link.color-yellow .icon-back,.ios a.link.color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-forward,.ios .color-theme-orange .icon-next,.ios .icon-forward.color-orange,.ios .icon-next.color-orange,.ios a.link.color-orange .icon-forward,.ios a.link.color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-orange .icon-back,.ios .color-theme-orange .icon-prev,.ios .icon-back.color-orange,.ios .icon-prev.color-orange,.ios a.link.color-orange .icon-back,.ios a.link.color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-forward,.ios .color-theme-gray .icon-next,.ios .icon-forward.color-gray,.ios .icon-next.color-gray,.ios a.link.color-gray .icon-forward,.ios a.link.color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-gray .icon-back,.ios .color-theme-gray .icon-prev,.ios .icon-back.color-gray,.ios .icon-prev.color-gray,.ios a.link.color-gray .icon-back,.ios a.link.color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-forward,.ios .color-theme-white .icon-next,.ios .icon-forward.color-white,.ios .icon-next.color-white,.ios a.link.color-white .icon-forward,.ios a.link.color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-white .icon-back,.ios .color-theme-white .icon-prev,.ios .icon-back.color-white,.ios .icon-prev.color-white,.ios a.link.color-white .icon-back,.ios a.link.color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-forward,.ios .color-theme-black .icon-next,.ios .icon-forward.color-black,.ios .icon-next.color-black,.ios a.link.color-black .icon-forward,.ios a.link.color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .color-theme-black .icon-back,.ios .color-theme-black .icon-prev,.ios .icon-back.color-black,.ios .icon-prev.color-black,.ios a.link.color-black .icon-back,.ios a.link.color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")}.ios .icon.color-red{color:#ff3b30}.ios .icon.color-green{color:#4cd964}.ios .icon.color-blue{color:#007aff}.ios .icon.color-pink{color:#ff2d55}.ios .icon.color-yellow{color:#fc0}.ios .icon.color-orange{color:#ff9500}.ios .icon.color-gray{color:#8e8e93}.ios .icon.color-white{color:#fff}.ios .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;display:none;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-inner{position:relative}.dialog-title{font-weight:500}.dialog-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}.dialog-input-field .item-input-wrap{margin:0;padding:0}.dialog-input{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;-webkit-box-shadow:none;box-shadow:none}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog{width:270px;margin-left:-135px;text-align:center;border-radius:13px;color:#000}.ios .dialog.modal-out{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:13px 13px 0 0;background:rgba(255,255,255,.95)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .dialog-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .dialog-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .dialog-title{font-size:18px;text-align:center;font-weight:600}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;height:44px;font-size:17px;line-height:44px;text-align:center;color:#007aff;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;background:rgba(255,255,255,.95)}.ios .dialog-button:first-child{border-radius:0 0 0 13px}.ios .dialog-button:last-child{border-radius:0 0 13px 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 13px 13px}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button.active-state{background:rgba(230,230,230,.95)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 13px 13px}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .dialog-button:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .dialog-button:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .dialog-buttons-vertical .dialog-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .dialog-buttons-vertical .dialog-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .dialog-no-buttons .dialog-inner{border-radius:13px}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input-field .item-input-wrap{margin:0}.ios .dialog-input{height:26px;background:#fff;padding:0 5px;border:1px solid rgba(0,0,0,.3);font-size:14px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:5px}.ios .dialog-preloader .preloader{width:34px;height:34px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.ios .dialog-button.color-red{color:#ff3b30}.ios .dialog-button.color-green{color:#4cd964}.ios .dialog-button.color-blue{color:#007aff}.ios .dialog-button.color-pink{color:#ff2d55}.ios .dialog-button.color-yellow{color:#fc0}.ios .dialog-button.color-orange{color:#ff9500}.ios .dialog-button.color-gray{color:#8e8e93}.ios .dialog-button.color-white{color:#fff}.ios .dialog-button.color-black{color:#000}.popup-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.popup-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup-backdrop.backdrop-in{visibility:visible;opacity:1}.popup{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.popup.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){html.with-statusbar .popup-backdrop{z-index:9500}html.with-statusbar.device-ios .popup,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup{height:calc(100% - 24px);top:24px}}@media (min-width:630px),(min-height:630px){html.with-statusbar.device-ios .popup-tablet-fullscreen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup-tablet-fullscreen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup-tablet-fullscreen,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 24px);top:24px}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.login-screen.modal-in,.login-screen.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.login-screen.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.with-statusbar.device-ios .login-screen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .login-screen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .login-screen,html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 24px);top:24px}.login-screen-content{background:#fff}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:480px}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:center}.ios .login-screen-content .block,.ios .login-screen-content .list,.ios .login-screen-content .login-screen-title{margin:25px auto}.ios .login-screen-title{font-size:30px}.ios .theme-dark .login-screen-content,.ios .theme-dark .login-screen-content .list ul{background-color:transparent}.popover-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.popover-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-backdrop.backdrop-in{visibility:visible;opacity:1}.popover{width:260px;z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;-webkit-transition-duration:.3s;transition-duration:.3s}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover.modal-in{opacity:1}.popover.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{background:rgba(255,255,255,.95);border-radius:13px;-webkit-transform:none;transform:none;-webkit-transition-property:opacity;transition-property:opacity}.ios .popover .list:first-child ul{border-radius:13px 13px 0 0}.ios .popover .list:first-child li:first-child,.ios .popover .list:first-child li:first-child a,.ios .popover .list:first-child li:first-child>label{border-radius:13px 13px 0 0}.ios .popover .list:last-child ul{border-radius:0 0 13px 13px}.ios .popover .list:last-child li:last-child,.ios .popover .list:last-child li:last-child a,.ios .popover .list:last-child li:last-child>label{border-radius:0 0 13px 13px}.ios .popover .list:first-child:last-child li:first-child:last-child,.ios .popover .list:first-child:last-child li:first-child:last-child a,.ios .popover .list:first-child:last-child li:first-child:last-child>label,.ios .popover .list:first-child:last-child ul{border-radius:13px}.ios .popover .list+.list{margin-top:35px}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:rgba(255,255,255,.95);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.ios .popover-from-actions .list+.list{margin-top:20px}.ios .popover-from-actions .list ul{background:#fff}.ios .popover-from-actions .item-link i.icon{width:29px;height:29px;font-size:29px}.ios .popover-from-actions-label{padding:8px 10px;color:#8a8a8a;font-size:13px;text-align:center}.ios .popover-from-actions-label:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .popover-from-actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .popover-from-actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .popover,.popover.ios .theme-dark{background:rgba(30,30,30,.95)}.ios .theme-dark .popover .popover-angle:after,.popover.ios .theme-dark .popover-angle:after{background:rgba(30,30,30,.95)}.ios .theme-dark .popover .list ul,.popover.ios .theme-dark .list ul{background-color:transparent}.actions-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.actions-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-backdrop.backdrop-in{visibility:visible;opacity:1}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.actions-modal.modal-in,.actions-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.actions-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal.modal-out{z-index:13499;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}.actions-group{position:relative}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:500}.actions-button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.actions-button-media{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-button-text{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.actions-label{line-height:1.3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-grid .actions-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.actions-grid .actions-button{width:33.33333333%;display:block}.actions-grid .actions-button-media{margin-left:auto;margin-right:auto}.actions-grid .actions-button-text{margin-left:0!important;text-align:center}.ios .actions-group{margin:8px;border-radius:13px;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ios .actions-button,.ios .actions-label{text-align:center;overflow:hidden;background:rgba(255,255,255,.95)}.ios .actions-button b,.ios .actions-button.actions-button-bold,.ios .actions-label b,.ios .actions-label.actions-button-bold{font-weight:600}.ios .actions-button:first-child,.ios .actions-label:first-child{border-radius:13px 13px 0 0}.ios .actions-button:last-child,.ios .actions-label:last-child{border-radius:0 0 13px 13px}.ios .actions-button:last-child:after,.ios .actions-label:last-child:after{display:none!important}.ios .actions-button:first-child:last-child,.ios .actions-label:first-child:last-child{border-radius:13px}.ios .actions-button{height:57px;line-height:57px;font-size:20px;color:#007aff;white-space:normal;text-overflow:ellipsis;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .actions-button.active-state{background:rgba(230,230,230,.9)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media i.icon{width:29px;height:29px;font-size:29px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.ios .actions-label{font-size:13px;min-height:57px;padding:8px 10px;color:#8a8a8a;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (orientation:lanscape){.ios .actions-label{min-height:44px}.ios .actions-button{height:44px;line-height:44px}}.ios .actions-grid .actions-group{margin-top:0;border-radius:0;background:rgba(255,255,255,.95)}.ios .actions-grid .actions-group:first-child{border-radius:13px 13px 0 0}.ios .actions-grid .actions-group:last-child{border-radius:0 0 13px 13px}.ios .actions-grid .actions-group:first-child:last-child{border-radius:13px}.ios .actions-grid .actions-group:not(:last-child){margin-bottom:0}.ios .actions-grid .actions-button,.ios .actions-grid .actions-label{border-radius:0!important;background:0 0}.ios .actions-grid .actions-button-media{width:48px;height:48px;margin-left:auto;margin-right:auto}.ios .actions-grid .actions-button-media i.icon{width:48px;height:48px;font-size:48px}.ios .actions-grid .actions-button-media+.actions-button-text{text-align:center}.ios .actions-grid .actions-button{padding:16px;line-height:1;height:auto}.ios .actions-grid .actions-button:after{display:none!important}.ios .actions-grid .actions-button.active-state{background:rgba(230,230,230,.9)}.ios .actions-grid .actions-button-text{margin-top:8px;line-height:16px;height:16px;font-size:12px;color:#757575}.ios .actions-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .actions-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .actions-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .actions-label:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .actions-button.color-red,.ios .actions-label.color-red{color:#ff3b30}.ios .actions-button.color-green,.ios .actions-label.color-green{color:#4cd964}.ios .actions-button.color-blue,.ios .actions-label.color-blue{color:#007aff}.ios .actions-button.color-pink,.ios .actions-label.color-pink{color:#ff2d55}.ios .actions-button.color-yellow,.ios .actions-label.color-yellow{color:#fc0}.ios .actions-button.color-orange,.ios .actions-label.color-orange{color:#ff9500}.ios .actions-button.color-gray,.ios .actions-label.color-gray{color:#8e8e93}.ios .actions-button.color-white,.ios .actions-label.color-white{color:#fff}.ios .actions-button.color-black,.ios .actions-label.color-black{color:#000}.ios.device-iphone-x .actions-modal.modal-in{-webkit-transform:translate3d(0,calc(0px - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0px - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0px - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0px - env(safe-area-inset-bottom)),0)}.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:11000}.sheet-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:260px;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:12500}.sheet-modal.modal-in,.sheet-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.sheet-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-modal.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sheet-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.ios .sheet-modal{background:#cfd5da}.ios .sheet-modal .toolbar{background:#f7f7f8}.ios .sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - 44px)}.ios .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0}.ios .sheet-modal .toolbar:before{content:'';position:absolute;background-color:#929499;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .sheet-modal .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .sheet-modal .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios.device-iphone-x .sheet-modal .sheet-modal-inner>.page-content,.ios.device-iphone-x .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .theme-dark .sheet-modal,.sheet-modal.ios .theme-dark{background-color:#171717}.ios .theme-dark .sheet-modal .toolbar,.sheet-modal.ios .theme-dark .toolbar{background-color:#1b1b1b}.ios .theme-dark .sheet-modal .toolbar:before,.sheet-modal.ios .theme-dark .toolbar:before{background-color:#282829}.toast{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;position:absolute;max-width:568px;z-index:20000;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.toast.modal-in{opacity:1}.toast .toast-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.toast .toast-text{line-height:20px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.toast .toast-button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons{font-size:50px;width:50px;height:50px}.toast.toast-with-icon .toast-icon .material-icons{font-size:48px;width:48px;height:48px}.toast.toast-center{top:50%;opacity:0}@media (min-width:1024px){.toast{opacity:0}}html.with-statusbar.device-ios .toast-top,html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top{margin-top:20px}html.with-statusbar.device-iphone-x .toast-top{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}html.with-statusbar.device-android .toast-top,html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top{margin-top:24px}.ios .toast{-webkit-transition-duration:450ms;transition-duration:450ms;background:rgba(0,0,0,.75);opacity:0;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-center{width:auto;left:50%;border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:1}.ios .toast.toast-top{top:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1}.ios .toast.toast-bottom{bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px}.ios .toast.toast-center{margin-left:0}}@media (min-width:569px){.ios .toast{border-radius:8px}.ios .toast.toast-bottom{bottom:15px}.ios .toast.toast-top{top:15px}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-content{padding:12px 15px}.ios .toast-button{color:#fff;margin-right:15px}@media (max-width:568px){.ios.device-iphone-x .toast-bottom .toast-content{padding-bottom:calc(12px + constant(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (min-width:569px){.ios.device-iphone-x .toast-bottom{bottom:calc(15px + constant(safe-area-inset-bottom));bottom:calc(15px + env(safe-area-inset-bottom))}}.preloader{display:inline-block;vertical-align:middle}.preloader-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;-webkit-transition-duration:.4s;transition-duration:.4s;visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.preloader-backdrop.backdrop-in{visibility:visible;opacity:1}.preloader-modal{position:absolute;left:50%;top:50%;padding:8px;background:rgba(0,0,0,.8);z-index:14500;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.preloader-modal .preloader{display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .preloader{width:20px;height:20px;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");background-position:50%;background-size:100%;background-repeat:no-repeat;-webkit-animation:ios-preloader-spin 1s steps(12,end) infinite;animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader-modal{border-radius:5px}.ios .preloader-modal .preloader{width:34px;height:34px}.ios .preloader.color-red,.ios .preloader.preloader-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-green,.ios .preloader.preloader-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-blue,.ios .preloader.preloader-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-pink,.ios .preloader.preloader-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-yellow,.ios .preloader.preloader-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-orange,.ios .preloader.preloader-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-gray,.ios .preloader.preloader-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-white,.ios .preloader.preloader-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.ios .preloader.color-black,.ios .preloader.preloader-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes ios-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ios-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;-webkit-transform-origin:center top!important;transform-origin:center top!important}.with-statusbar.device-ios .framework7-root>.progressbar,.with-statusbar.device-ios .framework7-root>.progressbar-infinite,.with-statusbar.device-ios body>.progressbar,.with-statusbar.device-ios body>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:20px}.with-statusbar.device-android .framework7-root>.progressbar,.with-statusbar.device-android .framework7-root>.progressbar-infinite,.with-statusbar.device-android body>.progressbar,.with-statusbar.device-android body>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:24px}.with-statusbar.device-iphone-x .framework7-root>.progressbar,.with-statusbar.device-iphone-x .framework7-root>.progressbar-infinite,.with-statusbar.device-iphone-x body>.progressbar,.with-statusbar.device-iphone-x body>.progressbar-infinite{top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.progressbar{vertical-align:middle}.progressbar span{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-duration:150ms;transition-duration:150ms}.progressbar-infinite:after,.progressbar-infinite:before{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{-webkit-animation:progressbar-in 150ms forwards;animation:progressbar-in 150ms forwards}.progressbar-out{-webkit-animation:progressbar-out 150ms forwards;animation:progressbar-out 150ms forwards}@-webkit-keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.ios .progressbar,.ios .progressbar-infinite{height:2px;background:#b6b6b6;-webkit-transform-origin:center top;transform-origin:center top;border-radius:2px}.ios .progressbar span{background:#007aff}.ios .progressbar-infinite:before{content:'';background:#007aff;-webkit-animation:ios-progressbar-infinite 1s linear infinite;animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:-webkit-gradient(linear,left top,right top,from(#4cd964),color-stop(#5ac8fa),color-stop(#007aff),color-stop(#34aadc),color-stop(#5856d6),color-stop(#ff2d55),color-stop(#5856d6),color-stop(#34aadc),color-stop(#007aff),color-stop(#5ac8fa),to(#4cd964));background-image:-webkit-linear-gradient(left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;-webkit-animation:ios-progressbar-infinite-multicolor 3s linear infinite;animation:ios-progressbar-infinite-multicolor 3s linear infinite}.ios .color-theme-red .progressbar span{background:#ff3b30}.ios .color-theme-red .progressbar-infinite:before{background:#ff3b30}.ios .color-theme-green .progressbar span{background:#4cd964}.ios .color-theme-green .progressbar-infinite:before{background:#4cd964}.ios .color-theme-blue .progressbar span{background:#007aff}.ios .color-theme-blue .progressbar-infinite:before{background:#007aff}.ios .color-theme-pink .progressbar span{background:#ff2d55}.ios .color-theme-pink .progressbar-infinite:before{background:#ff2d55}.ios .color-theme-yellow .progressbar span{background:#fc0}.ios .color-theme-yellow .progressbar-infinite:before{background:#fc0}.ios .color-theme-orange .progressbar span{background:#ff9500}.ios .color-theme-orange .progressbar-infinite:before{background:#ff9500}.ios .color-theme-gray .progressbar span{background:#8e8e93}.ios .color-theme-gray .progressbar-infinite:before{background:#8e8e93}.ios .color-theme-white .progressbar span{background:#fff}.ios .color-theme-white .progressbar-infinite:before{background:#fff}.ios .color-theme-black .progressbar span{background:#000}.ios .color-theme-black .progressbar-infinite:before{background:#000}.ios .progressbar.color-red span{background:#ff3b30}.ios .progressbar-infinite.color-red:before{background:#ff3b30}.ios .progressbar.color-green span{background:#4cd964}.ios .progressbar-infinite.color-green:before{background:#4cd964}.ios .progressbar.color-blue span{background:#007aff}.ios .progressbar-infinite.color-blue:before{background:#007aff}.ios .progressbar.color-pink span{background:#ff2d55}.ios .progressbar-infinite.color-pink:before{background:#ff2d55}.ios .progressbar.color-yellow span{background:#fc0}.ios .progressbar-infinite.color-yellow:before{background:#fc0}.ios .progressbar.color-orange span{background:#ff9500}.ios .progressbar-infinite.color-orange:before{background:#ff9500}.ios .progressbar.color-gray span{background:#8e8e93}.ios .progressbar-infinite.color-gray:before{background:#8e8e93}.ios .progressbar.color-white span{background:#fff}.ios .progressbar-infinite.color-white:before{background:#fff}.ios .progressbar.color-black span{background:#000}.ios .progressbar-infinite.color-black:before{background:#000}@-webkit-keyframes ios-progressbar-infinite{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ios-progressbar-infinite-multicolor{0%{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}.sortable .sortable-handler{position:absolute;top:0;bottom:1px;z-index:10;background-repeat:no-repeat;background-size:18px 12px;opacity:0;pointer-events:none;cursor:move;-webkit-transition-duration:.3s;transition-duration:.3s;left:0;background-position:0% 50%}.sortable .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable li.sorting{z-index:50;background:rgba(255,255,255,.8);-webkit-transition-duration:0s;transition-duration:0s}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1;background-position:50% 50%}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.sortable.theme-dark li.sorting,.theme-dark .sortable li.sorting{background-color:rgba(50,50,50,.8)}.ios .sortable-handler{width:35px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E")}.ios .sortable li.sorting{-webkit-box-shadow:0px 2px 8px rgba(0,0,0,.6);box-shadow:0px 2px 8px rgba(0,0,0,.6)}.ios .sortable-enabled .item-inner,.ios .sortable-enabled .item-link .item-inner{padding-left:35px}.ios .list.sortable-enabled .item-link.no-chevron .item-inner,.ios .list.sortable-enabled .no-chevron .item-link .item-inner,.ios .list.sortable-enabled.no-chevron .item-link .item-inner,.ios .no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:35px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .sortable-handler,.ios.device-iphone-x .ios-left-edge .sortable-handler,.ios.device-iphone-x .panel-left .sortable-handler,.ios.device-iphone-x .popup .sortable-handler,.ios.device-iphone-x .sheet-modal .sortable-handler{left:constant(safe-area-inset-left);left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-right));padding-left:calc(35px + env(safe-area-inset-right))}}.swipeout{overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swipeout-deleting{-webkit-transition-duration:.3s;transition-duration:.3s}.swipeout-deleting .swipeout-content{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:#fff;background:#c7c7cc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-right{right:0%;-webkit-transform:translateX(100%);transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.ios .swipeout-actions-left>a,.ios .swipeout-actions-left>button,.ios .swipeout-actions-left>div,.ios .swipeout-actions-left>span,.ios .swipeout-actions-right>a,.ios .swipeout-actions-right>button,.ios .swipeout-actions-right>div,.ios .swipeout-actions-right>span{padding:0 30px;color:#fff}.ios .swipeout-actions-left .swipeout-delete,.ios .swipeout-actions-right .swipeout-delete{background:#ff3b30}.ios .swipeout-actions-left>a.color-red,.ios .swipeout-actions-left>button.color-red,.ios .swipeout-actions-left>div.color-red,.ios .swipeout-actions-left>span.color-red,.ios .swipeout-actions-right>a.color-red,.ios .swipeout-actions-right>button.color-red,.ios .swipeout-actions-right>div.color-red,.ios .swipeout-actions-right>span.color-red{background-color:#ff3b30}.ios .swipeout-actions-left>a.color-green,.ios .swipeout-actions-left>button.color-green,.ios .swipeout-actions-left>div.color-green,.ios .swipeout-actions-left>span.color-green,.ios .swipeout-actions-right>a.color-green,.ios .swipeout-actions-right>button.color-green,.ios .swipeout-actions-right>div.color-green,.ios .swipeout-actions-right>span.color-green{background-color:#4cd964}.ios .swipeout-actions-left>a.color-blue,.ios .swipeout-actions-left>button.color-blue,.ios .swipeout-actions-left>div.color-blue,.ios .swipeout-actions-left>span.color-blue,.ios .swipeout-actions-right>a.color-blue,.ios .swipeout-actions-right>button.color-blue,.ios .swipeout-actions-right>div.color-blue,.ios .swipeout-actions-right>span.color-blue{background-color:#007aff}.ios .swipeout-actions-left>a.color-pink,.ios .swipeout-actions-left>button.color-pink,.ios .swipeout-actions-left>div.color-pink,.ios .swipeout-actions-left>span.color-pink,.ios .swipeout-actions-right>a.color-pink,.ios .swipeout-actions-right>button.color-pink,.ios .swipeout-actions-right>div.color-pink,.ios .swipeout-actions-right>span.color-pink{background-color:#ff2d55}.ios .swipeout-actions-left>a.color-yellow,.ios .swipeout-actions-left>button.color-yellow,.ios .swipeout-actions-left>div.color-yellow,.ios .swipeout-actions-left>span.color-yellow,.ios .swipeout-actions-right>a.color-yellow,.ios .swipeout-actions-right>button.color-yellow,.ios .swipeout-actions-right>div.color-yellow,.ios .swipeout-actions-right>span.color-yellow{background-color:#fc0}.ios .swipeout-actions-left>a.color-orange,.ios .swipeout-actions-left>button.color-orange,.ios .swipeout-actions-left>div.color-orange,.ios .swipeout-actions-left>span.color-orange,.ios .swipeout-actions-right>a.color-orange,.ios .swipeout-actions-right>button.color-orange,.ios .swipeout-actions-right>div.color-orange,.ios .swipeout-actions-right>span.color-orange{background-color:#ff9500}.ios .swipeout-actions-left>a.color-gray,.ios .swipeout-actions-left>button.color-gray,.ios .swipeout-actions-left>div.color-gray,.ios .swipeout-actions-left>span.color-gray,.ios .swipeout-actions-right>a.color-gray,.ios .swipeout-actions-right>button.color-gray,.ios .swipeout-actions-right>div.color-gray,.ios .swipeout-actions-right>span.color-gray{background-color:#8e8e93}.ios .swipeout-actions-left>a.color-white,.ios .swipeout-actions-left>button.color-white,.ios .swipeout-actions-left>div.color-white,.ios .swipeout-actions-left>span.color-white,.ios .swipeout-actions-right>a.color-white,.ios .swipeout-actions-right>button.color-white,.ios .swipeout-actions-right>div.color-white,.ios .swipeout-actions-right>span.color-white{background-color:#fff}.ios .swipeout-actions-left>a.color-black,.ios .swipeout-actions-left>button.color-black,.ios .swipeout-actions-left>div.color-black,.ios .swipeout-actions-left>span.color-black,.ios .swipeout-actions-right>a.color-black,.ios .swipeout-actions-right>button.color-black,.ios .swipeout-actions-right>div.color-black,.ios .swipeout-actions-right>span.color-black{background-color:#000}.accordion-item-toggle{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color}.accordion-item-toggle .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .item-link .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{-webkit-transform:none;transform:none}.ios .list .accordion-item-toggle .item-inner{background-size:8px 13px;padding-left:35px;background-repeat:no-repeat;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.ios .list .accordion-item-toggle.active-state{background-color:#d9d9d9}.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .accordion-item-opened.media-item>.item-link .item-title-row,.ios .links-list .accordion-item-opened>a,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.ios .theme-dark .list .accordion-item-toggle .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.ios .theme-dark .list .accordion-item-toggle.active-state{background-color:#363636}.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.ios .theme-dark .links-list .accordion-item-opened>a,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.ios .contacts-list{margin:0}.ios .contacts-list .list-group-title{padding:0 15px;background:#f7f7f7;color:#000;font-weight:600;line-height:22px;height:22px}.contacts-list.ios .theme-dark .list-group-title,.ios .theme-dark .contacts-list .list-group-title{background-color:#111;color:#fff}.list-index{position:absolute;top:0;bottom:0;right:0;text-align:center;z-index:10;width:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{font-size:11px;font-weight:600;list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:14px;line-height:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;border-radius:50%;color:#fff;font-weight:500}.ios .list-index ul{color:#007aff}.ios .list-index .list-index-skip-placeholder:after{content:'';width:6px;height:6px;margin-left:-3px;margin-top:-3px;background:#007aff}.ios .list-index .list-index-label{margin-bottom:-22px;margin-right:15px;width:44px;height:44px;line-height:44px;border-radius:50%;background:#007aff;font-size:17px}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.ios .navbar~.list-index,.ios .navbar~.page>.list-index{top:44px}.ios .toolbar~* .page>.list-index,.ios .toolbar~.list-index,.ios .toolbar~.page>.list-index{bottom:44px}.ios .tabbar-labels~* .page>.list-index,.ios .tabbar-labels~.list-index,.ios .tabbar-labels~.page>.list-index{bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page>.list-index,.ios .tabbar-labels~.list-index,.ios .tabbar-labels~.page>.list-index{bottom:56px}}.ios.device-iphone-x .toolbar~* .page>.list-index,.ios.device-iphone-x .toolbar~.list-index,.ios.device-iphone-x .toolbar~.page>.list-index{bottom:calc(44px + constant(safe-area-inset-bottom));bottom:calc(44px + env(safe-area-inset-bottom))}.ios.device-iphone-x .tabbar-labels~* .page>.list-index,.ios.device-iphone-x .tabbar-labels~.list-index,.ios.device-iphone-x .tabbar-labels~.page>.list-index{bottom:calc(50px + constant(safe-area-inset-bottom));bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width:768px){.ios.device-iphone-x .tabbar-labels~* .page>.list-index,.ios.device-iphone-x .tabbar-labels~.list-index,.ios.device-iphone-x .tabbar-labels~.page>.list-index{bottom:calc(56px + constant(safe-area-inset-bottom));bottom:calc(56px + env(safe-area-inset-bottom))}}.ios .color-theme-red .list-index ul,.ios .list-index.color-theme-red ul{color:#ff3b30}.ios .color-theme-red .list-index .list-index-label,.ios .color-theme-red .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-red .list-index-label,.ios .list-index.color-theme-red .list-index-skip-placeholder:after{background-color:#ff3b30}.ios .color-theme-green .list-index ul,.ios .list-index.color-theme-green ul{color:#4cd964}.ios .color-theme-green .list-index .list-index-label,.ios .color-theme-green .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-green .list-index-label,.ios .list-index.color-theme-green .list-index-skip-placeholder:after{background-color:#4cd964}.ios .color-theme-blue .list-index ul,.ios .list-index.color-theme-blue ul{color:#007aff}.ios .color-theme-blue .list-index .list-index-label,.ios .color-theme-blue .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-blue .list-index-label,.ios .list-index.color-theme-blue .list-index-skip-placeholder:after{background-color:#007aff}.ios .color-theme-pink .list-index ul,.ios .list-index.color-theme-pink ul{color:#ff2d55}.ios .color-theme-pink .list-index .list-index-label,.ios .color-theme-pink .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-pink .list-index-label,.ios .list-index.color-theme-pink .list-index-skip-placeholder:after{background-color:#ff2d55}.ios .color-theme-yellow .list-index ul,.ios .list-index.color-theme-yellow ul{color:#fc0}.ios .color-theme-yellow .list-index .list-index-label,.ios .color-theme-yellow .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-yellow .list-index-label,.ios .list-index.color-theme-yellow .list-index-skip-placeholder:after{background-color:#fc0}.ios .color-theme-orange .list-index ul,.ios .list-index.color-theme-orange ul{color:#ff9500}.ios .color-theme-orange .list-index .list-index-label,.ios .color-theme-orange .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-orange .list-index-label,.ios .list-index.color-theme-orange .list-index-skip-placeholder:after{background-color:#ff9500}.ios .color-theme-gray .list-index ul,.ios .list-index.color-theme-gray ul{color:#8e8e93}.ios .color-theme-gray .list-index .list-index-label,.ios .color-theme-gray .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-gray .list-index-label,.ios .list-index.color-theme-gray .list-index-skip-placeholder:after{background-color:#8e8e93}.ios .color-theme-white .list-index ul,.ios .list-index.color-theme-white ul{color:#fff}.ios .color-theme-white .list-index .list-index-label,.ios .color-theme-white .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-white .list-index-label,.ios .list-index.color-theme-white .list-index-skip-placeholder:after{background-color:#fff}.ios .color-theme-black .list-index ul,.ios .list-index.color-theme-black ul{color:#000}.ios .color-theme-black .list-index .list-index-label,.ios .color-theme-black .list-index .list-index-skip-placeholder:after,.ios .list-index.color-theme-black .list-index-label,.ios .list-index.color-theme-black .list-index-skip-placeholder:after{background-color:#000}.ios .list-index.color-red ul{color:#ff3b30}.ios .list-index.color-red .list-index-label,.ios .list-index.color-red .list-index-skip-placeholder:after{background-color:#ff3b30}.ios .list-index.color-green ul{color:#4cd964}.ios .list-index.color-green .list-index-label,.ios .list-index.color-green .list-index-skip-placeholder:after{background-color:#4cd964}.ios .list-index.color-blue ul{color:#007aff}.ios .list-index.color-blue .list-index-label,.ios .list-index.color-blue .list-index-skip-placeholder:after{background-color:#007aff}.ios .list-index.color-pink ul{color:#ff2d55}.ios .list-index.color-pink .list-index-label,.ios .list-index.color-pink .list-index-skip-placeholder:after{background-color:#ff2d55}.ios .list-index.color-yellow ul{color:#fc0}.ios .list-index.color-yellow .list-index-label,.ios .list-index.color-yellow .list-index-skip-placeholder:after{background-color:#fc0}.ios .list-index.color-orange ul{color:#ff9500}.ios .list-index.color-orange .list-index-label,.ios .list-index.color-orange .list-index-skip-placeholder:after{background-color:#ff9500}.ios .list-index.color-gray ul{color:#8e8e93}.ios .list-index.color-gray .list-index-label,.ios .list-index.color-gray .list-index-skip-placeholder:after{background-color:#8e8e93}.ios .list-index.color-white ul{color:#fff}.ios .list-index.color-white .list-index-label,.ios .list-index.color-white .list-index-skip-placeholder:after{background-color:#fff}.ios .list-index.color-black ul{color:#000}.ios .list-index.color-black .list-index-label,.ios .list-index.color-black .list-index-skip-placeholder:after{background-color:#000}.timeline{-webkit-box-sizing:border-box;box-sizing:border-box}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline-item-date{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;margin-top:3px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:13px}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-horizontal{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;height:100%}.timeline-horizontal .timeline-item-date{width:auto;text-align:left;line-height:34px;position:absolute;left:0;top:0;width:100%;height:34px;text-align:right}.timeline-horizontal .timeline-item-content{overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal.col-100 .timeline-item{width:100vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-5 .timeline-item{width:5vw}@media (min-width:768px){.timeline-horizontal.tablet-100 .timeline-item{width:100vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-5 .timeline-item{width:5vw}}.timeline-horizontal .timeline-month,.timeline-horizontal .timeline-year{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.timeline-horizontal .timeline-month-title,.timeline-horizontal .timeline-year-title{position:absolute;left:0;top:0;width:100%;line-height:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-horizontal .timeline-month-title span,.timeline-horizontal .timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky}.timeline-horizontal .timeline-year-title{font-size:16px}.timeline-horizontal .timeline-month-title span{margin-top:-2px}.ios .timeline{margin:35px 0;padding:0 15px}.ios .block-strong .timeline{padding:0;margin:0}.ios .timeline-item{padding:2px 0px 15px}.ios .timeline-item:last-child{padding-bottom:2px}.ios .timeline-item-content .block,.ios .timeline-item-content .card,.ios .timeline-item-content .list,.ios .timeline-item-content.block,.ios .timeline-item-content.card,.ios .timeline-item-content.list{margin:0;width:100%}.ios .timeline-item-content .block+.block,.ios .timeline-item-content .block+.card,.ios .timeline-item-content .block+.list,.ios .timeline-item-content .card+.block,.ios .timeline-item-content .card+.card,.ios .timeline-item-content .card+.list,.ios .timeline-item-content .list+.block,.ios .timeline-item-content .list+.card,.ios .timeline-item-content .list+.list{margin:15px 0 0}.ios .timeline-item-inner{border-radius:7px;padding:8px 15px}.ios .timeline-item-inner+.timeline-item-inner{margin-top:15px}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-item-divider{margin-left:15px;margin-right:15px}.ios .timeline-item-time{margin-top:15px;color:#6d6d72}.ios .timeline-item-time:first-child,.ios .timeline-item-time:last-child{margin-top:0}.ios .timeline-item-title{font-size:17px;font-weight:600}.ios .timeline-item-subtitle{font-size:15px}.ios .timeline-sides .timeline-item{margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item .timeline-item-date{text-align:left}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.ios .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item-left .timeline-item-date{text-align:right}.ios .timeline-sides .timeline-item-right{margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item-right .timeline-item-date{text-align:left}@media (min-width:768px){.ios .tablet-sides .timeline-item{margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item .timeline-item-date{text-align:left}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.ios .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item-left .timeline-item-date{text-align:right}.ios .tablet-sides .timeline-item-right{margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item-right .timeline-item-date{text-align:left}}.ios .timeline-horizontal{padding:0;margin:0}.ios .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:10px}.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.ios .timeline-horizontal>.timeline-item:last-child:after{display:none!important}.ios .timeline-horizontal .timeline-item-date{background:#f7f7f8;padding:0px 10px}.ios .timeline-horizontal .timeline-item-content{padding:10px;height:calc(100% - 10px)}.ios .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-month .timeline-item:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-horizontal .timeline-year:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-year:last-child:after{display:none!important}.ios .timeline-month-title,.ios .timeline-year-title{padding:0 10px;background:#f7f7f8}.ios .timeline-month-title span,.ios .timeline-year-title span{right:10px}.ios .timeline-year-title span{margin-top:3px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(10px + constant(safe-area-inset-left));left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(10px + constant(safe-area-inset-left));padding-left:calc(10px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right));left:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .timeline-month-title,.ios .theme-dark .timeline-year-title{background:#1b1b1b}.ios .theme-dark .timeline-item-inner{background-color:#1c1c1d}.ios .theme-dark .timeline-item-time{color:#8e8e93}.ios .theme-dark .timeline-horizontal .timeline-item-date,.timeline-horizontal.ios .theme-dark .timeline-item-date{background:#1b1b1b}.ios .theme-dark .timeline-horizontal .timeline-item-date:after,.timeline-horizontal.ios .theme-dark .timeline-item-date:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before,.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-item:after,.timeline-horizontal.ios .theme-dark .timeline-item:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-year:after,.timeline-horizontal.ios .theme-dark .timeline-year:after{background-color:#282829}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}.panel-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:5999;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel-backdrop.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel{z-index:1000;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch;top:0;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:260px;background-color:#fff}.panel.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.panel-right{right:0}.panel-right.panel-cover{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.panel-visible-by-breakpoint{display:block;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}html.with-panel-left-cover .panel-left{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-statusbar.device-ios .panel,html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel{top:20px;height:calc(100% - 20px)}html.with-statusbar.device-android .panel,html.with-statusbar.md:not(.device-ios):not(.device-android) .panel{top:24px;height:calc(100% - 24px)}html.with-statusbar.device-iphone-x .panel{top:constant(safe-area-inset-top);top:env(safe-area-inset-top);height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top))}.ios .panel-backdrop{-webkit-transition-duration:.4s;transition-duration:.4s;background:rgba(0,0,0,0)}.ios .panel{-webkit-transition-duration:.4s;transition-duration:.4s}.ios.with-panel-left-reveal .framework7-root>.view,.ios.with-panel-left-reveal .views,.ios.with-panel-right-reveal .framework7-root>.view,.ios.with-panel-right-reveal .views,.ios.with-panel-transitioning .framework7-root>.view,.ios.with-panel-transitioning .views{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card{background:#fff;position:relative;border-radius:4px;font-size:14px}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-content{position:relative}.card-content-padding{position:relative}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-footer,.card-header{min-height:44px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.card-header{border-radius:4px 4px 0 0}.card-header:after{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .card-header:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 4px 4px}.card-footer:before{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}html.device-pixel-ratio-2 .card-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-footer.no-hairline:before{display:none!important}.ios .card .list ul,.ios .cards-list ul{background:0 0}.ios .card{-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.3);box-shadow:0px 1px 2px rgba(0,0,0,.3);margin:10px}.ios .card-outline{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.ios .card-footer a.link,.ios .card-header a.link{line-height:44px;height:44px;margin-top:-10px;margin-bottom:-10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ios .card-footer a.icon-only,.ios .card-header a.icon-only{min-width:44px}.ios .card-content-padding{padding:15px}.ios .card-content-padding>.block,.ios .card-content-padding>.list{margin:-15px}.ios .card-footer,.ios .card-header{min-height:44px;padding:10px 15px}.ios .card-header{font-size:17px}.ios .card-footer{color:#6d6d72}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(10px + constant(safe-area-inset-left));margin-left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),.ios.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(10px + constant(safe-area-inset-right));margin-right:calc(10px + env(safe-area-inset-right))}}.ios .theme-dark .card{background-color:#1c1c1d}.ios .theme-dark .card-outline{border-color:#282829}.ios .theme-dark .card-header:after{background-color:#282829}.ios .theme-dark .card-footer{color:#8e8e93}.ios .theme-dark .card-footer:before{background-color:#282829}.chip{font-weight:400;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:2px 0}.chip-media{border-radius:50%;text-align:center;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-repeat:no-repeat}.chip .chip-delete.active-state{opacity:1}.ios .chip{font-size:13px;color:#000;background:rgba(0,0,0,.12);height:24px;border-radius:12px;padding:0 10px}.ios .chip-outline{background:0 0;border:1px solid rgba(0,0,0,.12)}.ios .chip-media{width:24px;height:24px;vertical-align:middle;border-radius:50%;text-align:center;line-height:16px;color:#fff;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-10px}.ios .chip-media+.chip-label{margin-right:4px}.ios .chip-media i.icon{font-size:16px;height:16px}.ios .chip-delete{width:24px;height:24px;line-height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23000'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:14px 14px;opacity:.54;margin-left:-10px}.ios .theme-dark .chip{background-color:#333;color:#fff}.ios .theme-dark .chip-outline{background:0 0;border-color:#333}.ios .theme-dark .chip-delete{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E")}.ios .chip.color-red{background:#ff3b30;color:#fff}.ios .chip.color-red.chip-outline{background:0 0;border-color:#ff3b30;color:#ff3b30}.ios .chip.color-green{background:#4cd964;color:#fff}.ios .chip.color-green.chip-outline{background:0 0;border-color:#4cd964;color:#4cd964}.ios .chip.color-blue{background:#007aff;color:#fff}.ios .chip.color-blue.chip-outline{background:0 0;border-color:#007aff;color:#007aff}.ios .chip.color-pink{background:#ff2d55;color:#fff}.ios .chip.color-pink.chip-outline{background:0 0;border-color:#ff2d55;color:#ff2d55}.ios .chip.color-yellow{background:#fc0;color:#fff}.ios .chip.color-yellow.chip-outline{background:0 0;border-color:#fc0;color:#fc0}.ios .chip.color-orange{background:#ff9500;color:#fff}.ios .chip.color-orange.chip-outline{background:0 0;border-color:#ff9500;color:#ff9500}.ios .chip.color-gray{background:#8e8e93;color:#fff}.ios .chip.color-gray.chip-outline{background:0 0;border-color:#8e8e93;color:#8e8e93}.ios .chip.color-white{background:#fff;color:#fff}.ios .chip.color-white.chip-outline{background:0 0;border-color:#fff;color:#fff}.ios .chip.color-black{background:#000;color:#fff}.ios .chip.color-black.chip-outline{background:0 0;border-color:#000;color:#000}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select,.list textarea{width:100%}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:44px}.list input[type=date],.list input[type=datetime-local]{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:auto}.list textarea{resize:none;line-height:1.4;height:100px}.list .item-floating-label,.list .item-label{vertical-align:top;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.list .item-input-wrap{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;-webkit-transition-duration:.1s;transition-duration:.1s;position:absolute;top:50%;border-radius:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;left:0}.input-clear-button:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center center}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #727272;left:2px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:14px}.ios .list input[type=date],.ios .list input[type=datetime-local],.ios .list input[type=email],.ios .list input[type=number],.ios .list input[type=password],.ios .list input[type=search],.ios .list input[type=tel],.ios .list input[type=text],.ios .list input[type=time],.ios .list input[type=url],.ios .list select{height:44px;color:#000;font-size:17px}.ios .list textarea{color:#000;font-size:17px;padding-top:11px;padding-bottom:11px}.ios .list textarea.resizable{height:44px}.ios .item-floating-label,.ios .item-label{font-size:12px;width:100%;line-height:1;overflow:visible}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input .item-inner{display:block}.ios .item-input .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.ios .item-input-wrap{margin-top:-8px;margin-bottom:-8px}.ios .inline-label .item-inner,.ios .inline-labels .item-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{font-size:17px;width:35%;line-height:1.4;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:-8px;margin-right:5px}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:-8px}.ios .item-input-with-error-message .item-input-wrap input,.ios .item-input-with-error-message .item-input-wrap select,.ios .item-input-with-error-message .item-input-wrap textarea,.ios div.input-with-error-message input,.ios div.input-with-error-message select,.ios div.input-with-error-message textarea,.ios span.input-with-error-message input,.ios span.input-with-error-message select,.ios span.input-with-error-message textarea{color:#ff3b30}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{font-size:12px;line-height:1.4;position:relative;margin-bottom:6px;margin-top:-8px}.ios .input-info,.ios .item-input-info{color:#8e8e93}.ios .input-error-message,.ios .item-input-error-message{color:#ff3b30;display:none}.ios .item-input-invalid .item-input-error-message{display:block}.ios .item-input-invalid .item-input-info{display:none}.ios .input-invalid .input-error-message{display:block}.ios .input-invalid .input-info{display:none}.ios .input-clear-button{width:14px;height:14px;margin-top:-7px}.ios .input-clear-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");background-size:14px 14px}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .item-input-wrap .input-clear-button{top:22px}.ios .theme-dark .list input[type=date],.ios .theme-dark .list input[type=datetime-local],.ios .theme-dark .list input[type=email],.ios .theme-dark .list input[type=number],.ios .theme-dark .list input[type=password],.ios .theme-dark .list input[type=search],.ios .theme-dark .list input[type=tel],.ios .theme-dark .list input[type=text],.ios .theme-dark .list input[type=time],.ios .theme-dark .list input[type=url],.ios .theme-dark .list select,.list.ios .theme-dark input[type=date],.list.ios .theme-dark input[type=datetime-local],.list.ios .theme-dark input[type=email],.list.ios .theme-dark input[type=number],.list.ios .theme-dark input[type=password],.list.ios .theme-dark input[type=search],.list.ios .theme-dark input[type=tel],.list.ios .theme-dark input[type=text],.list.ios .theme-dark input[type=time],.list.ios .theme-dark input[type=url],.list.ios .theme-dark select{color:#fff}.ios .theme-dark .list textarea,.list.ios .theme-dark textarea{color:#fff}.checkbox i,.icon-checkbox{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}.checkbox .icon-checkbox,label.item-checkbox .icon-checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.checkbox .icon-checkbox:after,label.item-checkbox .icon-checkbox:after{content:'';position:absolute}label.item-checkbox{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i,.ios .icon-checkbox{width:22px;height:22px;border-radius:50%;border:1px solid #c7c7cc}.ios .checkbox i:after,.ios .icon-checkbox:after{left:50%;top:50%;margin-left:-6px;margin-top:-4px;width:12px;height:9px}.ios .checkbox input[type=checkbox]:checked~i,.ios label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border:none;background:#007aff}.ios .checkbox input[type=checkbox]:checked~i:after,.ios label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{background:no-repeat center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");background-size:12px 9px}.ios label.item-checkbox>.icon-checkbox{margin-left:15px}.ios label.item-checkbox .item-content .item-media,.ios label.item-checkbox.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.ios label.item-checkbox.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}.ios .theme-dark label.item-checkbox.active-state{background-color:#363636}.ios .color-theme-red .checkbox input[type=checkbox]:checked~i,.ios .color-theme-red label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff3b30}.ios .color-theme-green .checkbox input[type=checkbox]:checked~i,.ios .color-theme-green label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#4cd964}.ios .color-theme-blue .checkbox input[type=checkbox]:checked~i,.ios .color-theme-blue label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#007aff}.ios .color-theme-pink .checkbox input[type=checkbox]:checked~i,.ios .color-theme-pink label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff2d55}.ios .color-theme-yellow .checkbox input[type=checkbox]:checked~i,.ios .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#fc0}.ios .color-theme-orange .checkbox input[type=checkbox]:checked~i,.ios .color-theme-orange label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#ff9500}.ios .color-theme-gray .checkbox input[type=checkbox]:checked~i,.ios .color-theme-gray label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#8e8e93}.ios .color-theme-white .checkbox input[type=checkbox]:checked~i,.ios .color-theme-white label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#fff}.ios .color-theme-black .checkbox input[type=checkbox]:checked~i,.ios .color-theme-black label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background:#000}.ios .checkbox.color-red input[type=checkbox]:checked~i,.ios label.item-checkbox.color-red input[type=checkbox]:checked~.icon-checkbox{background:#ff3b30}.ios .checkbox.color-green input[type=checkbox]:checked~i,.ios label.item-checkbox.color-green input[type=checkbox]:checked~.icon-checkbox{background:#4cd964}.ios .checkbox.color-blue input[type=checkbox]:checked~i,.ios label.item-checkbox.color-blue input[type=checkbox]:checked~.icon-checkbox{background:#007aff}.ios .checkbox.color-pink input[type=checkbox]:checked~i,.ios label.item-checkbox.color-pink input[type=checkbox]:checked~.icon-checkbox{background:#ff2d55}.ios .checkbox.color-yellow input[type=checkbox]:checked~i,.ios label.item-checkbox.color-yellow input[type=checkbox]:checked~.icon-checkbox{background:#fc0}.ios .checkbox.color-orange input[type=checkbox]:checked~i,.ios label.item-checkbox.color-orange input[type=checkbox]:checked~.icon-checkbox{background:#ff9500}.ios .checkbox.color-gray input[type=checkbox]:checked~i,.ios label.item-checkbox.color-gray input[type=checkbox]:checked~.icon-checkbox{background:#8e8e93}.ios .checkbox.color-white input[type=checkbox]:checked~i,.ios label.item-checkbox.color-white input[type=checkbox]:checked~.icon-checkbox{background:#fff}.ios .checkbox.color-black input[type=checkbox]:checked~i,.ios label.item-checkbox.color-black input[type=checkbox]:checked~.icon-checkbox{background:#000}.icon-radio{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}.radio .icon-radio,label.item-radio .icon-radio{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.radio .icon-radio:after,label.item-radio .icon-radio:after{content:'';position:absolute}label.item-radio{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio{width:22px;height:22px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.ios .radio .icon-radio{border-radius:50%;border:1px solid #c7c7cc}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:10px}.ios label.item-radio .item-inner{padding-left:35px}.ios .radio input[type=radio]:checked~.icon-radio,.ios label.item-radio input[type=radio]:checked~* .icon-radio,.ios label.item-radio input[type=radio]:checked~.icon-radio{background:no-repeat center;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");background-size:13px 10px}.ios .radio input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios label.item-radio .item-content .item-media,.ios label.item-radio.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.ios label.item-radio.active-state{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}@media (orientation:landscape){.ios.device-iphone-x .ios-edges label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .ios-left-edge label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .panel-left label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .popup label.item-radio input[type=radio]~.icon-radio,.ios.device-iphone-x .sheet-modal label.item-radio input[type=radio]~.icon-radio{left:calc(10px + constant(safe-area-inset-left));left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,.ios.device-iphone-x .ios-left-edge label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,.ios.device-iphone-x .panel-left label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,.ios.device-iphone-x .popup label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner,.ios.device-iphone-x .sheet-modal label.item-radio .list:not(.inset):not(.tablet-inset) .item-inner{padding-left:calc(35px + constant(safe-area-inset-left));padding-left:calc(35px + env(safe-area-inset-left))}}.ios .theme-dark label.item-radio.active-state{background-color:#363636}.ios .color-theme-red .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-red .radio input[type=radio]:checked~.icon-radio{border-color:#ff3b30}.ios .color-theme-green .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-green .radio input[type=radio]:checked~.icon-radio{border-color:#4cd964}.ios .color-theme-blue .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-blue .radio input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios .color-theme-pink .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-pink .radio input[type=radio]:checked~.icon-radio{border-color:#ff2d55}.ios .color-theme-yellow .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-yellow .radio input[type=radio]:checked~.icon-radio{border-color:#fc0}.ios .color-theme-orange .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-orange .radio input[type=radio]:checked~.icon-radio{border-color:#ff9500}.ios .color-theme-gray .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-gray .radio input[type=radio]:checked~.icon-radio{border-color:#8e8e93}.ios .color-theme-white .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-white .radio input[type=radio]:checked~.icon-radio{border-color:#fff}.ios .color-theme-black .radio input[type=radio]:checked~.icon-radio,.ios .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio,.ios .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio{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")}.ios .color-theme-black .radio input[type=radio]:checked~.icon-radio{border-color:#000}.ios .radio.color-red input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-red input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-red input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-red input[type=radio]:checked~.icon-radio{border-color:#ff3b30}.ios .radio.color-green input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-green input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-green input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-green input[type=radio]:checked~.icon-radio{border-color:#4cd964}.ios .radio.color-blue input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-blue input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-blue input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-blue input[type=radio]:checked~.icon-radio{border-color:#007aff}.ios .radio.color-pink input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-pink input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-pink input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-pink input[type=radio]:checked~.icon-radio{border-color:#ff2d55}.ios .radio.color-yellow input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-yellow input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-yellow input[type=radio]:checked~.icon-radio{border-color:#fc0}.ios .radio.color-orange input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-orange input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-orange input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-orange input[type=radio]:checked~.icon-radio{border-color:#ff9500}.ios .radio.color-gray input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-gray input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-gray input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-gray input[type=radio]:checked~.icon-radio{border-color:#8e8e93}.ios .radio.color-white input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-white input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-white input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-white input[type=radio]:checked~.icon-radio{border-color:#fff}.ios .radio.color-black input[type=radio]:checked~.icon-radio,.ios label.item-radio.color-black input[type=radio]:checked~* .icon-radio,.ios label.item-radio.color-black input[type=radio]:checked~.icon-radio{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")}.ios .radio.color-black input[type=radio]:checked~.icon-radio{border-color:#000}.toggle{display:inline-block;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:''}.toggle-icon:after{background:#fff;position:absolute;z-index:2;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-duration:.3s;transition-duration:.3s}.ios .toggle{width:52px;border-radius:16px;height:32px}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:#4cd964}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.ios .toggle-icon{width:52px;border-radius:16px;height:32px;background:#e5e5e5}.ios .toggle-icon:before{position:absolute;right:2px;top:2px;width:48px;height:28px;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1)}.ios .toggle-icon:after{height:28px;width:28px;top:2px;right:2px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:14px}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:35px}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{width:35px;-webkit-transform:translateX(-13px);transform:translateX(-13px)}.ios .theme-dark .toggle-icon{background-color:#fff}.ios .theme-dark .toggle-icon:before{background-color:#1c1c1d}.ios .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background-color:#ff3b30}.ios .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background-color:#4cd964}.ios .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background-color:#007aff}.ios .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background-color:#ff2d55}.ios .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background-color:#fc0}.ios .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background-color:#ff9500}.ios .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background-color:#8e8e93}.ios .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background-color:#fff}.ios .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background-color:#000}.range-slider{display:block;width:100%;position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-bar{position:absolute;left:0;top:50%;width:100%;overflow:hidden}.range-bar-active{position:absolute;right:0;top:0;height:100%}.range-knob-wrap{z-index:20;position:absolute;top:50%;right:0}.range-knob{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translateY(100%) scale(0);transform:translateY(100%) scale(0)}.range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.ios .range-slider{height:28px}.ios .range-bar{background:#b7b8b7;border-radius:2px;height:1px}.ios .range-bar-active{background:#007aff}.ios .range-knob-wrap{height:28px;width:28px;margin-top:-14px;margin-right:-14px}.ios .range-knob{background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3)}.ios .range-knob-label{min-width:20px;height:20px;line-height:20px;background:#fff;border-radius:5px;color:#000;font-size:12px;margin-bottom:6px;-webkit-transform:translateX(-50%) translateY(100%) scale(0);transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{-webkit-transform:translateX(-50%) translateY(0%) scale(1);transform:translateX(-50%) translateY(0%) scale(1)}.ios .color-theme-red .range-slider .range-bar-active{background-color:#ff3b30}.ios .color-theme-green .range-slider .range-bar-active{background-color:#4cd964}.ios .color-theme-blue .range-slider .range-bar-active{background-color:#007aff}.ios .color-theme-pink .range-slider .range-bar-active{background-color:#ff2d55}.ios .color-theme-yellow .range-slider .range-bar-active{background-color:#fc0}.ios .color-theme-orange .range-slider .range-bar-active{background-color:#ff9500}.ios .color-theme-gray .range-slider .range-bar-active{background-color:#8e8e93}.ios .color-theme-white .range-slider .range-bar-active{background-color:#fff}.ios .color-theme-black .range-slider .range-bar-active{background-color:#000}.ios .range-slider.color-red .range-bar-active{background-color:#ff3b30}.ios .range-slider.color-green .range-bar-active{background-color:#4cd964}.ios .range-slider.color-blue .range-bar-active{background-color:#007aff}.ios .range-slider.color-pink .range-bar-active{background-color:#ff2d55}.ios .range-slider.color-yellow .range-bar-active{background-color:#fc0}.ios .range-slider.color-orange .range-bar-active{background-color:#ff9500}.ios .range-slider.color-gray .range-bar-active{background-color:#8e8e93}.ios .range-slider.color-white .range-bar-active{background-color:#fff}.ios .range-slider.color-black .range-bar-active{background-color:#000}.stepper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.stepper-button,.stepper-button-minus,.stepper-button-plus{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-value{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.stepper-input-wrap,.stepper-value{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper .stepper-input-wrap input,.stepper .stepper-value{width:45px}.ios .stepper{height:29px}.ios .stepper-button,.ios .stepper-button-minus,.ios .stepper-button-plus{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px;width:40px}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-button-minus:first-child,.ios .stepper-button-plus:first-child,.ios .stepper-button:first-child{border-radius:0 5px 5px 0}.ios .stepper-button-minus:last-child,.ios .stepper-button-plus:last-child,.ios .stepper-button:last-child{border-radius:5px 0 0 5px}.ios .stepper-button-minus.active-state,.ios .stepper-button-plus.active-state,.ios .stepper-button.active-state{background:rgba(0,122,255,.15)}.ios .stepper-button+.stepper-button,.ios .stepper-button+.stepper-button-minus,.ios .stepper-button+.stepper-button-plus,.ios .stepper-button-minus+.stepper-button,.ios .stepper-button-minus+.stepper-button-minus,.ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-button-plus+.stepper-button,.ios .stepper-button-plus+.stepper-button-minus,.ios .stepper-button-plus+.stepper-button-plus{border-right:none}.ios .stepper-button-minus:after,.ios .stepper-button-minus:before,.ios .stepper-button-plus:after,.ios .stepper-button-plus:before{background:#007aff}.ios .stepper-input-wrap,.ios .stepper-value{border-top:1px solid #007aff;border-bottom:1px solid #007aff}.ios .stepper .stepper-value{color:#007aff;font-size:17px}.ios .stepper .stepper-input-wrap input{height:100%;text-align:center;color:#007aff;font-size:17px}.ios .stepper-fill .stepper-button,.ios .stepper-fill .stepper-button-minus,.ios .stepper-fill .stepper-button-plus,.ios .stepper-fill-ios .stepper-button,.ios .stepper-fill-ios .stepper-button-minus,.ios .stepper-fill-ios .stepper-button-plus{color:#fff;background:#007aff}.ios .stepper-fill .stepper-button-minus.active-state,.ios .stepper-fill .stepper-button-plus.active-state,.ios .stepper-fill .stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button.active-state{opacity:.8}.ios .stepper-fill .stepper-button-minus:after,.ios .stepper-fill .stepper-button-minus:before,.ios .stepper-fill .stepper-button-plus:after,.ios .stepper-fill .stepper-button-plus:before,.ios .stepper-fill-ios .stepper-button-minus:after,.ios .stepper-fill-ios .stepper-button-minus:before,.ios .stepper-fill-ios .stepper-button-plus:after,.ios .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper-fill .stepper-button+.stepper-button,.ios .stepper-fill .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus{border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-round .stepper-button-minus:first-child,.ios .stepper-round .stepper-button-plus:first-child,.ios .stepper-round .stepper-button:first-child,.ios .stepper-round-ios .stepper-button-minus:first-child,.ios .stepper-round-ios .stepper-button-plus:first-child,.ios .stepper-round-ios .stepper-button:first-child{border-radius:0 29px 29px 0}.ios .stepper-round .stepper-button-minus:last-child,.ios .stepper-round .stepper-button-plus:last-child,.ios .stepper-round .stepper-button:last-child,.ios .stepper-round-ios .stepper-button-minus:last-child,.ios .stepper-round-ios .stepper-button-plus:last-child,.ios .stepper-round-ios .stepper-button:last-child{border-radius:29px 0 0 29px}.ios .stepper-small,.ios .stepper-small-ios{height:26px}.ios .stepper-small .stepper-input-wrap,.ios .stepper-small .stepper-value,.ios .stepper-small-ios .stepper-input-wrap,.ios .stepper-small-ios .stepper-value{border-top-width:2px;border-bottom-width:2px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{height:26px;-webkit-transition-duration:.2s;transition-duration:.2s;line-height:22px;border-width:2px}.ios .stepper-small .stepper-button .f7-icons,.ios .stepper-small .stepper-button-minus .f7-icons,.ios .stepper-small .stepper-button-plus .f7-icons,.ios .stepper-small-ios .stepper-button .f7-icons,.ios .stepper-small-ios .stepper-button-minus .f7-icons,.ios .stepper-small-ios .stepper-button-plus .f7-icons{font-size:18px}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill .stepper-button.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent;opacity:1}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper-big,.ios .stepper-big-ios{height:44px}.ios .stepper-big .stepper-button,.ios .stepper-big .stepper-button-minus,.ios .stepper-big .stepper-button-plus,.ios .stepper-big-ios .stepper-button,.ios .stepper-big-ios .stepper-button-minus,.ios .stepper-big-ios .stepper-button-plus{height:44px;line-height:42px}.ios .color-theme-red .stepper-button,.ios .color-theme-red .stepper-button-minus,.ios .color-theme-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper-button-minus.active-state,.ios .color-theme-red .stepper-button-plus.active-state,.ios .color-theme-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper-button-minus:after,.ios .color-theme-red .stepper-button-minus:before,.ios .color-theme-red .stepper-button-plus:after,.ios .color-theme-red .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap,.ios .color-theme-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap input,.ios .color-theme-red .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button,.ios .color-theme-red .stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper-button,.ios .color-theme-green .stepper-button-minus,.ios .color-theme-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper-button-minus.active-state,.ios .color-theme-green .stepper-button-plus.active-state,.ios .color-theme-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper-button-minus:after,.ios .color-theme-green .stepper-button-minus:before,.ios .color-theme-green .stepper-button-plus:after,.ios .color-theme-green .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper-input-wrap,.ios .color-theme-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper-input-wrap input,.ios .color-theme-green .stepper-value{color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button,.ios .color-theme-green .stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper-button,.ios .color-theme-blue .stepper-button-minus,.ios .color-theme-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper-button-minus:after,.ios .color-theme-blue .stepper-button-minus:before,.ios .color-theme-blue .stepper-button-plus:after,.ios .color-theme-blue .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper-input-wrap,.ios .color-theme-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper-input-wrap input,.ios .color-theme-blue .stepper-value{color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button,.ios .color-theme-blue .stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper-button,.ios .color-theme-pink .stepper-button-minus,.ios .color-theme-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper-button-minus:after,.ios .color-theme-pink .stepper-button-minus:before,.ios .color-theme-pink .stepper-button-plus:after,.ios .color-theme-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap,.ios .color-theme-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap input,.ios .color-theme-pink .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button,.ios .color-theme-pink .stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper-button,.ios .color-theme-yellow .stepper-button-minus,.ios .color-theme-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper-button-minus:after,.ios .color-theme-yellow .stepper-button-minus:before,.ios .color-theme-yellow .stepper-button-plus:after,.ios .color-theme-yellow .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap,.ios .color-theme-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap input,.ios .color-theme-yellow .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button,.ios .color-theme-yellow .stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper-button,.ios .color-theme-orange .stepper-button-minus,.ios .color-theme-orange .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper-button-minus:after,.ios .color-theme-orange .stepper-button-minus:before,.ios .color-theme-orange .stepper-button-plus:after,.ios .color-theme-orange .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap,.ios .color-theme-orange .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap input,.ios .color-theme-orange .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button,.ios .color-theme-orange .stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper-button,.ios .color-theme-gray .stepper-button-minus,.ios .color-theme-gray .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper-button-minus:after,.ios .color-theme-gray .stepper-button-minus:before,.ios .color-theme-gray .stepper-button-plus:after,.ios .color-theme-gray .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap,.ios .color-theme-gray .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap input,.ios .color-theme-gray .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button,.ios .color-theme-gray .stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper-button,.ios .color-theme-white .stepper-button-minus,.ios .color-theme-white .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper-button-minus.active-state,.ios .color-theme-white .stepper-button-plus.active-state,.ios .color-theme-white .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper-button-minus:after,.ios .color-theme-white .stepper-button-minus:before,.ios .color-theme-white .stepper-button-plus:after,.ios .color-theme-white .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-input-wrap,.ios .color-theme-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper-input-wrap input,.ios .color-theme-white .stepper-value{color:#fff}.ios .color-theme-white .stepper-fill .stepper-button,.ios .color-theme-white .stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper-button,.ios .color-theme-black .stepper-button-minus,.ios .color-theme-black .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper-button-minus.active-state,.ios .color-theme-black .stepper-button-plus.active-state,.ios .color-theme-black .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper-button-minus:after,.ios .color-theme-black .stepper-button-minus:before,.ios .color-theme-black .stepper-button-plus:after,.ios .color-theme-black .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper-input-wrap,.ios .color-theme-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper-input-wrap input,.ios .color-theme-black .stepper-value{color:#000}.ios .color-theme-black .stepper-fill .stepper-button,.ios .color-theme-black .stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.ios .stepper.color-red .stepper-button,.ios .stepper.color-red .stepper-button-minus,.ios .stepper.color-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .stepper.color-red .stepper-button-minus.active-state,.ios .stepper.color-red .stepper-button-plus.active-state,.ios .stepper.color-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .stepper.color-red .stepper-button-minus:after,.ios .stepper.color-red .stepper-button-minus:before,.ios .stepper.color-red .stepper-button-plus:after,.ios .stepper.color-red .stepper-button-plus:before{background-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap,.ios .stepper.color-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input,.ios .stepper.color-red .stepper-value{color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button,.ios .stepper-fill-ios.color-red .stepper-button-minus,.ios .stepper-fill-ios.color-red .stepper-button-plus,.ios .stepper-fill.color-red .stepper-button,.ios .stepper-fill.color-red .stepper-button-minus,.ios .stepper-fill.color-red .stepper-button-plus{background-color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button-minus:after,.ios .stepper-fill-ios.color-red .stepper-button-minus:before,.ios .stepper-fill-ios.color-red .stepper-button-plus:after,.ios .stepper-fill-ios.color-red .stepper-button-plus:before,.ios .stepper-fill.color-red .stepper-button-minus:after,.ios .stepper-fill.color-red .stepper-button-minus:before,.ios .stepper-fill.color-red .stepper-button-plus:after,.ios .stepper-fill.color-red .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .stepper.color-green .stepper-button,.ios .stepper.color-green .stepper-button-minus,.ios .stepper.color-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .stepper.color-green .stepper-button-minus.active-state,.ios .stepper.color-green .stepper-button-plus.active-state,.ios .stepper.color-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .stepper.color-green .stepper-button-minus:after,.ios .stepper.color-green .stepper-button-minus:before,.ios .stepper.color-green .stepper-button-plus:after,.ios .stepper.color-green .stepper-button-plus:before{background-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap,.ios .stepper.color-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input,.ios .stepper.color-green .stepper-value{color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button,.ios .stepper-fill-ios.color-green .stepper-button-minus,.ios .stepper-fill-ios.color-green .stepper-button-plus,.ios .stepper-fill.color-green .stepper-button,.ios .stepper-fill.color-green .stepper-button-minus,.ios .stepper-fill.color-green .stepper-button-plus{background-color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button-minus:after,.ios .stepper-fill-ios.color-green .stepper-button-minus:before,.ios .stepper-fill-ios.color-green .stepper-button-plus:after,.ios .stepper-fill-ios.color-green .stepper-button-plus:before,.ios .stepper-fill.color-green .stepper-button-minus:after,.ios .stepper-fill.color-green .stepper-button-minus:before,.ios .stepper-fill.color-green .stepper-button-plus:after,.ios .stepper-fill.color-green .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .stepper.color-blue .stepper-button,.ios .stepper.color-blue .stepper-button-minus,.ios .stepper.color-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .stepper.color-blue .stepper-button-minus.active-state,.ios .stepper.color-blue .stepper-button-plus.active-state,.ios .stepper.color-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .stepper.color-blue .stepper-button-minus:after,.ios .stepper.color-blue .stepper-button-minus:before,.ios .stepper.color-blue .stepper-button-plus:after,.ios .stepper.color-blue .stepper-button-plus:before{background-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap,.ios .stepper.color-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input,.ios .stepper.color-blue .stepper-value{color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button,.ios .stepper-fill-ios.color-blue .stepper-button-minus,.ios .stepper-fill-ios.color-blue .stepper-button-plus,.ios .stepper-fill.color-blue .stepper-button,.ios .stepper-fill.color-blue .stepper-button-minus,.ios .stepper-fill.color-blue .stepper-button-plus{background-color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button-minus:after,.ios .stepper-fill-ios.color-blue .stepper-button-minus:before,.ios .stepper-fill-ios.color-blue .stepper-button-plus:after,.ios .stepper-fill-ios.color-blue .stepper-button-plus:before,.ios .stepper-fill.color-blue .stepper-button-minus:after,.ios .stepper-fill.color-blue .stepper-button-minus:before,.ios .stepper-fill.color-blue .stepper-button-plus:after,.ios .stepper-fill.color-blue .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper.color-pink .stepper-button,.ios .stepper.color-pink .stepper-button-minus,.ios .stepper.color-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .stepper.color-pink .stepper-button-minus.active-state,.ios .stepper.color-pink .stepper-button-plus.active-state,.ios .stepper.color-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .stepper.color-pink .stepper-button-minus:after,.ios .stepper.color-pink .stepper-button-minus:before,.ios .stepper.color-pink .stepper-button-plus:after,.ios .stepper.color-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap,.ios .stepper.color-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input,.ios .stepper.color-pink .stepper-value{color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button,.ios .stepper-fill-ios.color-pink .stepper-button-minus,.ios .stepper-fill-ios.color-pink .stepper-button-plus,.ios .stepper-fill.color-pink .stepper-button,.ios .stepper-fill.color-pink .stepper-button-minus,.ios .stepper-fill.color-pink .stepper-button-plus{background-color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button-minus:after,.ios .stepper-fill-ios.color-pink .stepper-button-minus:before,.ios .stepper-fill-ios.color-pink .stepper-button-plus:after,.ios .stepper-fill-ios.color-pink .stepper-button-plus:before,.ios .stepper-fill.color-pink .stepper-button-minus:after,.ios .stepper-fill.color-pink .stepper-button-minus:before,.ios .stepper-fill.color-pink .stepper-button-plus:after,.ios .stepper-fill.color-pink .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .stepper.color-yellow .stepper-button,.ios .stepper.color-yellow .stepper-button-minus,.ios .stepper.color-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .stepper.color-yellow .stepper-button-minus.active-state,.ios .stepper.color-yellow .stepper-button-plus.active-state,.ios .stepper.color-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .stepper.color-yellow .stepper-button-minus:after,.ios .stepper.color-yellow .stepper-button-minus:before,.ios .stepper.color-yellow .stepper-button-plus:after,.ios .stepper.color-yellow .stepper-button-plus:before{background-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap,.ios .stepper.color-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input,.ios .stepper.color-yellow .stepper-value{color:#fc0}.ios .stepper-fill-ios.color-yellow .stepper-button,.ios .stepper-fill-ios.color-yellow .stepper-button-minus,.ios .stepper-fill-ios.color-yellow .stepper-button-plus,.ios .stepper-fill.color-yellow .stepper-button,.ios .stepper-fill.color-yellow .stepper-button-minus,.ios .stepper-fill.color-yellow .stepper-button-plus{background-color:#fc0}.ios .stepper-fill-ios.color-yellow .stepper-button-minus:after,.ios .stepper-fill-ios.color-yellow .stepper-button-minus:before,.ios .stepper-fill-ios.color-yellow .stepper-button-plus:after,.ios .stepper-fill-ios.color-yellow .stepper-button-plus:before,.ios .stepper-fill.color-yellow .stepper-button-minus:after,.ios .stepper-fill.color-yellow .stepper-button-minus:before,.ios .stepper-fill.color-yellow .stepper-button-plus:after,.ios .stepper-fill.color-yellow .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-yellow.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-yellow.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-yellow.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .stepper.color-orange .stepper-button,.ios .stepper.color-orange .stepper-button-minus,.ios .stepper.color-orange .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .stepper.color-orange .stepper-button-minus.active-state,.ios .stepper.color-orange .stepper-button-plus.active-state,.ios .stepper.color-orange .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .stepper.color-orange .stepper-button-minus:after,.ios .stepper.color-orange .stepper-button-minus:before,.ios .stepper.color-orange .stepper-button-plus:after,.ios .stepper.color-orange .stepper-button-plus:before{background-color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap,.ios .stepper.color-orange .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input,.ios .stepper.color-orange .stepper-value{color:#ff9500}.ios .stepper-fill-ios.color-orange .stepper-button,.ios .stepper-fill-ios.color-orange .stepper-button-minus,.ios .stepper-fill-ios.color-orange .stepper-button-plus,.ios .stepper-fill.color-orange .stepper-button,.ios .stepper-fill.color-orange .stepper-button-minus,.ios .stepper-fill.color-orange .stepper-button-plus{background-color:#ff9500}.ios .stepper-fill-ios.color-orange .stepper-button-minus:after,.ios .stepper-fill-ios.color-orange .stepper-button-minus:before,.ios .stepper-fill-ios.color-orange .stepper-button-plus:after,.ios .stepper-fill-ios.color-orange .stepper-button-plus:before,.ios .stepper-fill.color-orange .stepper-button-minus:after,.ios .stepper-fill.color-orange .stepper-button-minus:before,.ios .stepper-fill.color-orange .stepper-button-plus:after,.ios .stepper-fill.color-orange .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-orange.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-orange.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-orange.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-orange.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .stepper.color-gray .stepper-button,.ios .stepper.color-gray .stepper-button-minus,.ios .stepper.color-gray .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .stepper.color-gray .stepper-button-minus.active-state,.ios .stepper.color-gray .stepper-button-plus.active-state,.ios .stepper.color-gray .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .stepper.color-gray .stepper-button-minus:after,.ios .stepper.color-gray .stepper-button-minus:before,.ios .stepper.color-gray .stepper-button-plus:after,.ios .stepper.color-gray .stepper-button-plus:before{background-color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap,.ios .stepper.color-gray .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input,.ios .stepper.color-gray .stepper-value{color:#8e8e93}.ios .stepper-fill-ios.color-gray .stepper-button,.ios .stepper-fill-ios.color-gray .stepper-button-minus,.ios .stepper-fill-ios.color-gray .stepper-button-plus,.ios .stepper-fill.color-gray .stepper-button,.ios .stepper-fill.color-gray .stepper-button-minus,.ios .stepper-fill.color-gray .stepper-button-plus{background-color:#8e8e93}.ios .stepper-fill-ios.color-gray .stepper-button-minus:after,.ios .stepper-fill-ios.color-gray .stepper-button-minus:before,.ios .stepper-fill-ios.color-gray .stepper-button-plus:after,.ios .stepper-fill-ios.color-gray .stepper-button-plus:before,.ios .stepper-fill.color-gray .stepper-button-minus:after,.ios .stepper-fill.color-gray .stepper-button-minus:before,.ios .stepper-fill.color-gray .stepper-button-plus:after,.ios .stepper-fill.color-gray .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-gray.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-gray.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-gray.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-gray.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .stepper.color-white .stepper-button,.ios .stepper.color-white .stepper-button-minus,.ios .stepper.color-white .stepper-button-plus{border-color:#fff;color:#fff}.ios .stepper.color-white .stepper-button-minus.active-state,.ios .stepper.color-white .stepper-button-plus.active-state,.ios .stepper.color-white .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .stepper.color-white .stepper-button-minus:after,.ios .stepper.color-white .stepper-button-minus:before,.ios .stepper.color-white .stepper-button-plus:after,.ios .stepper.color-white .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white .stepper-input-wrap,.ios .stepper.color-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .stepper.color-white .stepper-input-wrap input,.ios .stepper.color-white .stepper-value{color:#fff}.ios .stepper-fill-ios.color-white .stepper-button,.ios .stepper-fill-ios.color-white .stepper-button-minus,.ios .stepper-fill-ios.color-white .stepper-button-plus,.ios .stepper-fill.color-white .stepper-button,.ios .stepper-fill.color-white .stepper-button-minus,.ios .stepper-fill.color-white .stepper-button-plus{background-color:#fff}.ios .stepper-fill-ios.color-white .stepper-button-minus:after,.ios .stepper-fill-ios.color-white .stepper-button-minus:before,.ios .stepper-fill-ios.color-white .stepper-button-plus:after,.ios .stepper-fill-ios.color-white .stepper-button-plus:before,.ios .stepper-fill.color-white .stepper-button-minus:after,.ios .stepper-fill.color-white .stepper-button-minus:before,.ios .stepper-fill.color-white .stepper-button-plus:after,.ios .stepper-fill.color-white .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-white.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-white.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-white.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-white.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .stepper.color-black .stepper-button,.ios .stepper.color-black .stepper-button-minus,.ios .stepper.color-black .stepper-button-plus{border-color:#000;color:#000}.ios .stepper.color-black .stepper-button-minus.active-state,.ios .stepper.color-black .stepper-button-plus.active-state,.ios .stepper.color-black .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .stepper.color-black .stepper-button-minus:after,.ios .stepper.color-black .stepper-button-minus:before,.ios .stepper.color-black .stepper-button-plus:after,.ios .stepper.color-black .stepper-button-plus:before{background-color:#000}.ios .stepper.color-black .stepper-input-wrap,.ios .stepper.color-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .stepper.color-black .stepper-input-wrap input,.ios .stepper.color-black .stepper-value{color:#000}.ios .stepper-fill-ios.color-black .stepper-button,.ios .stepper-fill-ios.color-black .stepper-button-minus,.ios .stepper-fill-ios.color-black .stepper-button-plus,.ios .stepper-fill.color-black .stepper-button,.ios .stepper-fill.color-black .stepper-button-minus,.ios .stepper-fill.color-black .stepper-button-plus{background-color:#000}.ios .stepper-fill-ios.color-black .stepper-button-minus:after,.ios .stepper-fill-ios.color-black .stepper-button-minus:before,.ios .stepper-fill-ios.color-black .stepper-button-plus:after,.ios .stepper-fill-ios.color-black .stepper-button-plus:before,.ios .stepper-fill.color-black .stepper-button-minus:after,.ios .stepper-fill.color-black .stepper-button-minus:before,.ios .stepper-fill.color-black .stepper-button-plus:after,.ios .stepper-fill.color-black .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-black.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-black.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-black.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-black.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.sheet-modal.smart-select-sheet .sheet-modal-inner{background:#fff}.sheet-modal.smart-select-sheet .list{margin:0}.sheet-modal.smart-select-sheet .list ul:before{display:none!important}.sheet-modal.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios .smart-select-sheet .page{background:#fff}.ios .smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .smart-select-sheet .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .smart-select-sheet .page,.ios .theme-dark .smart-select-sheet .sheet-modal-inner{background-color:#1c1c1d}.ios .theme-dark .smart-select-sheet .toolbar:after{background-color:#282829}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.row>.col,.row>[class*=col-]{-webkit-box-sizing:border-box;box-sizing:border-box}.row .col{width:100%}.ios .row .col-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .col-100{width:100%}.ios .row .col-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .col-95{width:95%}.ios .row .col-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .col-90{width:90%}.ios .row .col-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .col-85{width:85%}.ios .row .col-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .col-80{width:80%}.ios .row .col-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .col-75{width:75%}.ios .row .col-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .col-70{width:70%}.ios .row .col-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .col-66{width:66.66666666666666%}.ios .row .col-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .col-65{width:65%}.ios .row .col-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .col-60{width:60%}.ios .row .col-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .col-55{width:55%}.ios .row .col-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .col-50{width:50%}.ios .row .col-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .col-45{width:45%}.ios .row .col-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .col-40{width:40%}.ios .row .col-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .col-35{width:35%}.ios .row .col-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .col-33{width:33.333333333333336%}.ios .row .col-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .col-30{width:30%}.ios .row .col-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .col-25{width:25%}.ios .row .col-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .col-20{width:20%}.ios .row .col-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .col-15{width:15%}.ios .row .col-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .col-10{width:10%}.ios .row .col-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .col-5{width:5%}.ios .row .col:nth-last-child(1),.ios .row .col:nth-last-child(1)~.col{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .col:nth-last-child(1),.ios .row.no-gap .col:nth-last-child(1)~.col{width:100%}.ios .row .col:nth-last-child(2),.ios .row .col:nth-last-child(2)~.col{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .col:nth-last-child(2),.ios .row.no-gap .col:nth-last-child(2)~.col{width:50%}.ios .row .col:nth-last-child(3),.ios .row .col:nth-last-child(3)~.col{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .col:nth-last-child(3),.ios .row.no-gap .col:nth-last-child(3)~.col{width:33.33333333%}.ios .row .col:nth-last-child(4),.ios .row .col:nth-last-child(4)~.col{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .col:nth-last-child(4),.ios .row.no-gap .col:nth-last-child(4)~.col{width:25%}.ios .row .col:nth-last-child(5),.ios .row .col:nth-last-child(5)~.col{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .col:nth-last-child(5),.ios .row.no-gap .col:nth-last-child(5)~.col{width:20%}.ios .row .col:nth-last-child(6),.ios .row .col:nth-last-child(6)~.col{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .col:nth-last-child(6),.ios .row.no-gap .col:nth-last-child(6)~.col{width:16.66666667%}.ios .row .col:nth-last-child(7),.ios .row .col:nth-last-child(7)~.col{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .col:nth-last-child(7),.ios .row.no-gap .col:nth-last-child(7)~.col{width:14.28571429%}.ios .row .col:nth-last-child(8),.ios .row .col:nth-last-child(8)~.col{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .col:nth-last-child(8),.ios .row.no-gap .col:nth-last-child(8)~.col{width:12.5%}.ios .row .col:nth-last-child(9),.ios .row .col:nth-last-child(9)~.col{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .col:nth-last-child(9),.ios .row.no-gap .col:nth-last-child(9)~.col{width:11.11111111%}.ios .row .col:nth-last-child(10),.ios .row .col:nth-last-child(10)~.col{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .col:nth-last-child(10),.ios .row.no-gap .col:nth-last-child(10)~.col{width:10%}.ios .row .col:nth-last-child(11),.ios .row .col:nth-last-child(11)~.col{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .col:nth-last-child(11),.ios .row.no-gap .col:nth-last-child(11)~.col{width:9.09090909%}.ios .row .col:nth-last-child(12),.ios .row .col:nth-last-child(12)~.col{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .col:nth-last-child(12),.ios .row.no-gap .col:nth-last-child(12)~.col{width:8.33333333%}.ios .row .col:nth-last-child(13),.ios .row .col:nth-last-child(13)~.col{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .col:nth-last-child(13),.ios .row.no-gap .col:nth-last-child(13)~.col{width:7.69230769%}.ios .row .col:nth-last-child(14),.ios .row .col:nth-last-child(14)~.col{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .col:nth-last-child(14),.ios .row.no-gap .col:nth-last-child(14)~.col{width:7.14285714%}.ios .row .col:nth-last-child(15),.ios .row .col:nth-last-child(15)~.col{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .col:nth-last-child(15),.ios .row.no-gap .col:nth-last-child(15)~.col{width:6.66666667%}.ios .row .col:nth-last-child(16),.ios .row .col:nth-last-child(16)~.col{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .col:nth-last-child(16),.ios .row.no-gap .col:nth-last-child(16)~.col{width:6.25%}.ios .row .col:nth-last-child(17),.ios .row .col:nth-last-child(17)~.col{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .col:nth-last-child(17),.ios .row.no-gap .col:nth-last-child(17)~.col{width:5.88235294%}.ios .row .col:nth-last-child(18),.ios .row .col:nth-last-child(18)~.col{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .col:nth-last-child(18),.ios .row.no-gap .col:nth-last-child(18)~.col{width:5.55555556%}.ios .row .col:nth-last-child(19),.ios .row .col:nth-last-child(19)~.col{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .col:nth-last-child(19),.ios .row.no-gap .col:nth-last-child(19)~.col{width:5.26315789%}.ios .row .col:nth-last-child(20),.ios .row .col:nth-last-child(20)~.col{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .col:nth-last-child(20),.ios .row.no-gap .col:nth-last-child(20)~.col{width:5%}.ios .row .col:nth-last-child(21),.ios .row .col:nth-last-child(21)~.col{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .col:nth-last-child(21),.ios .row.no-gap .col:nth-last-child(21)~.col{width:4.76190476%}@media (min-width:768px){.ios .row .tablet-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .tablet-100{width:100%}.ios .row .tablet-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .tablet-95{width:95%}.ios .row .tablet-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .tablet-90{width:90%}.ios .row .tablet-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .tablet-85{width:85%}.ios .row .tablet-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .tablet-80{width:80%}.ios .row .tablet-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .tablet-75{width:75%}.ios .row .tablet-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .tablet-70{width:70%}.ios .row .tablet-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .tablet-66{width:66.66666666666666%}.ios .row .tablet-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .tablet-65{width:65%}.ios .row .tablet-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .tablet-60{width:60%}.ios .row .tablet-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .tablet-55{width:55%}.ios .row .tablet-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .tablet-50{width:50%}.ios .row .tablet-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .tablet-45{width:45%}.ios .row .tablet-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .tablet-40{width:40%}.ios .row .tablet-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .tablet-35{width:35%}.ios .row .tablet-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .tablet-33{width:33.333333333333336%}.ios .row .tablet-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .tablet-30{width:30%}.ios .row .tablet-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .tablet-25{width:25%}.ios .row .tablet-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .tablet-20{width:20%}.ios .row .tablet-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .tablet-15{width:15%}.ios .row .tablet-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .tablet-10{width:10%}.ios .row .tablet-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .tablet-5{width:5%}.ios .row .tablet-auto:nth-last-child(1),.ios .row .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .tablet-auto:nth-last-child(1),.ios .row.no-gap .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%}.ios .row .tablet-auto:nth-last-child(2),.ios .row .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .tablet-auto:nth-last-child(2),.ios .row.no-gap .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%}.ios .row .tablet-auto:nth-last-child(3),.ios .row .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .tablet-auto:nth-last-child(3),.ios .row.no-gap .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%}.ios .row .tablet-auto:nth-last-child(4),.ios .row .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .tablet-auto:nth-last-child(4),.ios .row.no-gap .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%}.ios .row .tablet-auto:nth-last-child(5),.ios .row .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .tablet-auto:nth-last-child(5),.ios .row.no-gap .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%}.ios .row .tablet-auto:nth-last-child(6),.ios .row .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .tablet-auto:nth-last-child(6),.ios .row.no-gap .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%}.ios .row .tablet-auto:nth-last-child(7),.ios .row .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .tablet-auto:nth-last-child(7),.ios .row.no-gap .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%}.ios .row .tablet-auto:nth-last-child(8),.ios .row .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .tablet-auto:nth-last-child(8),.ios .row.no-gap .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%}.ios .row .tablet-auto:nth-last-child(9),.ios .row .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .tablet-auto:nth-last-child(9),.ios .row.no-gap .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%}.ios .row .tablet-auto:nth-last-child(10),.ios .row .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .tablet-auto:nth-last-child(10),.ios .row.no-gap .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%}.ios .row .tablet-auto:nth-last-child(11),.ios .row .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .tablet-auto:nth-last-child(11),.ios .row.no-gap .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%}.ios .row .tablet-auto:nth-last-child(12),.ios .row .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .tablet-auto:nth-last-child(12),.ios .row.no-gap .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%}.ios .row .tablet-auto:nth-last-child(13),.ios .row .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .tablet-auto:nth-last-child(13),.ios .row.no-gap .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%}.ios .row .tablet-auto:nth-last-child(14),.ios .row .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .tablet-auto:nth-last-child(14),.ios .row.no-gap .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%}.ios .row .tablet-auto:nth-last-child(15),.ios .row .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .tablet-auto:nth-last-child(15),.ios .row.no-gap .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%}.ios .row .tablet-auto:nth-last-child(16),.ios .row .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .tablet-auto:nth-last-child(16),.ios .row.no-gap .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%}.ios .row .tablet-auto:nth-last-child(17),.ios .row .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .tablet-auto:nth-last-child(17),.ios .row.no-gap .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%}.ios .row .tablet-auto:nth-last-child(18),.ios .row .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .tablet-auto:nth-last-child(18),.ios .row.no-gap .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%}.ios .row .tablet-auto:nth-last-child(19),.ios .row .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .tablet-auto:nth-last-child(19),.ios .row.no-gap .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%}.ios .row .tablet-auto:nth-last-child(20),.ios .row .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .tablet-auto:nth-last-child(20),.ios .row.no-gap .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%}.ios .row .tablet-auto:nth-last-child(21),.ios .row .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .tablet-auto:nth-last-child(21),.ios .row.no-gap .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%}}@media (min-width:1025px){.ios .row .desktop-100{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .desktop-100{width:100%}.ios .row .desktop-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.ios .row.no-gap .desktop-95{width:95%}.ios .row .desktop-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.ios .row.no-gap .desktop-90{width:90%}.ios .row .desktop-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.ios .row.no-gap .desktop-85{width:85%}.ios .row .desktop-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.ios .row.no-gap .desktop-80{width:80%}.ios .row .desktop-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.ios .row.no-gap .desktop-75{width:75%}.ios .row .desktop-70{width:70%;width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)}.ios .row.no-gap .desktop-70{width:70%}.ios .row .desktop-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.ios .row.no-gap .desktop-66{width:66.66666666666666%}.ios .row .desktop-65{width:65%;width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)}.ios .row.no-gap .desktop-65{width:65%}.ios .row .desktop-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.ios .row.no-gap .desktop-60{width:60%}.ios .row .desktop-55{width:55%;width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)}.ios .row.no-gap .desktop-55{width:55%}.ios .row .desktop-50{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .desktop-50{width:50%}.ios .row .desktop-45{width:45%;width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)}.ios .row.no-gap .desktop-45{width:45%}.ios .row .desktop-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.ios .row.no-gap .desktop-40{width:40%}.ios .row .desktop-35{width:35%;width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)}.ios .row.no-gap .desktop-35{width:35%}.ios .row .desktop-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .desktop-33{width:33.333333333333336%}.ios .row .desktop-30{width:30%;width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)}.ios .row.no-gap .desktop-30{width:30%}.ios .row .desktop-25{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .desktop-25{width:25%}.ios .row .desktop-20{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .desktop-20{width:20%}.ios .row .desktop-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.ios .row.no-gap .desktop-15{width:15%}.ios .row .desktop-10{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .desktop-10{width:10%}.ios .row .desktop-5{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .desktop-5{width:5%}.ios .row .desktop-auto:nth-last-child(1),.ios .row .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.ios .row.no-gap .desktop-auto:nth-last-child(1),.ios .row.no-gap .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%}.ios .row .desktop-auto:nth-last-child(2),.ios .row .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.ios .row.no-gap .desktop-auto:nth-last-child(2),.ios .row.no-gap .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%}.ios .row .desktop-auto:nth-last-child(3),.ios .row .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.ios .row.no-gap .desktop-auto:nth-last-child(3),.ios .row.no-gap .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%}.ios .row .desktop-auto:nth-last-child(4),.ios .row .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.ios .row.no-gap .desktop-auto:nth-last-child(4),.ios .row.no-gap .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%}.ios .row .desktop-auto:nth-last-child(5),.ios .row .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.ios .row.no-gap .desktop-auto:nth-last-child(5),.ios .row.no-gap .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%}.ios .row .desktop-auto:nth-last-child(6),.ios .row .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.ios .row.no-gap .desktop-auto:nth-last-child(6),.ios .row.no-gap .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%}.ios .row .desktop-auto:nth-last-child(7),.ios .row .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.ios .row.no-gap .desktop-auto:nth-last-child(7),.ios .row.no-gap .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%}.ios .row .desktop-auto:nth-last-child(8),.ios .row .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.ios .row.no-gap .desktop-auto:nth-last-child(8),.ios .row.no-gap .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%}.ios .row .desktop-auto:nth-last-child(9),.ios .row .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.ios .row.no-gap .desktop-auto:nth-last-child(9),.ios .row.no-gap .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%}.ios .row .desktop-auto:nth-last-child(10),.ios .row .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.ios .row.no-gap .desktop-auto:nth-last-child(10),.ios .row.no-gap .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%}.ios .row .desktop-auto:nth-last-child(11),.ios .row .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.ios .row.no-gap .desktop-auto:nth-last-child(11),.ios .row.no-gap .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%}.ios .row .desktop-auto:nth-last-child(12),.ios .row .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.ios .row.no-gap .desktop-auto:nth-last-child(12),.ios .row.no-gap .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%}.ios .row .desktop-auto:nth-last-child(13),.ios .row .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.ios .row.no-gap .desktop-auto:nth-last-child(13),.ios .row.no-gap .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%}.ios .row .desktop-auto:nth-last-child(14),.ios .row .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.ios .row.no-gap .desktop-auto:nth-last-child(14),.ios .row.no-gap .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%}.ios .row .desktop-auto:nth-last-child(15),.ios .row .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.ios .row.no-gap .desktop-auto:nth-last-child(15),.ios .row.no-gap .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%}.ios .row .desktop-auto:nth-last-child(16),.ios .row .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%;width:calc((100% - 15px*15)/ 16)}.ios .row.no-gap .desktop-auto:nth-last-child(16),.ios .row.no-gap .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%}.ios .row .desktop-auto:nth-last-child(17),.ios .row .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%;width:calc((100% - 15px*16)/ 17)}.ios .row.no-gap .desktop-auto:nth-last-child(17),.ios .row.no-gap .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%}.ios .row .desktop-auto:nth-last-child(18),.ios .row .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%;width:calc((100% - 15px*17)/ 18)}.ios .row.no-gap .desktop-auto:nth-last-child(18),.ios .row.no-gap .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%}.ios .row .desktop-auto:nth-last-child(19),.ios .row .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%;width:calc((100% - 15px*18)/ 19)}.ios .row.no-gap .desktop-auto:nth-last-child(19),.ios .row.no-gap .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%}.ios .row .desktop-auto:nth-last-child(20),.ios .row .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%;width:calc((100% - 15px*19)/ 20)}.ios .row.no-gap .desktop-auto:nth-last-child(20),.ios .row.no-gap .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%}.ios .row .desktop-auto:nth-last-child(21),.ios .row .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%;width:calc((100% - 15px*20)/ 21)}.ios .row.no-gap .desktop-auto:nth-last-child(21),.ios .row.no-gap .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%}}.calendar{overflow:hidden;height:320px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calendar.modal-in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:220px}.calendar.calendar-modal{height:calc(100vh - 44px)}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-modal{position:absolute;height:420px;overflow:hidden;top:50%;left:50%;min-width:300px;max-width:380px;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:12000;background:#fff;width:90%;border-radius:4px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.calendar-modal.modal-in,.calendar-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.calendar-modal.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.calendar-popover{width:320px}.calendar-popover .calendar{height:320px}.calendar-week-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:11px}.calendar-week-header .calendar-week-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);text-align:center}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.calendar-month{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:#000;height:100%}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:#b8b8b8}.calendar-day.calendar-day-disabled{color:#d4d4d4;cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.calendar-day .calendar-day-number{display:inline-block;border-radius:100%;position:relative}.calendar-day .calendar-day-events{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;width:100%;top:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:4px;height:4px;border-radius:50%}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.ios .calendar-header{height:44px;background:#f7f7f8;font-size:17px;line-height:44px;font-weight:600;padding:0 8px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ios .calendar-footer{position:relative;padding:0 8px;width:100%;height:44px;background:#f7f7f8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:17px}.ios .calendar-footer:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-week-header{background:#f7f7f8;height:18px}.ios .calendar-week-header .calendar-week-day{line-height:18px}.ios .calendar-row:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-row:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-row:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-day{font-size:15px}.ios .calendar-day.calendar-day-today .calendar-day-number{background:#e3e3e3}.ios .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .calendar-day .calendar-day-number{width:30px;height:30px;line-height:30px}.ios .calendar-day .calendar-day-event{background:#007aff}.ios .calendar-month-selector a.icon-only,.ios .calendar-year-selector a.icon-only{min-width:36px}.ios .calendar-sheet:before{content:'';position:absolute;background-color:#929499;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-sheet{background:#fff}.ios .calendar-sheet:before{z-index:600}.ios .calendar-sheet .toolbar:before{display:none!important}.ios .calendar-modal .toolbar:before,.ios .calendar-popover .toolbar:before{display:none!important}.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.ios .calendar-popover .toolbar{background:0 0}.ios .calendar-popover .calendar-footer,.ios .calendar-popover .calendar-header,.ios .calendar-popover .calendar-week-header{background:0 0}.ios.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-left-edge.calendar .calendar-row,.ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .panel-left.calendar .calendar-row,.ios.device-iphone-x .panel-left.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-right-edge.calendar .calendar-row,.ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .panel-right.calendar .calendar-row,.ios.device-iphone-x .panel-right.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.calendar.ios .theme-dark .calendar-footer,.calendar.ios .theme-dark .calendar-header,.calendar.ios .theme-dark .calendar-week-header,.ios .theme-dark .calendar .calendar-footer,.ios .theme-dark .calendar .calendar-header,.ios .theme-dark .calendar .calendar-week-header{background-color:#1b1b1b}.ios .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.ios .theme-dark .calendar-footer:before,.ios .theme-dark .calendar-row:before,.ios .theme-dark .calendar-sheet:before{background-color:#282829}.ios .theme-dark .calendar-day{color:#fff}.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number{background:#333}.ios .theme-dark .calendar-day.calendar-day-disabled{color:#8e8e93}.ios .theme-dark .calendar-day.calendar-day-next,.ios .theme-dark .calendar-day.calendar-day-prev{color:#555}.calendar-modal.ios .theme-dark,.ios .theme-dark .calendar-modal,.ios .theme-dark .calendar-sheet{background:#171717}.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#ff3b30}.ios .color-red .calendar-day .calendar-day-event,.ios .color-theme-red .calendar-day .calendar-day-event{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4cd964}.ios .color-green .calendar-day .calendar-day-event,.ios .color-theme-green .calendar-day .calendar-day-event{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .color-blue .calendar-day .calendar-day-event,.ios .color-theme-blue .calendar-day .calendar-day-event{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#ff2d55}.ios .color-pink .calendar-day .calendar-day-event,.ios .color-theme-pink .calendar-day .calendar-day-event{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#fc0}.ios .color-theme-yellow .calendar-day .calendar-day-event,.ios .color-yellow .calendar-day .calendar-day-event{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9500}.ios .color-orange .calendar-day .calendar-day-event,.ios .color-theme-orange .calendar-day .calendar-day-event{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#8e8e93}.ios .color-gray .calendar-day .calendar-day-event,.ios .color-theme-gray .calendar-day .calendar-day-event{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff}.ios .color-theme-white .calendar-day .calendar-day-event,.ios .color-white .calendar-day .calendar-day-event{background:#fff}.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000}.ios .color-black .calendar-day .calendar-day-event,.ios .color-theme-black .calendar-day .calendar-day-event{background:#000}.picker{width:100%;height:260px}.picker.picker-inline,.popover .picker{height:200px}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:200px}}.picker-popover{width:280px}.picker-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.picker-items{-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.picker-item{height:36px;line-height:36px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{-webkit-transform:translate3d(0,0,0) rotateX(0deg);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.picker-3d .picker-columns{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ios .picker-columns{font-size:24px}.ios .picker-column-divider{color:#000}.ios .picker-item{color:#707274}.ios .picker-item.picker-item-selected{color:#000}.ios .picker-popover .toolbar{background:0 0}.ios .picker-popover .toolbar:before{display:none!important}.ios .picker-popover .picker>.toolbar+.picker-columns{height:calc(100% - 44px)}.ios .picker-popover .toolbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .picker-popover .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-popover .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .picker-center-highlight:before{content:'';position:absolute;background-color:#a8abb0;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .picker-center-highlight:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-center-highlight:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .picker-center-highlight:after{content:'';position:absolute;background-color:#a8abb0;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .picker-center-highlight:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .picker-center-highlight:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .theme-dark .picker-item.picker-item-selected{color:#fff}.ios .theme-dark .picker-popover .toolbar:after,.picker-popover.ios .theme-dark .toolbar:after{background-color:#282829}.ios .theme-dark .picker-center-highlight:before{background-color:#282829}.ios .theme-dark .picker-center-highlight:after{background-color:#282829}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.ptr-preloader .preloader{position:absolute;left:50%}.ios .ptr-preloader{position:relative;height:44px;margin-top:-44px;width:100%;left:0;top:0}.ios .ptr-preloader .preloader{width:27px;height:27px;margin-left:-13px;margin-top:-13px;visibility:hidden;top:50%}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;-webkit-transform:rotate(0deg) translate3d(0,0,0);transform:rotate(0deg) translate3d(0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:13px;height:20px;margin-left:-6px;margin-top:-10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");background-size:13px 20px;visibility:visible}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{-webkit-animation:none;animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.ios .ptr-refreshing{-webkit-transform:translate3d(0,44px,0);transform:translate3d(0,44px,0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{-webkit-transform:rotate(180deg) translate3d(0,0,0);transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:-44px;height:calc(100% + 44px)}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.lazy-loaded.lazy-fade-in{-webkit-animation:lazyFadeIn .6s;animation:lazyFadeIn .6s}@-webkit-keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead{font-size:12px}.data-table thead td,.data-table thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top}.data-table td,.data-table th{padding:0;position:relative}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:18px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);opacity:0}html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.card .data-table .card-header,.data-table.card .card-header{height:64px}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.data-table .data-table-actions,.data-table .data-table-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-actions{margin-right:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.data-table .data-table-actions a.link{min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.data-table .data-table-header-selected{display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-title-selected{font-size:14px}.data-table .data-table-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:12px;overflow:hidden;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;-webkit-transform:none!important;transform:none!important;font-size:12px;margin-left:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.theme-dark .data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}.ios .data-table thead td,.ios .data-table thead th{font-weight:600}.ios .data-table thead td:not(.sortable-cell-active),.ios .data-table thead th:not(.sortable-cell-active){color:#8e8e93}.ios .data-table thead i.f7-icons,.ios .data-table thead i.icon{font-size:18px;width:18px;height:18px}.ios .data-table tbody tr.data-table-row-selected{background:#f7f7f8}.ios .data-table td,.ios .data-table th{padding-left:15px;padding-right:15px;height:44px}.ios .data-table td.checkbox-cell,.ios .data-table th.checkbox-cell{width:22px;padding-left:7px}.ios .data-table td.checkbox-cell+td,.ios .data-table td.checkbox-cell+th,.ios .data-table th.checkbox-cell+td,.ios .data-table th.checkbox-cell+th{padding-right:8px}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:15px}.ios .data-table td.actions-cell a.icon-only,.ios .data-table th.actions-cell a.icon-only{width:18px;height:18px;line-height:18px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .card .data-table .card-footer,.ios .card .data-table .card-header,.ios .data-table.card .card-footer,.ios .data-table.card .card-header{padding-right:15px;padding-left:8px}.ios .data-table-title{font-size:17px;font-weight:600}.ios .data-table-actions a.link+a.link,.ios .data-table-links a.link+a.link{margin-right:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-actions i.f7-icons,.ios .data-table-actions i.icon{font-size:22px}.ios .data-table .card-header>.data-table-header,.ios .data-table .card-header>.data-table-header-selected{padding-top:10px;padding-bottom:10px;height:100%;padding-right:15px;padding-left:8px;margin-right:-15px;margin-left:-8px}.ios .data-table-header-selected{background:rgba(0,122,255,.1)}.ios .data-table-title-selected{color:#007aff}.ios .data-table tbody td:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios.device-desktop .data-table tbody tr:hover{background:#f7f7f8}.ios .data-table-footer{height:44px;color:#8e8e93}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:15px}.ios .data-table-footer:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.ios .input-cell .table-head-label+.input{margin-top:4px}.ios .input-cell .input{height:24px}.ios .input-cell .input input,.ios .input-cell .input select,.ios .input-cell .input textarea{height:24px;color:#000;font-size:14px}@media (max-width:480px) and (orientation:portrait){.ios .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:#8e8e93;font-weight:600}.ios .data-table-collapsible tr:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.ios .theme-dark tbody td:before,.ios .theme-dark .data-table tbody td:before{background-color:#282829}.data-table.ios .theme-dark.data-table-collapsible tr:before,.ios .theme-dark .data-table.data-table-collapsible tr:before{background-color:#282829}.data-table.ios .theme-dark tbody tr.data-table-row-selected,.ios .theme-dark .data-table tbody tr.data-table-row-selected{background-color:#363636}.ios.device-desktop .theme-dark .data-table tbody tr:hover,.ios.device-desktop .theme-dark.data-table tbody tr:hover{background:#363636}.ios .color-theme-red .data-table-header-selected,.ios .data-table-header-selected.color-red{background:rgba(255,59,48,.1)}.ios .color-red .data-table-title-selected,.ios .color-theme-red .data-table-title-selected{color:#ff3b30}.ios .color-theme-green .data-table-header-selected,.ios .data-table-header-selected.color-green{background:rgba(76,217,100,.1)}.ios .color-green .data-table-title-selected,.ios .color-theme-green .data-table-title-selected{color:#4cd964}.ios .color-theme-blue .data-table-header-selected,.ios .data-table-header-selected.color-blue{background:rgba(0,122,255,.1)}.ios .color-blue .data-table-title-selected,.ios .color-theme-blue .data-table-title-selected{color:#007aff}.ios .color-theme-pink .data-table-header-selected,.ios .data-table-header-selected.color-pink{background:rgba(255,45,85,.1)}.ios .color-pink .data-table-title-selected,.ios .color-theme-pink .data-table-title-selected{color:#ff2d55}.ios .color-theme-yellow .data-table-header-selected,.ios .data-table-header-selected.color-yellow{background:rgba(255,204,0,.1)}.ios .color-theme-yellow .data-table-title-selected,.ios .color-yellow .data-table-title-selected{color:#fc0}.ios .color-theme-orange .data-table-header-selected,.ios .data-table-header-selected.color-orange{background:rgba(255,149,0,.1)}.ios .color-orange .data-table-title-selected,.ios .color-theme-orange .data-table-title-selected{color:#ff9500}.ios .color-theme-gray .data-table-header-selected,.ios .data-table-header-selected.color-gray{background:rgba(142,142,147,.1)}.ios .color-gray .data-table-title-selected,.ios .color-theme-gray .data-table-title-selected{color:#8e8e93}.ios .color-theme-white .data-table-header-selected,.ios .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.ios .color-theme-white .data-table-title-selected,.ios .color-white .data-table-title-selected{color:#fff}.ios .color-theme-black .data-table-header-selected,.ios .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.ios .color-black .data-table-title-selected,.ios .color-theme-black .data-table-title-selected{color:#000}.fab{position:absolute;z-index:1500}.fab-buttons a,.fab>a{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;z-index:1}.fab>a i{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);-webkit-transition:.3s;transition:.3s}.fab>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab[class*=fab-center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fab div.fab-buttons a{width:40px;height:40px}.fab-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0px,0) scale(1)!important;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){-webkit-transition-delay:150ms;transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){-webkit-transition-delay:250ms;transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:40px;margin-left:-20px}.fab-buttons-top{bottom:100%;margin-bottom:16px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fab-buttons-top a{-webkit-transform:translate3d(0,8px,0) scale(.3);transform:translate3d(0,8px,0) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fab-buttons-bottom a{-webkit-transform:translate3d(0,-8px,0) scale(.3);transform:translate3d(0,-8px,0) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:40px;margin-top:-20px}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{-webkit-transform:translate3d(8px,0px,0) scale(.3);transform:translate3d(8px,0px,0) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fab-buttons-right a{-webkit-transform:translate3d(-8px,0,0) scale(.3);transform:translate3d(-8px,0,0) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:-20px;bottom:100%;margin-bottom:16px;-webkit-transform:translateY(-8px) scale(.3);transform:translateY(-8px) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:-20px;top:50%;margin-left:16px;-webkit-transform:translateX(-8px) scale(.3);transform:translateX(-8px) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:-20px;top:100%;margin-top:16px;-webkit-transform:translateY(8px) scale(.3);transform:translateY(8px) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:-20px;top:50%;margin-right:16px;-webkit-transform:translateX(8px) scale(.3);transform:translateX(8px) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{-webkit-transition-duration:250ms;transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto}.fab-extended>a{width:100%!important}.fab-text{padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:4px 12px;border-radius:4px;background:#fff;color:#333;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.ios .fab-buttons a,.ios .fab>a{background:#007aff;width:50px;height:50px;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.4);box-shadow:0px 2px 4px rgba(0,0,0,.4);border-radius:25px;color:#fff}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{-webkit-transition-duration:0s;transition-duration:0s;background:#0066d6}.ios .fab-buttons a i.icon,.ios .fab>a i.icon{font-size:21px}.ios .fab[class*=fab-left]{left:15px}.ios .fab[class*=fab-right]{right:15px}.ios .fab[class*="-top"]{top:15px}.ios .fab[class*="-bottom"]{bottom:15px}.ios .navbar~* .fab[class*="-top"],.ios .navbar~.fab[class*="-top"]{margin-top:44px}.ios .toolbar~* .fab[class*="-bottom"],.ios .toolbar~.fab[class*="-bottom"]{margin-bottom:44px}.ios .tabbar-labels~* .fab[class*="-bottom"],.ios .tabbar-labels~.fab[class*="-bottom"]{margin-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .fab[class*="-bottom"],.ios .tabbar-labels~.fab[class*="-bottom"]{margin-bottom:56px}}.ios .fab-morph{border-radius:25px;background:#007aff;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.4);box-shadow:0px 2px 4px rgba(0,0,0,.4)}.ios .fab-morph>a{-webkit-box-shadow:none;box-shadow:none;background:0 0!important}.ios .fab-extended{min-width:50px}.ios .fab-extended>a{width:100%;height:50px}.ios .fab-extended>a i{left:25px}.ios .fab-extended i~.fab-text{padding-left:50px}.ios .fab-label{-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.4);box-shadow:0px 1px 2px rgba(0,0,0,.4)}.ios .color-theme-red .fab-buttons a,.ios .color-theme-red .fab>a,.ios .color-theme-red.fab-buttons a,.ios .color-theme-red.fab>a{background:#ff3b30}.ios .color-theme-red .fab-buttons a.active-state,.ios .color-theme-red .fab>a.active-state,.ios .color-theme-red.fab-buttons a.active-state,.ios .color-theme-red.fab>a.active-state{background:#ff1407}.ios .color-theme-red .fab-morph,.ios .color-theme-red.fab-morph{background:#ff3b30}.ios .color-theme-green .fab-buttons a,.ios .color-theme-green .fab>a,.ios .color-theme-green.fab-buttons a,.ios .color-theme-green.fab>a{background:#4cd964}.ios .color-theme-green .fab-buttons a.active-state,.ios .color-theme-green .fab>a.active-state,.ios .color-theme-green.fab-buttons a.active-state,.ios .color-theme-green.fab>a.active-state{background:#2cd048}.ios .color-theme-green .fab-morph,.ios .color-theme-green.fab-morph{background:#4cd964}.ios .color-theme-blue .fab-buttons a,.ios .color-theme-blue .fab>a,.ios .color-theme-blue.fab-buttons a,.ios .color-theme-blue.fab>a{background:#007aff}.ios .color-theme-blue .fab-buttons a.active-state,.ios .color-theme-blue .fab>a.active-state,.ios .color-theme-blue.fab-buttons a.active-state,.ios .color-theme-blue.fab>a.active-state{background:#0066d6}.ios .color-theme-blue .fab-morph,.ios .color-theme-blue.fab-morph{background:#007aff}.ios .color-theme-pink .fab-buttons a,.ios .color-theme-pink .fab>a,.ios .color-theme-pink.fab-buttons a,.ios .color-theme-pink.fab>a{background:#ff2d55}.ios .color-theme-pink .fab-buttons a.active-state,.ios .color-theme-pink .fab>a.active-state,.ios .color-theme-pink.fab-buttons a.active-state,.ios .color-theme-pink.fab>a.active-state{background:#ff0434}.ios .color-theme-pink .fab-morph,.ios .color-theme-pink.fab-morph{background:#ff2d55}.ios .color-theme-yellow .fab-buttons a,.ios .color-theme-yellow .fab>a,.ios .color-theme-yellow.fab-buttons a,.ios .color-theme-yellow.fab>a{background:#fc0}.ios .color-theme-yellow .fab-buttons a.active-state,.ios .color-theme-yellow .fab>a.active-state,.ios .color-theme-yellow.fab-buttons a.active-state,.ios .color-theme-yellow.fab>a.active-state{background:#d6ab00}.ios .color-theme-yellow .fab-morph,.ios .color-theme-yellow.fab-morph{background:#fc0}.ios .color-theme-orange .fab-buttons a,.ios .color-theme-orange .fab>a,.ios .color-theme-orange.fab-buttons a,.ios .color-theme-orange.fab>a{background:#ff9500}.ios .color-theme-orange .fab-buttons a.active-state,.ios .color-theme-orange .fab>a.active-state,.ios .color-theme-orange.fab-buttons a.active-state,.ios .color-theme-orange.fab>a.active-state{background:#d67d00}.ios .color-theme-orange .fab-morph,.ios .color-theme-orange.fab-morph{background:#ff9500}.ios .color-theme-gray .fab-buttons a,.ios .color-theme-gray .fab>a,.ios .color-theme-gray.fab-buttons a,.ios .color-theme-gray.fab>a{background:#8e8e93}.ios .color-theme-gray .fab-buttons a.active-state,.ios .color-theme-gray .fab>a.active-state,.ios .color-theme-gray.fab-buttons a.active-state,.ios .color-theme-gray.fab>a.active-state{background:#79797f}.ios .color-theme-gray .fab-morph,.ios .color-theme-gray.fab-morph{background:#8e8e93}.ios .color-theme-white .fab-buttons a,.ios .color-theme-white .fab>a,.ios .color-theme-white.fab-buttons a,.ios .color-theme-white.fab>a{background:#fff}.ios .color-theme-white .fab-buttons a.active-state,.ios .color-theme-white .fab>a.active-state,.ios .color-theme-white.fab-buttons a.active-state,.ios .color-theme-white.fab>a.active-state{background:#ebebeb}.ios .color-theme-white .fab-morph,.ios .color-theme-white.fab-morph{background:#fff}.ios .color-theme-black .fab-buttons a,.ios .color-theme-black .fab>a,.ios .color-theme-black.fab-buttons a,.ios .color-theme-black.fab>a{background:#000}.ios .color-theme-black .fab-buttons a.active-state,.ios .color-theme-black .fab>a.active-state,.ios .color-theme-black.fab-buttons a.active-state,.ios .color-theme-black.fab>a.active-state{background:#000}.ios .color-theme-black .fab-morph,.ios .color-theme-black.fab-morph{background:#000}.ios .fab .fab-buttons>a.color-red,.ios .fab-buttons.color-red a,.ios .fab.color-red .fab-buttons>a,.ios .fab.color-red>a,.ios .fab>a.color-red{background:#ff3b30}.ios .fab .fab-buttons>a.color-red.active-state,.ios .fab-buttons.color-red a.active-state,.ios .fab.color-red .fab-buttons>a.active-state,.ios .fab.color-red>a.active-state,.ios .fab>a.color-red.active-state{background:#ff1407}.ios .fab-morph.color-red{background:#ff3b30}.ios .fab .fab-buttons>a.color-green,.ios .fab-buttons.color-green a,.ios .fab.color-green .fab-buttons>a,.ios .fab.color-green>a,.ios .fab>a.color-green{background:#4cd964}.ios .fab .fab-buttons>a.color-green.active-state,.ios .fab-buttons.color-green a.active-state,.ios .fab.color-green .fab-buttons>a.active-state,.ios .fab.color-green>a.active-state,.ios .fab>a.color-green.active-state{background:#2cd048}.ios .fab-morph.color-green{background:#4cd964}.ios .fab .fab-buttons>a.color-blue,.ios .fab-buttons.color-blue a,.ios .fab.color-blue .fab-buttons>a,.ios .fab.color-blue>a,.ios .fab>a.color-blue{background:#007aff}.ios .fab .fab-buttons>a.color-blue.active-state,.ios .fab-buttons.color-blue a.active-state,.ios .fab.color-blue .fab-buttons>a.active-state,.ios .fab.color-blue>a.active-state,.ios .fab>a.color-blue.active-state{background:#0066d6}.ios .fab-morph.color-blue{background:#007aff}.ios .fab .fab-buttons>a.color-pink,.ios .fab-buttons.color-pink a,.ios .fab.color-pink .fab-buttons>a,.ios .fab.color-pink>a,.ios .fab>a.color-pink{background:#ff2d55}.ios .fab .fab-buttons>a.color-pink.active-state,.ios .fab-buttons.color-pink a.active-state,.ios .fab.color-pink .fab-buttons>a.active-state,.ios .fab.color-pink>a.active-state,.ios .fab>a.color-pink.active-state{background:#ff0434}.ios .fab-morph.color-pink{background:#ff2d55}.ios .fab .fab-buttons>a.color-yellow,.ios .fab-buttons.color-yellow a,.ios .fab.color-yellow .fab-buttons>a,.ios .fab.color-yellow>a,.ios .fab>a.color-yellow{background:#fc0}.ios .fab .fab-buttons>a.color-yellow.active-state,.ios .fab-buttons.color-yellow a.active-state,.ios .fab.color-yellow .fab-buttons>a.active-state,.ios .fab.color-yellow>a.active-state,.ios .fab>a.color-yellow.active-state{background:#d6ab00}.ios .fab-morph.color-yellow{background:#fc0}.ios .fab .fab-buttons>a.color-orange,.ios .fab-buttons.color-orange a,.ios .fab.color-orange .fab-buttons>a,.ios .fab.color-orange>a,.ios .fab>a.color-orange{background:#ff9500}.ios .fab .fab-buttons>a.color-orange.active-state,.ios .fab-buttons.color-orange a.active-state,.ios .fab.color-orange .fab-buttons>a.active-state,.ios .fab.color-orange>a.active-state,.ios .fab>a.color-orange.active-state{background:#d67d00}.ios .fab-morph.color-orange{background:#ff9500}.ios .fab .fab-buttons>a.color-gray,.ios .fab-buttons.color-gray a,.ios .fab.color-gray .fab-buttons>a,.ios .fab.color-gray>a,.ios .fab>a.color-gray{background:#8e8e93}.ios .fab .fab-buttons>a.color-gray.active-state,.ios .fab-buttons.color-gray a.active-state,.ios .fab.color-gray .fab-buttons>a.active-state,.ios .fab.color-gray>a.active-state,.ios .fab>a.color-gray.active-state{background:#79797f}.ios .fab-morph.color-gray{background:#8e8e93}.ios .fab .fab-buttons>a.color-white,.ios .fab-buttons.color-white a,.ios .fab.color-white .fab-buttons>a,.ios .fab.color-white>a,.ios .fab>a.color-white{background:#fff}.ios .fab .fab-buttons>a.color-white.active-state,.ios .fab-buttons.color-white a.active-state,.ios .fab.color-white .fab-buttons>a.active-state,.ios .fab.color-white>a.active-state,.ios .fab>a.color-white.active-state{background:#ebebeb}.ios .fab-morph.color-white{background:#fff}.ios .fab .fab-buttons>a.color-black,.ios .fab-buttons.color-black a,.ios .fab.color-black .fab-buttons>a,.ios .fab.color-black>a,.ios .fab>a.color-black{background:#000}.ios .fab .fab-buttons>a.color-black.active-state,.ios .fab-buttons.color-black a.active-state,.ios .fab.color-black .fab-buttons>a.active-state,.ios .fab.color-black>a.active-state,.ios .fab>a.color-black.active-state{background:#000}.ios .fab-morph.color-black{background:#000}.ios.device-iphone-x .fab[class*="-bottom"]{bottom:calc(15px + constant(safe-area-inset-bottom));bottom:calc(15px + env(safe-area-inset-bottom))}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .fab[class*=fab-left],.ios.device-iphone-x .ios-left-edge .fab[class*=fab-left],.ios.device-iphone-x .panel-left .fab[class*=fab-left],.ios.device-iphone-x .popup .fab[class*=fab-left],.ios.device-iphone-x .sheet-modal .fab[class*=fab-left]{left:calc(15px + constant(safe-area-inset-left));left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .fab[class*=fab-right],.ios.device-iphone-x .ios-right-edge .fab[class*=fab-right],.ios.device-iphone-x .panel-right .fab[class*=fab-right],.ios.device-iphone-x .popup .fab[class*=fab-right],.ios.device-iphone-x .sheet-modal .fab[class*=fab-right]{right:calc(15px + constant(safe-area-inset-right));right:calc(15px + env(safe-area-inset-right))}}.searchbar{width:100%;position:relative;z-index:200}.searchbar .searchbar-input-wrap{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;height:100%;position:relative}.searchbar .searchbar-input-wrap input[type=search]{padding:0}.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.page>.searchbar{position:absolute;left:0;top:0}.searchbar-expandable{position:absolute;-webkit-transition-duration:.3s;transition-duration:.3s;pointer-events:none}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.ios .searchbar{height:44px;background:#f7f7f8}.ios .searchbar.no-hairline:after{display:none!important}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{padding:0 28px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;border-radius:8px;font-family:inherit;color:#000;font-size:17px;font-weight:400;z-index:30;background-color:#e8e8ea;position:relative}.ios .searchbar input[type=search]::-webkit-input-placeholder,.ios .searchbar input[type=text]::-webkit-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]:-ms-input-placeholder,.ios .searchbar input[type=text]:-ms-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]::-ms-input-placeholder,.ios .searchbar input[type=text]::-ms-input-placeholder{color:#939398;opacity:1}.ios .searchbar input[type=search]::placeholder,.ios .searchbar input[type=text]::placeholder{color:#939398;opacity:1}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-inner{padding:0 8px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20stroke-width%3D'1.5'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");background-size:13px 13px;z-index:40;right:8px}.ios .searchbar-backdrop{background:rgba(0,0,0,.4)}.ios .searchbar-input-wrap{height:32px}.ios .searchbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .searchbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .searchbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .searchbar-disable-button{font-size:17px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;color:#007aff;display:none}.ios .searchbar-disable-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{-webkit-transition-duration:.3s!important;transition-duration:.3s!important}.ios .searchbar-expandable{right:0;bottom:0;opacity:1;width:100%;height:0%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:44px}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:100%;pointer-events:auto}.ios .page>.searchbar{z-index:200}.ios .navbar~.page:not(.no-navbar)>.searchbar,.ios .page>.navbar~.searchbar{top:44px}.ios .navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.ios .navbar~.page:not(.no-navbar)>.searchbar~.page-content,.ios .page>.navbar~.searchbar~* .page-content,.ios .page>.navbar~.searchbar~.page-content{padding-top:88px}.ios .theme-dark .searchbar,.searchbar.ios .theme-dark{background-color:#303030}.ios .theme-dark .searchbar:after,.searchbar.ios .theme-dark:after{background-color:#282829}.ios .theme-dark .searchbar input[type=search],.ios .theme-dark .searchbar input[type=text],.searchbar.ios .theme-dark input[type=search],.searchbar.ios .theme-dark input[type=text]{background-color:#171717;color:#fff}.ios .color-theme-red .searchbar-disable-button{color:#ff3b30}.ios .color-theme-green .searchbar-disable-button{color:#4cd964}.ios .color-theme-blue .searchbar-disable-button{color:#007aff}.ios .color-theme-pink .searchbar-disable-button{color:#ff2d55}.ios .color-theme-yellow .searchbar-disable-button{color:#fc0}.ios .color-theme-orange .searchbar-disable-button{color:#ff9500}.ios .color-theme-gray .searchbar-disable-button{color:#8e8e93}.ios .color-theme-white .searchbar-disable-button{color:#fff}.ios .color-theme-black .searchbar-disable-button{color:#000}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .searchbar-inner,.ios.device-iphone-x .ios-left-edge .searchbar-inner,.ios.device-iphone-x .panel-left .searchbar-inner,.ios.device-iphone-x .popup .searchbar-inner,.ios.device-iphone-x .sheet-modal .searchbar-inner{padding-left:calc(8px + constant(safe-area-inset-left));padding-left:calc(8px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .searchbar-inner,.ios.device-iphone-x .ios-right-edge .searchbar-inner,.ios.device-iphone-x .panel-right .searchbar-inner,.ios.device-iphone-x .popup .searchbar-inner,.ios.device-iphone-x .sheet-modal .searchbar-inner{padding-right:calc(8px + constant(safe-area-inset-right));padding-right:calc(8px + env(safe-area-inset-right))}}.messages{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:relative;z-index:1}.messages-title{text-align:center;width:100%;line-height:1}.message{max-width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.message-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1;font-size:12px}.message-footer{font-size:11px;margin-bottom:-1em}.message-bubble{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;line-height:1.2}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{font-size:12px;line-height:1}.message-text{text-align:left}.message-sent{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.message-received{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.message-received .message-content{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.message-sent .message-content{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{-webkit-animation:message-appear-from-bottom .3s;animation:message-appear-from-bottom .3s}.message-appear-from-top{-webkit-animation:message-appear-from-top .3s;animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:#000;vertical-align:middle;border-radius:50%}@-webkit-keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.ios .messages,.ios .messages-content{background:#fff}.ios .messages-title{font-size:11px;color:#8e8e93;margin-top:10px}.ios .messages-title:last-child{margin-bottom:10px}.ios .messages-title b{font-weight:600}.ios .message{margin-top:10px}.ios .message:last-child{margin-bottom:10px}.ios .message-avatar{width:29px;height:29px}.ios .message-footer,.ios .message-header,.ios .message-name{color:#8e8e93}.ios .message-footer b,.ios .message-header b,.ios .message-name b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{font-size:17px;line-height:1.2;border-radius:16px;padding:6px 16px 9px;min-width:48px;min-height:35px}.ios .message-image{margin:6px -16px}.ios .message-image:first-child{margin-top:-6px}.ios .message-image:first-child img{border-top-left-radius:16px;border-top-right-radius:16px}.ios .message-image:last-child{margin-bottom:-9px}.ios .message-image:last-child img{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:10px}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:16px}.ios .message-received .message-text-footer,.ios .message-received .message-text-header{opacity:.5}.ios .message-received .message-bubble{color:#000;background:#e5e5ea;padding-left:22px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:-22px}.ios .message-received.message-tail:not(.message-typing) .message-bubble{border-radius:16px 16px 16px 0;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:10px}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:16px}.ios .message-sent .message-text-footer,.ios .message-sent .message-text-header{opacity:.8}.ios .message-sent .message-bubble{background:#00d449;color:#fff;padding-right:22px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:-22px}.ios .message-sent.message-tail .message-bubble{border-radius:16px 16px 0 16px;-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:#e5e5ea;border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px;opacity:.35}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){-webkit-animation:ios-message-typing-indicator .9s infinite;animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){-webkit-animation:ios-message-typing-indicator .9s 150ms infinite;animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){-webkit-animation:ios-message-typing-indicator .9s .3s infinite;animation:ios-message-typing-indicator .9s .3s infinite}.ios .theme-dark .messages,.ios .theme-dark .messages-content,.messages-content.ios .theme-dark,.messages.ios .theme-dark{background-color:transparent}.ios .theme-dark .message-received.message-typing .message-content:after,.ios .theme-dark .message-received.message-typing .message-content:before{background:#333}.ios .theme-dark .message-typing-indicator>div{background-color:#fff}.ios .theme-dark .message-received .message-bubble{background-color:#333;color:#fff}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .message-received,.ios.device-iphone-x .ios-left-edge .message-received,.ios.device-iphone-x .panel-left .message-received,.ios.device-iphone-x .popup .message-received,.ios.device-iphone-x .sheet-modal .message-received{margin-left:calc(10px + constant(safe-area-inset-left));margin-left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .message-sent,.ios.device-iphone-x .ios-right-edge .message-sent,.ios.device-iphone-x .panel-right .message-sent,.ios.device-iphone-x .popup .message-sent,.ios.device-iphone-x .sheet-modal .message-sent{margin-right:calc(10px + constant(safe-area-inset-right));margin-right:calc(10px + env(safe-area-inset-right))}}@-webkit-keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.toolbar.messagebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#fff;height:auto}.toolbar.messagebar .toolbar-inner{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.toolbar.messagebar .messagebar-area{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;position:relative}.toolbar.messagebar textarea{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.toolbar.messagebar a.link{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:155px;position:relative}@media (orientation:landscape){.messagebar-attachment{height:120px}}.messagebar-attachment img{display:block;width:auto;height:100%}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:252px}@media (orientation:landscape){.messagebar-sheet{height:192px}}.messagebar-sheet-image,.messagebar-sheet-item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:125px;width:125px;margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:95px;height:95px}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.messagebar-attachment-delete:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.ios.device-iphone-x .messagebar:not(.messagebar-top),.md.device-iphone-x .messagebar:not(.messagebar-top){height:auto!important}.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible){padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .messagebar-sheet,.md.device-iphone-x .messagebar-sheet{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .messagebar{background:#fff;min-height:44px}.ios .messagebar:before{display:none!important}.ios .messagebar textarea{background:#fff;border-radius:17px;padding:6px 15px;height:34px;line-height:20px;font-size:17px;border:1px solid #c8c8cd}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:17px 17px 0 0;border:1px solid #c8c8cd;border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 17px 17px}.ios .messagebar-attachment{border-radius:12px;font-size:14px}.ios .messagebar-attachment img{border-radius:12px}.ios .messagebar-sheet{background:#d1d5da}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff;cursor:pointer}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.ios .theme-dark .messagebar textarea,.messagebar.ios .theme-dark textarea{background-color:#000;border-color:#282829;color:#fff}.ios .theme-dark .messagebar-attachments{border-color:#282829;background-color:#000}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10}.ios .swiper-lazy-preloader{width:32px;height:32px;margin-left:-16px;margin-top:-16px}.ios .swiper-button-prev,.ios .swiper-container-rtl .swiper-button-next{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")}.ios .swiper-button-next,.ios .swiper-container-rtl .swiper-button-prev{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")}.ios .swiper-pagination-bullet-active{background:#007aff}.ios .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff}.ios .color-theme-red .swiper-button-prev,.ios .color-theme-red .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-red,.ios .swiper-container-rtl .swiper-button-next.color-red{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")}.ios .color-theme-red .swiper-button-next,.ios .color-theme-red .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-red,.ios .swiper-container-rtl .swiper-button-prev.color-red{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")}.ios .color-red .swiper-pagination-bullet-active,.ios .color-theme-red .swiper-pagination-bullet-active{background:#ff3b30}.ios .color-red .swiper-pagination-progressbar,.ios .color-red.swiper-pagination-progressbar,.ios .color-theme-red .swiper-pagination-progressbar,.ios .color-theme-red.swiper-pagination-progressbar{background:rgba(255,59,48,.25)}.ios .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff3b30}.ios .color-theme-green .swiper-button-prev,.ios .color-theme-green .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-green,.ios .swiper-container-rtl .swiper-button-next.color-green{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")}.ios .color-theme-green .swiper-button-next,.ios .color-theme-green .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-green,.ios .swiper-container-rtl .swiper-button-prev.color-green{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")}.ios .color-green .swiper-pagination-bullet-active,.ios .color-theme-green .swiper-pagination-bullet-active{background:#4cd964}.ios .color-green .swiper-pagination-progressbar,.ios .color-green.swiper-pagination-progressbar,.ios .color-theme-green .swiper-pagination-progressbar,.ios .color-theme-green.swiper-pagination-progressbar{background:rgba(76,217,100,.25)}.ios .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#4cd964}.ios .color-theme-blue .swiper-button-prev,.ios .color-theme-blue .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-blue,.ios .swiper-container-rtl .swiper-button-next.color-blue{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")}.ios .color-theme-blue .swiper-button-next,.ios .color-theme-blue .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-blue,.ios .swiper-container-rtl .swiper-button-prev.color-blue{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")}.ios .color-blue .swiper-pagination-bullet-active,.ios .color-theme-blue .swiper-pagination-bullet-active{background:#007aff}.ios .color-blue .swiper-pagination-progressbar,.ios .color-blue.swiper-pagination-progressbar,.ios .color-theme-blue .swiper-pagination-progressbar,.ios .color-theme-blue.swiper-pagination-progressbar{background:rgba(0,122,255,.25)}.ios .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff}.ios .color-theme-pink .swiper-button-prev,.ios .color-theme-pink .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-pink,.ios .swiper-container-rtl .swiper-button-next.color-pink{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")}.ios .color-theme-pink .swiper-button-next,.ios .color-theme-pink .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-pink,.ios .swiper-container-rtl .swiper-button-prev.color-pink{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")}.ios .color-pink .swiper-pagination-bullet-active,.ios .color-theme-pink .swiper-pagination-bullet-active{background:#ff2d55}.ios .color-pink .swiper-pagination-progressbar,.ios .color-pink.swiper-pagination-progressbar,.ios .color-theme-pink .swiper-pagination-progressbar,.ios .color-theme-pink.swiper-pagination-progressbar{background:rgba(255,45,85,.25)}.ios .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff2d55}.ios .color-theme-yellow .swiper-button-prev,.ios .color-theme-yellow .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-yellow,.ios .swiper-container-rtl .swiper-button-next.color-yellow{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")}.ios .color-theme-yellow .swiper-button-next,.ios .color-theme-yellow .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-yellow,.ios .swiper-container-rtl .swiper-button-prev.color-yellow{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")}.ios .color-theme-yellow .swiper-pagination-bullet-active,.ios .color-yellow .swiper-pagination-bullet-active{background:#fc0}.ios .color-theme-yellow .swiper-pagination-progressbar,.ios .color-theme-yellow.swiper-pagination-progressbar,.ios .color-yellow .swiper-pagination-progressbar,.ios .color-yellow.swiper-pagination-progressbar{background:rgba(255,204,0,.25)}.ios .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fc0}.ios .color-theme-orange .swiper-button-prev,.ios .color-theme-orange .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-orange,.ios .swiper-container-rtl .swiper-button-next.color-orange{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")}.ios .color-theme-orange .swiper-button-next,.ios .color-theme-orange .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-orange,.ios .swiper-container-rtl .swiper-button-prev.color-orange{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")}.ios .color-orange .swiper-pagination-bullet-active,.ios .color-theme-orange .swiper-pagination-bullet-active{background:#ff9500}.ios .color-orange .swiper-pagination-progressbar,.ios .color-orange.swiper-pagination-progressbar,.ios .color-theme-orange .swiper-pagination-progressbar,.ios .color-theme-orange.swiper-pagination-progressbar{background:rgba(255,149,0,.25)}.ios .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff9500}.ios .color-theme-gray .swiper-button-prev,.ios .color-theme-gray .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-gray,.ios .swiper-container-rtl .swiper-button-next.color-gray{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")}.ios .color-theme-gray .swiper-button-next,.ios .color-theme-gray .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-gray,.ios .swiper-container-rtl .swiper-button-prev.color-gray{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")}.ios .color-gray .swiper-pagination-bullet-active,.ios .color-theme-gray .swiper-pagination-bullet-active{background:#8e8e93}.ios .color-gray .swiper-pagination-progressbar,.ios .color-gray.swiper-pagination-progressbar,.ios .color-theme-gray .swiper-pagination-progressbar,.ios .color-theme-gray.swiper-pagination-progressbar{background:rgba(142,142,147,.25)}.ios .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#8e8e93}.ios .color-theme-white .swiper-button-prev,.ios .color-theme-white .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-white,.ios .swiper-container-rtl .swiper-button-next.color-white{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")}.ios .color-theme-white .swiper-button-next,.ios .color-theme-white .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-white,.ios .swiper-container-rtl .swiper-button-prev.color-white{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")}.ios .color-theme-white .swiper-pagination-bullet-active,.ios .color-white .swiper-pagination-bullet-active{background:#fff}.ios .color-theme-white .swiper-pagination-progressbar,.ios .color-theme-white.swiper-pagination-progressbar,.ios .color-white .swiper-pagination-progressbar,.ios .color-white.swiper-pagination-progressbar{background:rgba(255,255,255,.25)}.ios .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}.ios .color-theme-black .swiper-button-prev,.ios .color-theme-black .swiper-container-rtl .swiper-button-next,.ios .swiper-button-prev.color-black,.ios .swiper-container-rtl .swiper-button-next.color-black{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")}.ios .color-theme-black .swiper-button-next,.ios .color-theme-black .swiper-container-rtl .swiper-button-prev,.ios .swiper-button-next.color-black,.ios .swiper-container-rtl .swiper-button-prev.color-black{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")}.ios .color-black .swiper-pagination-bullet-active,.ios .color-theme-black .swiper-pagination-bullet-active{background:#000}.ios .color-black .swiper-pagination-progressbar,.ios .color-black.swiper-pagination-progressbar,.ios .color-theme-black .swiper-pagination-progressbar,.ios .color-theme-black.swiper-pagination-progressbar{background:rgba(0,0,0,.25)}.ios .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.ios .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-in .4s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-out .4s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{-webkit-animation:none;animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transition-duration:.3s;transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transform:translate3d(0,-100vh,0);transform:translate3d(0,-100vh,0)}.page.photo-browser-page{background:0 0}.photo-browser-popup{background:0 0}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .photo-browser-swiper-container{background:#000}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:0;z-index:10;opacity:1;-webkit-transition:.4s;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.photo-browser-caption{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{background:rgba(255,255,255,.8);color:#000}.photo-browser-captions-dark .photo-browser-caption{color:#fff}.photo-browser-exposed .photo-browser-caption{color:#fff;background:rgba(0,0,0,.8)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#fff;-webkit-transition:.4s;transition:.4s;-webkit-transition-property:background-color;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{-webkit-transition:.4s;transition:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:#000}@-webkit-keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@-webkit-keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}@keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}.ios .toolbar~.photo-browser-captions{bottom:44px;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.ios .photo-browser-exposed .toolbar~.photo-browser-captions{-webkit-transform:translate3d(0,44px,0);transform:translate3d(0,44px,0)}.ios .photo-browser-page .toolbar{-webkit-transform:none;transform:none}.ios .view.with-photo-browser-page-exposed .navbar{opacity:0}.ios .photo-browser-page .navbar,.ios .photo-browser-page .toolbar,.ios .view.with-photo-browser-page .navbar,.ios .view.with-photo-browser-page .toolbar{background:rgba(247,247,248,.95);-webkit-transition:.4s;transition:.4s}.ios .photo-browser-dark .navbar,.ios .photo-browser-dark .toolbar,.ios .photo-browser-page-dark .navbar,.ios .photo-browser-page-dark .toolbar,.ios .view.with-photo-browser-page-dark .navbar,.ios .view.with-photo-browser-page-dark .toolbar{background:rgba(30,30,30,.8);color:#fff}.ios .photo-browser-dark .navbar:before,.ios .photo-browser-dark .toolbar:before,.ios .photo-browser-page-dark .navbar:before,.ios .photo-browser-page-dark .toolbar:before,.ios .view.with-photo-browser-page-dark .navbar:before,.ios .view.with-photo-browser-page-dark .toolbar:before{display:none!important}.ios .photo-browser-dark .navbar:after,.ios .photo-browser-dark .toolbar:after,.ios .photo-browser-page-dark .navbar:after,.ios .photo-browser-page-dark .toolbar:after,.ios .view.with-photo-browser-page-dark .navbar:after,.ios .view.with-photo-browser-page-dark .toolbar:after{display:none!important}.ios .photo-browser-dark .navbar a,.ios .photo-browser-dark .toolbar a,.ios .photo-browser-page-dark .navbar a,.ios .photo-browser-page-dark .toolbar a,.ios .view.with-photo-browser-page-dark .navbar a,.ios .view.with-photo-browser-page-dark .toolbar a{color:#fff}.ios.device-iphone-x .photo-browser-captions{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .toolbar~.photo-browser-captions{bottom:calc(44px + constant(safe-area-inset-bottom));bottom:calc(44px + env(safe-area-inset-bottom))}.notification{position:absolute;left:0;top:0;width:100%;z-index:20000;font-size:14px;margin:0;border:none;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;direction:ltr}.notification-icon{font-size:0}.notification-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer}html.with-statusbar.device-ios .notification,html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification{margin-top:20px}html.with-statusbar.device-android .notification,html.with-statusbar.md:not(.device-ios):not(.device-android) .notification{margin-top:24px}html.with-statusbar.device-iphone-x .notification{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}.ios .notification{left:8px;top:8px;width:calc(100% - 16px);background:rgba(250,250,250,.95);border-radius:12px;-webkit-box-shadow:0px 5px 25px -10px rgba(0,0,0,.7);box-shadow:0px 5px 25px -10px rgba(0,0,0,.7);padding:10px;color:#000;max-width:568px;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transform:translate3d(0%,-200%,0);transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (min-width:584px){.ios .notification{left:50%;width:568px;margin-left:-284px}}.ios .notification.modal-in{-webkit-transform:translate3d(0%,0%,0);transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{-webkit-transform:translate3d(0%,-200%,0);transform:translate3d(0%,-200%,0)}.ios .notification-icon{width:20px;height:20px;line-height:20px;margin-right:8px}.ios .notification-icon i{width:20px;height:20px;font-size:20px}.ios .notification-title{font-size:13px;text-transform:uppercase;letter-spacing:.02em}.ios .notification-subtitle{font-size:15px;font-weight:600;line-height:1.35}.ios .notification-text{font-size:15px;line-height:1.2}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{color:#444a51;font-size:13px;margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:20px;height:20px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;position:relative;opacity:.3;-webkit-transition-duration:.3s;transition-duration:.3s}.ios .notification-close-button.active-state{-webkit-transition-duration:0s;transition-duration:0s;opacity:.1}.ios .notification-close-button:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{-webkit-animation:none;animation:none}.autocomplete-dropdown{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:20px;height:20px}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#a9a9a9}.autocomplete-dropdown .list{margin:0}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.list .item-content-dropdown-expanded .item-title.item-label{width:0;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown{-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.2);box-shadow:0px 3px 3px rgba(0,0,0,.2)}.ios .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:12px}.ios .autocomplete-dropdown .list b{font-weight:600}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:-32px;top:100%;background:#e8e8ea;z-index:20;border-radius:8px}.ios .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:28px}.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:32px}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}.ios .theme-dark .autocomplete-dropdown{background-color:#1c1c1d}.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown{background-color:#171717}.tooltip{position:absolute;z-index:20000;background:rgba(0,0,0,.87);border-radius:4px;padding:8px 16px;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;z-index:99000;font-weight:500}.tooltip.tooltip-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.device-desktop .tooltip{font-size:12px;padding:6px 8px}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{-webkit-transition-duration:.4s;transition-duration:.4s}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elevation-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.elevation-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.elevation-transition-100{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition,.elevation-transition-200{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-300{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-400{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-500{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.display-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.display-block{display:block!important}.display-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.flex-shrink-2{-webkit-flex-shrink:2!important;-ms-flex-negative:2!important;flex-shrink:2!important}.flex-shrink-3{-webkit-flex-shrink:3!important;-ms-flex-negative:3!important;flex-shrink:3!important}.flex-shrink-4{-webkit-flex-shrink:4!important;-ms-flex-negative:4!important;flex-shrink:4!important}.flex-shrink-5{-webkit-flex-shrink:5!important;-ms-flex-negative:5!important;flex-shrink:5!important}.flex-shrink-6{-webkit-flex-shrink:6!important;-ms-flex-negative:6!important;flex-shrink:6!important}.flex-shrink-7{-webkit-flex-shrink:7!important;-ms-flex-negative:7!important;flex-shrink:7!important}.flex-shrink-8{-webkit-flex-shrink:8!important;-ms-flex-negative:8!important;flex-shrink:8!important}.flex-shrink-9{-webkit-flex-shrink:9!important;-ms-flex-negative:9!important;flex-shrink:9!important}.flex-shrink-10{-webkit-flex-shrink:10!important;-ms-flex-negative:10!important;flex-shrink:10!important}.justify-content-flex-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-flex-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-space-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-space-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-space-evenly{-webkit-box-pack:space-evenly!important;-webkit-justify-content:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.justify-content-stretch{-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:start!important;-ms-flex-pack:start!important;justify-content:start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:end!important;-ms-flex-pack:end!important;justify-content:end!important}.justify-content-left{-webkit-box-pack:left!important;-webkit-justify-content:left!important;-ms-flex-pack:left!important;justify-content:left!important}.justify-content-right{-webkit-box-pack:right!important;-webkit-justify-content:right!important;-ms-flex-pack:right!important;justify-content:right!important}.align-content-flex-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-flex-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-space-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-space-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-items-flex-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-flex-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-flex-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-flex-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.ios .padding{padding:15px!important}.ios .padding-top{padding-top:15px!important}.ios .padding-bottom{padding-bottom:15px!important}.ios .padding-left{padding-left:15px!important}.ios .padding-left-ios-edge{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios .padding-right-ios-edge{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.ios .padding-top-ios-edge{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.ios .padding-bottom-ios-edge{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios .padding-right{padding-right:15px!important}.ios .padding-vertical{padding-top:15px!important;padding-bottom:15px!important}.ios .padding-horizontal{padding-left:15px!important;padding-right:15px!important}.ios .margin{margin:15px!important}.ios .margin-top{margin-top:15px!important}.ios .margin-bottom{margin-bottom:15px!important}.ios .margin-left{margin-left:15px!important}.ios .margin-right{margin-right:15px!important}.ios .margin-vertical{margin-top:15px!important;margin-bottom:15px!important}.ios .margin-horizontal{margin-left:15px!important;margin-right:15px!important}.ios .text-color-red{color:#ff3b30!important}.ios .bg-color-red{background-color:#ff3b30!important}.ios .border-color-red{border-color:#ff3b30!important}.ios .text-color-green{color:#4cd964!important}.ios .bg-color-green{background-color:#4cd964!important}.ios .border-color-green{border-color:#4cd964!important}.ios .text-color-blue{color:#007aff!important}.ios .bg-color-blue{background-color:#007aff!important}.ios .border-color-blue{border-color:#007aff!important}.ios .text-color-pink{color:#ff2d55!important}.ios .bg-color-pink{background-color:#ff2d55!important}.ios .border-color-pink{border-color:#ff2d55!important}.ios .text-color-yellow{color:#fc0!important}.ios .bg-color-yellow{background-color:#fc0!important}.ios .border-color-yellow{border-color:#fc0!important}.ios .text-color-orange{color:#ff9500!important}.ios .bg-color-orange{background-color:#ff9500!important}.ios .border-color-orange{border-color:#ff9500!important}.ios .text-color-gray{color:#8e8e93!important}.ios .bg-color-gray{background-color:#8e8e93!important}.ios .border-color-gray{border-color:#8e8e93!important}.ios .text-color-white{color:#fff!important}.ios .bg-color-white{background-color:#fff!important}.ios .border-color-white{border-color:#fff!important}.ios .text-color-black{color:#000!important}.ios .bg-color-black{background-color:#000!important}.ios .border-color-black{border-color:#000!important} \ No newline at end of file diff --git a/framework7/css/framework7.rtl.md.css b/framework7/css/framework7.rtl.md.css new file mode 100644 index 0000000..9cdd63d --- /dev/null +++ b/framework7/css/framework7.rtl.md.css @@ -0,0 +1,18928 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + font-size: 14px; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; +} +.framework7-root { + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +/* +a, button, input, textarea, .link, .button, label, .sortable-handler { + touch-action: manipulation; + -ms-touch-action: manipulation; +} +*/ +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +.md body { + font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + color: #212121; + line-height: 1.5; +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +.md a { + color: #2196f3; +} +.md .theme-dark { + color: rgba(255, 255, 255, 0.87); +} +.md .color-theme-red a { + color: #f44336; +} +.md .color-theme-green a { + color: #4caf50; +} +.md .color-theme-blue a { + color: #2196f3; +} +.md .color-theme-pink a { + color: #e91e63; +} +.md .color-theme-yellow a { + color: #ffeb3b; +} +.md .color-theme-orange a { + color: #ff9800; +} +.md .color-theme-gray a { + color: #9e9e9e; +} +.md .color-theme-white a { + color: #ffffff; +} +.md .color-theme-black a { + color: #000000; +} +.md a.color-red { + color: #f44336; +} +.md a.color-green { + color: #4caf50; +} +.md a.color-blue { + color: #2196f3; +} +.md a.color-pink { + color: #e91e63; +} +.md a.color-yellow { + color: #ffeb3b; +} +.md a.color-orange { + color: #ff9800; +} +.md a.color-gray { + color: #9e9e9e; +} +.md a.color-white { + color: #ffffff; +} +.md a.color-black { + color: #000000; +} +/* === Statusbar === */ +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: none; +} +html.device-ios .statusbar, +html.ios:not(.device-ios):not(.device-android) .statusbar { + height: 20px; +} +html.device-android .statusbar, +html.md:not(.device-ios):not(.device-android) .statusbar { + height: 24px; +} +html.device-ios.device-iphone-x .statusbar { + height: constant(safe-area-inset-top); + height: env(safe-area-inset-top); +} +html.with-statusbar .statusbar { + display: block; +} +html.with-statusbar.device-ios .framework7-root, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 20px; +} +html.with-statusbar.device-android .framework7-root, +html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { + padding-top: 24px; +} +html.with-statusbar.device-iphone-x .framework7-root { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); +} +.md .statusbar { + background: #0a6ebd; +} +.md .color-theme-red .statusbar { + background: #d2190b; +} +.md .color-theme-green .statusbar { + background: #357a38; +} +.md .color-theme-blue .statusbar { + background: #0a6ebd; +} +.md .color-theme-pink .statusbar { + background: #aa1145; +} +.md .color-theme-yellow .statusbar { + background: #eed500; +} +.md .color-theme-orange .statusbar { + background: #b36a00; +} +.md .color-theme-gray .statusbar { + background: #787878; +} +.md .color-theme-white .statusbar { + background: #d9d9d9; +} +.md .color-theme-black .statusbar { + background: #000000; +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* === Pages === */ +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.md .page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); + background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.md .page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.md .page { + background: #fff; +} +.md .page-next { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.md .page-transitioning, +.md .page-transitioning .page-shadow-effect, +.md .page-transitioning .page-opacity-effect { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.md .page-transitioning-swipeback, +.md .page-transitioning-swipeback .page-shadow-effect, +.md .page-transitioning-swipeback .page-opacity-effect { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .router-transition-forward .page, +.md .router-transition-backward .page { + pointer-events: none; +} +.md .router-transition-css-forward .page-next { + -webkit-animation: md-page-next-to-current 250ms forwards; + animation: md-page-next-to-current 250ms forwards; +} +.md .router-transition-css-forward .page-current { + -webkit-animation: none; + animation: none; +} +.md .router-transition-css-backward .page-current { + -webkit-animation: md-page-current-to-next 250ms forwards; + animation: md-page-current-to-next 250ms forwards; +} +.md .router-transition-css-backward .page-previous { + -webkit-animation: none; + animation: none; +} +.md .theme-dark .page, +.page.md .theme-dark { + background: #171717; +} +@-webkit-keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-next-to-current { + from { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@-webkit-keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +@keyframes md-page-current-to-next { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 56px, 0); + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +/* === Link === */ +.link, +.tab-link { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} +.md .link i + span, +.md .link i + i, +.md .link span + i, +.md .link span + span { + margin-right: 8px; +} +/* === Navbar === */ +.navbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar b { + font-weight: 500; +} +.navbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 1; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + font-weight: 500; + display: inline-block; +} +.navbar .subtitle { + display: block; +} +.navbar .left, +.navbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.md .navbar { + height: 56px; + background: #2196f3; + color: #fff; + font-size: 20px; +} +.md .navbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .navbar.no-shadow:after { + display: none; +} +.md .navbar a { + color: inherit; +} +.md .navbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + height: 56px; + line-height: 56px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .navbar .title { + margin: 0 16px; + line-height: 1.2; + text-align: left; +} +.md .navbar .subtitle { + line-height: 1.2; + font-size: 14px; + font-weight: normal; + color: rgba(255, 255, 255, 0.85); +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: 16px; +} +.md .navbar-inner { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; +} +.md .page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar ~ * .page-content, +.md .navbar ~ .page-content { + padding-top: 56px; +} +@media (min-width: 768px) { + .md .navbar { + height: 64px; + } + .md .navbar a.link { + height: 64px; + line-height: 64px; + } + .md .navbar ~ * .page-content, + .md .navbar ~ .page-content { + padding-top: 64px; + } +} +.md .navbar-transitioning { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .navbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .navbar-hidden:after { + display: none; +} +.md .color-theme-red .navbar, +.md .color-theme-red.navbar { + background: #f44336; +} +.md .color-theme-green .navbar, +.md .color-theme-green.navbar { + background: #4caf50; +} +.md .color-theme-blue .navbar, +.md .color-theme-blue.navbar { + background: #2196f3; +} +.md .color-theme-pink .navbar, +.md .color-theme-pink.navbar { + background: #e91e63; +} +.md .color-theme-yellow .navbar, +.md .color-theme-yellow.navbar { + background: #ffeb3b; +} +.md .color-theme-orange .navbar, +.md .color-theme-orange.navbar { + background: #ff9800; +} +.md .color-theme-gray .navbar, +.md .color-theme-gray.navbar { + background: #9e9e9e; +} +.md .color-theme-white .navbar, +.md .color-theme-white.navbar { + background: #ffffff; +} +.md .color-theme-black .navbar, +.md .color-theme-black.navbar { + background: #000000; +} +.md .navbar.color-red { + background: #f44336; +} +.md .navbar.color-green { + background: #4caf50; +} +.md .navbar.color-blue { + background: #2196f3; +} +.md .navbar.color-pink { + background: #e91e63; +} +.md .navbar.color-yellow { + background: #ffeb3b; +} +.md .navbar.color-orange { + background: #ff9800; +} +.md .navbar.color-gray { + background: #9e9e9e; +} +.md .navbar.color-white { + background: #ffffff; +} +.md .navbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-left .navbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .navbar-inner, + .md.device-iphone-x .ios-edges .navbar-inner, + .md.device-iphone-x .popup .navbar-inner, + .md.device-iphone-x .sheet-modal .navbar-inner, + .md.device-iphone-x .panel-right .navbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Toolbar === */ +.toolbar { + width: 100%; + position: relative; + margin: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; +} +.toolbar b { + font-weight: 500; +} +.toolbar a { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.toolbar i.icon { + display: block; +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.tabbar-labels a.tab-link .tabbar-label, +.tabbar-labels a.link .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; +} +.tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.md .toolbar { + background: #2196f3; + height: 48px; + color: #fff; + font-size: 14px; + top: 0; +} +.md .toolbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar.no-shadow:after { + display: none; +} +.md .toolbar a { + color: #fff; +} +.md .toolbar a.link { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; + min-width: 48px; + line-height: 48px; + height: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .toolbar a.link i + span, +.md .toolbar a.link i + i, +.md .toolbar a.link span + i, +.md .toolbar a.link span + span { + margin-right: 8px; +} +.md .toolbar a.icon-only { + min-width: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + overflow: hidden; +} +.md .tabbar a.link, +.md .tabbar-labels a.link, +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + padding-left: 0; + padding-right: 0; + font-size: 14px; + text-transform: uppercase; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .tabbar i.icon, +.md .tabbar-labels i.icon { + height: 24px; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + overflow: hidden; + color: rgba(255, 255, 255, 0.7); + position: relative; +} +.md .tabbar a.tab-link.tab-link-active, +.md .tabbar-labels a.tab-link.tab-link-active, +.md .tabbar a.tab-link.active-state, +.md .tabbar-labels a.tab-link.active-state { + color: #ffffff; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + bottom: 0; + height: 2px; + background: #fff; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + right: 0; +} +.md .toolbar-bottom-md, +.md .messagebar { + top: auto !important; + bottom: 0 !important; +} +.md .toolbar-bottom-md:after, +.md .messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 10px; + top: auto; + pointer-events: none; + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .toolbar-bottom-md .tab-link-highlight, +.md .messagebar .tab-link-highlight { + bottom: auto; + top: 0; +} +.md .tabbar-labels { + height: 72px; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 12px; + padding-bottom: 12px; +} +.md .tabbar-labels .tabbar-label { + margin-top: 10px; + max-width: 100%; + overflow: hidden; +} +.md .tabbar-labels.toolbar-bottom-md { + height: 56px; +} +.md .tabbar-labels.toolbar-bottom-md a.tab-link, +.md .tabbar-labels.toolbar-bottom-md a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-labels.toolbar-bottom-md .tabbar-label { + text-transform: none; + line-height: 1.2; + font-weight: normal; + letter-spacing: 0; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 48px; +} +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 72px; +} +.md .toolbar-hidden { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +.md .toolbar-hidden:after { + display: none; +} +.md .toolbar-hidden.toolbar-bottom-md, +.md .toolbar-hidden.messagebar { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 56px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 104px; +} +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, +.md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 128px; +} +.md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -104px, 0); + transform: translate3d(0, -104px, 0); +} +.md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { + -webkit-transform: translate3d(0, -128px, 0); + transform: translate3d(0, -128px, 0); +} +.md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -56px, 0); + transform: translate3d(0, -56px, 0); +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { + top: 64px; + } + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { + padding-top: 112px; + } + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, + .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { + padding-top: 136px; + } + .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { + -webkit-transform: translate3d(0, -64px, 0); + transform: translate3d(0, -64px, 0); + } + .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -112px, 0); + transform: translate3d(0, -112px, 0); + } + .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { + -webkit-transform: translate3d(0, -136px, 0); + transform: translate3d(0, -136px, 0); + } +} +.md .toolbar-bottom-md ~ * .page-content, +.md .toolbar-bottom-md ~ .page-content, +.md .messagebar ~ * .page-content, +.md .messagebar ~ .page-content { + padding-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: 56px; +} +.md .toolbar-transitioning, +.md .navbar-transitioning + .toolbar { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.md .color-theme-red .toolbar:not(.messagebar), +.md .color-theme-red.toolbar:not(.messagebar) { + background: #f44336; +} +.md .color-theme-green .toolbar:not(.messagebar), +.md .color-theme-green.toolbar:not(.messagebar) { + background: #4caf50; +} +.md .color-theme-blue .toolbar:not(.messagebar), +.md .color-theme-blue.toolbar:not(.messagebar) { + background: #2196f3; +} +.md .color-theme-pink .toolbar:not(.messagebar), +.md .color-theme-pink.toolbar:not(.messagebar) { + background: #e91e63; +} +.md .color-theme-yellow .toolbar:not(.messagebar), +.md .color-theme-yellow.toolbar:not(.messagebar) { + background: #ffeb3b; +} +.md .color-theme-orange .toolbar:not(.messagebar), +.md .color-theme-orange.toolbar:not(.messagebar) { + background: #ff9800; +} +.md .color-theme-gray .toolbar:not(.messagebar), +.md .color-theme-gray.toolbar:not(.messagebar) { + background: #9e9e9e; +} +.md .color-theme-white .toolbar:not(.messagebar), +.md .color-theme-white.toolbar:not(.messagebar) { + background: #ffffff; +} +.md .color-theme-black .toolbar:not(.messagebar), +.md .color-theme-black.toolbar:not(.messagebar) { + background: #000000; +} +.md .toolbar:not(.messagebar).color-red { + background: #f44336; +} +.md .toolbar:not(.messagebar).color-green { + background: #4caf50; +} +.md .toolbar:not(.messagebar).color-blue { + background: #2196f3; +} +.md .toolbar:not(.messagebar).color-pink { + background: #e91e63; +} +.md .toolbar:not(.messagebar).color-yellow { + background: #ffeb3b; +} +.md .toolbar:not(.messagebar).color-orange { + background: #ff9800; +} +.md .toolbar:not(.messagebar).color-gray { + background: #9e9e9e; +} +.md .toolbar:not(.messagebar).color-white { + background: #ffffff; +} +.md .toolbar:not(.messagebar).color-black { + background: #000000; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { + height: calc(48px + constant(safe-area-inset-top)); + height: calc(48px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + height: auto; +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { + bottom: 0; + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { + height: calc(72px + constant(safe-area-inset-top)); + height: calc(72px + env(safe-area-inset-top)); +} +.md.device-iphone-x .views > .toolbar-bottom-md, +.md.device-iphone-x .view > .toolbar-bottom-md, +.md.device-iphone-x .page > .toolbar-bottom-md, +.md.device-iphone-x .popup > .toolbar-bottom-md, +.md.device-iphone-x .panel > .toolbar-bottom-md, +.md.device-iphone-x .login-screen > .toolbar-bottom-md { + height: calc(48px + constant(safe-area-inset-bottom)); + height: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, +.md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, +.md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { + height: calc(56px + constant(safe-area-inset-bottom)); + height: calc(56px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md ~ .page-content, +.md.device-iphone-x .messagebar ~ * .page-content, +.md.device-iphone-x .messagebar ~ .page-content { + padding-bottom: calc(48px + constant(safe-area-inset-bottom)); + padding-bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, +.md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { + padding-bottom: calc(56px + constant(safe-area-inset-bottom)); + padding-bottom: calc(56px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-left .toolbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .toolbar-inner, + .md.device-iphone-x .ios-edges .toolbar-inner, + .md.device-iphone-x .popup .toolbar-inner, + .md.device-iphone-x .sheet-modal .toolbar-inner, + .md.device-iphone-x .panel-right .toolbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +/* === Subnavbar === */ +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; +} +.subnavbar .left, +.subnavbar .right { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.md .subnavbar { + height: 48px; + background: #2196f3; + color: #fff; +} +.md .subnavbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .subnavbar.no-shadow:after { + display: none; +} +.md .subnavbar .title { + margin: 0 16px; + font-size: 20px; + line-height: 48px; + display: inline-block; + text-align: left; + font-weight: 500; +} +.md .subnavbar .title:first-child { + margin-right: 56px; +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a { + color: inherit; +} +.md .subnavbar a.link { + line-height: 48px; + height: 48px; + min-width: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + min-width: 0; +} +.md .subnavbar-inner { + padding: 0 16px; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: -16px; +} +.md .subnavbar-inner > a.link:last-child { + margin-left: -16px; +} +.md .subnavbar ~ * .page-content, +.md .subnavbar ~ .page-content, +.md .page-with-subnavbar .page-content { + padding-top: 48px; +} +.md .navbar ~ .subnavbar ~ .page-content, +.md .navbar ~ .subnavbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ * .page-content, +.md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar ~ .page-content, + .md .navbar ~ .subnavbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ * .page-content, + .md .page-with-subnavbar .navbar ~ .page-content { + padding-top: 112px; + } +} +.md .navbar ~ .subnavbar, +.md .navbar ~ * .subnavbar, +.md .page-with-subnavbar .navbar ~ .subnavbar, +.md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .subnavbar, + .md .navbar ~ * .subnavbar, + .md .page-with-subnavbar .navbar ~ .subnavbar, + .md .page-with-subnavbar .navbar ~ * .subnavbar { + top: 64px; + } +} +.md .color-theme-red .subnavbar, +.md .color-theme-red.subnavbar { + background: #f44336; +} +.md .color-theme-green .subnavbar, +.md .color-theme-green.subnavbar { + background: #4caf50; +} +.md .color-theme-blue .subnavbar, +.md .color-theme-blue.subnavbar { + background: #2196f3; +} +.md .color-theme-pink .subnavbar, +.md .color-theme-pink.subnavbar { + background: #e91e63; +} +.md .color-theme-yellow .subnavbar, +.md .color-theme-yellow.subnavbar { + background: #ffeb3b; +} +.md .color-theme-orange .subnavbar, +.md .color-theme-orange.subnavbar { + background: #ff9800; +} +.md .color-theme-gray .subnavbar, +.md .color-theme-gray.subnavbar { + background: #9e9e9e; +} +.md .color-theme-white .subnavbar, +.md .color-theme-white.subnavbar { + background: #ffffff; +} +.md .color-theme-black .subnavbar, +.md .color-theme-black.subnavbar { + background: #000000; +} +.md .subnavbar.color-red { + background: #f44336; +} +.md .subnavbar.color-green { + background: #4caf50; +} +.md .subnavbar.color-blue { + background: #2196f3; +} +.md .subnavbar.color-pink { + background: #e91e63; +} +.md .subnavbar.color-yellow { + background: #ffeb3b; +} +.md .subnavbar.color-orange { + background: #ff9800; +} +.md .subnavbar.color-gray { + background: #9e9e9e; +} +.md .subnavbar.color-white { + background: #ffffff; +} +.md .subnavbar.color-black { + background: #000000; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-left .subnavbar-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .subnavbar-inner, + .md.device-iphone-x .ios-edges .subnavbar-inner, + .md.device-iphone-x .popup .subnavbar-inner, + .md.device-iphone-x .sheet-modal .subnavbar-inner, + .md.device-iphone-x .panel-right .subnavbar-inner { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Content Block === */ +.block { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + z-index: 1; +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + line-height: 1; +} +.block-strong.inset { + border-radius: 7px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +.block-footer, +.block-header { + font-size: 14px; +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.block-header { + margin-bottom: 10px; +} +.block-footer { + margin-top: 10px; +} +@media (min-width: 768px) { + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +.md .block { + margin: 32px 0; + padding: 0 16px; +} +.md .block-title { + color: rgba(0, 0, 0, 0.54); + margin: 32px 16px 16px; + line-height: 16px; + font-weight: 500; +} +.md .block-title + .list, +.md .block-title + .block, +.md .block-title + .card, +.md .block-title + .timeline, +.md .block-title + .block-header { + margin-top: 0px; +} +.md .block-strong { + padding: 16px; +} +.md .block-strong:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .block-strong:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block-strong:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .block-strong:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .block-strong:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .block.inset { + margin-left: 16px; + margin-right: 16px; +} +.md .block-strong.inset { + border-radius: 4px; +} +.md .block-header, +.md .block-footer { + padding: 0 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .block .block-header, +.md .block .block-footer { + padding: 0; +} +.md .block-header { + margin-top: 32px; +} +.md .block-header + .list, +.md .block-header + .block, +.md .block-header + .card, +.md .block-header + .timeline { + margin-top: 10px; +} +.md .block-footer { + margin-bottom: 32px; +} +.md .list .block-header, +.md .block .block-header, +.md .card .block-header, +.md .timeline .block-header { + margin-top: 0; +} +.md .list .block-footer, +.md .block .block-footer, +.md .card .block-footer, +.md .timeline .block-footer { + margin-bottom: 0; +} +.md .list + .block-footer, +.md .block + .block-footer, +.md .card + .block-footer, +.md .timeline + .block-footer { + margin-top: -22px; +} +.md .block + .block-footer { + margin-top: -22px; + margin-bottom: 32px; +} +@media (min-width: 768px) { + .md .block.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .block-strong.tablet-inset { + border-radius: 4px; + } +} +.md .theme-dark .block-title { + color: #fff; +} +.md .theme-dark .block-header, +.md .theme-dark .block-footer { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-left .block-header, + .md.device-iphone-x .ios-left-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-left .block-footer { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 0; + } + .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-header, + .md.device-iphone-x .ios-edges .block-header, + .md.device-iphone-x .popup .block-header, + .md.device-iphone-x .sheet-modal .block-header, + .md.device-iphone-x .panel-right .block-header, + .md.device-iphone-x .ios-right-edge .block-footer, + .md.device-iphone-x .ios-edges .block-footer, + .md.device-iphone-x .popup .block-footer, + .md.device-iphone-x .sheet-modal .block-footer, + .md.device-iphone-x .panel-right .block-footer { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 0; + } + .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +/* === List View === */ +.list { + position: relative; + z-index: 1; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 8px; +} +.list .item-inner { + position: relative; + width: 100%; + padding-top: 8px; + padding-bottom: 8px; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.list .item-title { + min-width: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} +.list .item-after { + white-space: nowrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; +} +.list .item-link, +.list .list-button { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; +} +.list .item-title-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-title-row .item-after { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.list .item-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.list .item-cell { + display: block; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} +.list.simple-list li:last-child:after { + display: none !important; +} +.list.links-list a { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; +} +.list.links-list li:last-child a:after { + display: none !important; +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background: none; +} +.media-list .item-media, +li.media-item .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.list .item-link .item-inner, +.links-list a, +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row, +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner { + background-size: 8px 13px; + background-repeat: no-repeat; + background-position: 15px center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.links-list.no-chevron a, +.no-chevron .links-list a, +.links-list .no-chevron a, +.item-link.no-chevron .item-inner, +.no-chevron .item-link .item-inner, +.media-list.no-chevron .item-link .item-title-row, +.no-chevron .media-list .item-link .item-title-row, +li.media-item .no-chevron .item-title-row, +li.media-item.no-chevron .item-title-row, +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + background-image: none !important; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + background-image: none; +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + background-position: left center !important; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +li.list-group-title:before, +.list li.list-group-title:before { + display: none !important; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +@media (min-width: 768px) { + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } +} +.theme-dark .list .item-link .item-inner, +.list.theme-dark .item-link .item-inner, +.theme-dark .links-list a, +.links-list.theme-dark a, +.theme-dark .media-list .item-link .item-title-row, +.media-list.theme-dark .item-link .item-title-row, +.theme-dark li.media-item .item-link .item-title-row { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.theme-dark .media-list .item-link .item-inner, +.media-list.theme-dark .item-link .item-inner, +.theme-dark li.media-item .item-link .item-inner { + background-image: none; +} +.md .list { + margin: 32px 0; + font-size: 16px; +} +.md .list .item-cell { + width: 100%; + min-width: 0; + margin-right: 16px; +} +.md .list .item-cell:first-child { + margin-right: 0; +} +.md .list ul ul { + padding-right: 56px; +} +.md .list .item-media { + padding-top: 8px; + min-width: 40px; +} +.md .list .item-media i + i, +.md .list .item-media i + img { + margin-right: 8px; +} +.md .list .item-media + .item-inner { + margin-right: 16px; +} +.md .list .item-inner { + min-height: 48px; + padding-left: 16px; +} +.md .list .item-after { + color: #757575; + font-size: 14px; + padding-right: 8px; +} +.md .list .item-link, +.md .list .list-button { + color: inherit; +} +.md .list .item-link .item-inner, +.md .list .list-button .item-inner { + padding-left: 42px; +} +.md .list .item-link.active-state, +.md .list .list-button.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .list-button { + padding: 0 16px; + font-size: 16px; + line-height: 48px; +} +.md .list .item-content { + min-height: 48px; + padding-right: 16px; +} +.md .list .item-subtitle { + font-size: 14px; +} +.md .list .item-text { + font-size: 14px; + color: #757575; + line-height: 20px; + max-height: 40px; +} +.md .list .item-header, +.md .list .item-footer { + font-weight: normal; + font-size: 12px; + line-height: 1.2; + white-space: normal; +} +.md .list .item-footer { + color: rgba(0, 0, 0, 0.5); +} +.md .list .item-link.no-chevron .item-inner, +.md .list.no-chevron .item-link .item-inner, +.md .list .no-chevron .item-link .item-inner, +.md .no-chevron .list .item-link .item-inner { + padding-left: 16px; +} +.md .simple-list li:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .simple-list li:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .simple-list li:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .simple-list li { + padding-left: 16px; + padding-right: 16px; + line-height: 48px; + height: 48px; +} +.md .simple-list li:after { + width: auto; + left: 0; + right: 16px; +} +.md .links-list a:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .links-list a:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .links-list a:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .links-list a { + height: 48px; + color: inherit; +} +.md .links-list a.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .links-list a:after { + width: auto; +} +.md .links-list a { + padding-right: 16px; + padding-left: 42px; +} +.md .links-list a:after { + right: 16px; + left: 0; +} +.md .links-list.no-chevron a, +.md .no-chevron .links-list a, +.md .links-list a.no-chevron, +.md .links-list .no-chevron a { + padding-left: 16px; +} +.md .media-list .item-inner, +.md li.media-item .item-inner { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list .item-link .item-inner, +.md li.media-item .item-link .item-inner { + padding-left: 16px; +} +.md .media-list .item-link .item-title-row, +.md li.media-item .item-link .item-title-row { + padding-left: 26px; +} +.md .media-list .item-media, +.md li.media-item .item-media { + padding-top: 14px; + padding-bottom: 14px; +} +.md .media-list.chevron-center .item-link .item-inner, +.md .media-list .chevron-center .item-link .item-inner, +.md .media-list .item-link.chevron-center .item-inner, +.md li.media-item.chevron-center .item-link .item-inner, +.md li.media-item .item-link.chevron-center .item-inner, +.md li.media-item .chevron-center .item-link .item-inner { + padding-left: 42px; +} +.md .media-list.no-chevron .item-link .item-title-row, +.md .no-chevron .media-list .item-link .item-title-row, +.md .media-list .no-chevron .item-link .item-title-row, +.md li.media-item.no-chevron .item-link .item-title-row, +.md .no-chevron li.media-item .item-link .item-title-row, +.md .media-list.chevron-center .item-title-row, +.md .media-list .chevron-center .item-title-row, +.md li.media-item.chevron-center .item-title-row, +.md li.media-item .chevron-center .item-title-row { + padding-left: 0 !important; +} +.md .list .item-link .item-inner, +.md .links-list a { + background-position: 16px center; +} +.md .item-divider, +.md .list-group-title { + padding: 0 16px; + background: #f4f4f4; + color: rgba(0, 0, 0, 0.54); + height: 48px; + line-height: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; +} +.md .item-divider:before, +.md .list-group-title:before { + display: none !important; +} +.md .item-divider:after, +.md .list-group-title:after { + display: none !important; +} +.md .list-group-title { + margin-top: 0; +} +.md .list .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .list ul:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list ul:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .list ul:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .list ul:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .list.inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; +} +.md .list.inset ul { + border-radius: 4px; +} +.md .list.inset li:first-child > a { + border-radius: 4px 4px 0 0; +} +.md .list.inset li:last-child > a { + border-radius: 0 0 4px 4px; +} +.md .list.inset li:first-child:last-child > a { + border-radius: 4px; +} +@media (min-width: 768px) { + .md .list.tablet-inset { + margin-left: 16px; + margin-right: 16px; + border-radius: 4px; + } + .md .list.tablet-inset li:first-child > a { + border-radius: 4px 4px 0 0; + } + .md .list.tablet-inset li:last-child > a { + border-radius: 0 0 4px 4px; + } + .md .list.tablet-inset li:first-child:last-child > a { + border-radius: 4px; + } +} +.md li li:last-child .item-inner:after, +.md li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, +html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + background-position: calc(16px + constant(safe-area-inset-left)) center; + background-position: calc(16px + env(safe-area-inset-left)) center; + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(42px + constant(safe-area-inset-left)); + padding-left: calc(42px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, + .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, + .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { + padding-left: 0; + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { + padding-right: 16px; + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { + right: calc(16px + constant(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, + .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { + right: calc(16px + const(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(16px + constant(safe-area-inset-left)); + margin-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, + .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, + .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { + padding-left: 15px; + } +} +@media (orientation: landscape) and (min-width: 768px) { + .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(16px + constant(safe-area-inset-right)); + margin-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .list ul:before, +.list.md .theme-dark ul:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list ul:after, +.list.md .theme-dark ul:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list li li:last-child .item-inner:after, +.list.md .theme-dark li li:last-child .item-inner:after, +.md .theme-dark .list li:last-child li .item-inner:after, +.list.md .theme-dark li:last-child li .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-group-title:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list-button:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-inner:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-divider, +.md .theme-dark .list-group-title { + background-color: #111; + color: #fff; +} +.md .theme-dark .links-list a:after, +.md .theme-dark .simple-list li:after, +.md .theme-dark .links-list a:after, +.links-list.md .theme-dark a .simple-list li:after, +.simple-list.md .theme-dark li:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .list .item-link.active-state, +.list.md .theme-dark .item-link.active-state, +.md .theme-dark .list .list-button.active-state, +.list.md .theme-dark .list-button.active-state, +.md .theme-dark .links-list a.active-state, +.links-list.md .theme-dark a.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .item-after, +.md .theme-dark .item-text { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .list-button { + color: #f44336; +} +.md .color-theme-green .list-button { + color: #4caf50; +} +.md .color-theme-blue .list-button { + color: #2196f3; +} +.md .color-theme-pink .list-button { + color: #e91e63; +} +.md .color-theme-yellow .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .list-button { + color: #ff9800; +} +.md .color-theme-gray .list-button { + color: #9e9e9e; +} +.md .color-theme-white .list-button { + color: #ffffff; +} +.md .color-theme-black .list-button { + color: #000000; +} +.md .list .list-button.color-red, +.md .list li.color-red .list-button, +.md .links-list li.color-red a, +.md .simple-list li.color-red, +.md .links-list a.color-red, +.md .list .item-link.color-red, +.md .list li.color-red .item-link { + color: #f44336; +} +.md .list .list-button.color-green, +.md .list li.color-green .list-button, +.md .links-list li.color-green a, +.md .simple-list li.color-green, +.md .links-list a.color-green, +.md .list .item-link.color-green, +.md .list li.color-green .item-link { + color: #4caf50; +} +.md .list .list-button.color-blue, +.md .list li.color-blue .list-button, +.md .links-list li.color-blue a, +.md .simple-list li.color-blue, +.md .links-list a.color-blue, +.md .list .item-link.color-blue, +.md .list li.color-blue .item-link { + color: #2196f3; +} +.md .list .list-button.color-pink, +.md .list li.color-pink .list-button, +.md .links-list li.color-pink a, +.md .simple-list li.color-pink, +.md .links-list a.color-pink, +.md .list .item-link.color-pink, +.md .list li.color-pink .item-link { + color: #e91e63; +} +.md .list .list-button.color-yellow, +.md .list li.color-yellow .list-button, +.md .links-list li.color-yellow a, +.md .simple-list li.color-yellow, +.md .links-list a.color-yellow, +.md .list .item-link.color-yellow, +.md .list li.color-yellow .item-link { + color: #ffeb3b; +} +.md .list .list-button.color-orange, +.md .list li.color-orange .list-button, +.md .links-list li.color-orange a, +.md .simple-list li.color-orange, +.md .links-list a.color-orange, +.md .list .item-link.color-orange, +.md .list li.color-orange .item-link { + color: #ff9800; +} +.md .list .list-button.color-gray, +.md .list li.color-gray .list-button, +.md .links-list li.color-gray a, +.md .simple-list li.color-gray, +.md .links-list a.color-gray, +.md .list .item-link.color-gray, +.md .list li.color-gray .item-link { + color: #9e9e9e; +} +.md .list .list-button.color-white, +.md .list li.color-white .list-button, +.md .links-list li.color-white a, +.md .simple-list li.color-white, +.md .links-list a.color-white, +.md .list .item-link.color-white, +.md .list li.color-white .item-link { + color: #ffffff; +} +.md .list .list-button.color-black, +.md .list li.color-black .list-button, +.md .links-list li.color-black a, +.md .simple-list li.color-black, +.md .links-list a.color-black, +.md .list .item-link.color-black, +.md .list li.color-black .item-link { + color: #000000; +} +/* === Badge === */ +.badge { + display: inline-block; + color: #fff; + background: #8e8e93; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; +} +.md .badge { + font-size: 10px; + border-radius: 3px; + padding: 1px 6px; + vertical-align: middle; +} +.md .icon .badge, +.md .f7-icons .badge, +.md .framework7-icons .badge, +.md .material-icons .badge { + line-height: 1.4; + padding: 1px 5px; + font-family: Roboto, Noto, Helvetica, Arial, sans-serif; + font-size: 10px; +} +.md .badge.color-red { + background-color: #f44336; +} +.md .badge.color-green { + background-color: #4caf50; +} +.md .badge.color-blue { + background-color: #2196f3; +} +.md .badge.color-pink { + background-color: #e91e63; +} +.md .badge.color-yellow { + background-color: #ffeb3b; +} +.md .badge.color-orange { + background-color: #ff9800; +} +.md .badge.color-gray { + background-color: #9e9e9e; +} +.md .badge.color-white { + background-color: #ffffff; +} +.md .badge.color-black { + background-color: #000000; +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +button { + width: 100%; +} +.segmented { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.segmented .button, +.segmented button { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.subnavbar .segmented { + width: 100%; +} +.md .button { + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .button.button-fill, +.md .button.button-fill-md, +.md .button.button-active, +.md .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.button-fill.active-state, +.md .button.button-fill-md.active-state, +.md .button.button-active.active-state, +.md .button.tab-link-active.active-state { + background: #0c82df; +} +.md .button.button-big, +.md .button.button-big-md { + height: 48px; + line-height: 48px; + border-radius: 4px; +} +.md .button.button-round, +.md .button.button-round-md { + border-radius: 36px; +} +.md .button.button-outline { + border: 2px solid #2196f3; + line-height: 32px; +} +.md .button.button-outline.button-big, +.md .button.button-outline.button-big-md { + line-height: 44px; +} +.md .button.button-small, +.md .button.button-small-md { + height: 28px; + line-height: 28px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.03em; +} +.md .button.button-small.button-outline, +.md .button.button-small-md.button-outline { + border-width: 2px; + line-height: 24px; +} +.md .button > i.icon + span, +.md .button > span:not(.ripple-wave) + span, +.md .button > span:not(.ripple-wave) + i.icon, +.md .button > i.icon + i.icon { + margin-right: 8px; +} +.md .button.button-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .button.button-raised.active-state { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .navbar .button:not(.button-fill):not(.button-fill-md), +.md .subnavbar .button:not(.button-fill):not(.button-fill-md), +.md .toolbar .button:not(.button-fill):not(.button-fill-md) { + color: #fff; +} +.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, +.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .toast .button:not(.button-fill):not(.button-fill-md).active-state { + background: rgba(255, 255, 255, 0.15); +} +.md .segmented { + border-radius: 4px; +} +.md .segmented.segmented-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .segmented.segmented-round { + border-radius: 36px; +} +.md .segmented .button { + border-radius: 0; + min-width: 0; + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .segmented .button:first-child { + border-radius: 0 4px 4px 0; + border-right: none; +} +.md .segmented .button.button-outline { + border: 2px solid #2196f3; +} +.md .segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.md .segmented .button:last-child { + border-radius: 4px 0 0 4px; +} +.md .segmented .button:first-child:last-child { + border-radius: 4px; +} +.md .segmented .button.button-round:first-child { + border-radius: 0 36px 36px 0; +} +.md .segmented .button.button-round:last-child { + border-radius: 36px 0 0 36px; +} +.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { + background-color: rgba(255, 255, 255, 0.1); +} +.md .color-theme-red .button, +.md .color-red .button { + color: #f44336; +} +.md .color-theme-red .button.button-fill, +.md .color-red .button.button-fill, +.md .color-theme-red .button.button-fill-md, +.md .color-red .button.button-fill-md, +.md .color-theme-red .button.button-active, +.md .color-red .button.button-active, +.md .color-theme-red .button.tab-link-active, +.md .color-red .button.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .button.button-fill.active-state, +.md .color-red .button.button-fill.active-state, +.md .color-theme-red .button.button-fill-md.active-state, +.md .color-red .button.button-fill-md.active-state, +.md .color-theme-red .button.button-active.active-state, +.md .color-red .button.button-active.active-state, +.md .color-theme-red .button.tab-link-active.active-state, +.md .color-red .button.tab-link-active.active-state { + background: #f21f0f; +} +.md .color-theme-red .button.button-outline, +.md .color-red .button.button-outline { + border-color: #f44336; +} +.md .color-theme-green .button, +.md .color-green .button { + color: #4caf50; +} +.md .color-theme-green .button.button-fill, +.md .color-green .button.button-fill, +.md .color-theme-green .button.button-fill-md, +.md .color-green .button.button-fill-md, +.md .color-theme-green .button.button-active, +.md .color-green .button.button-active, +.md .color-theme-green .button.tab-link-active, +.md .color-green .button.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .button.button-fill.active-state, +.md .color-green .button.button-fill.active-state, +.md .color-theme-green .button.button-fill-md.active-state, +.md .color-green .button.button-fill-md.active-state, +.md .color-theme-green .button.button-active.active-state, +.md .color-green .button.button-active.active-state, +.md .color-theme-green .button.tab-link-active.active-state, +.md .color-green .button.tab-link-active.active-state { + background: #409343; +} +.md .color-theme-green .button.button-outline, +.md .color-green .button.button-outline { + border-color: #4caf50; +} +.md .color-theme-blue .button, +.md .color-blue .button { + color: #2196f3; +} +.md .color-theme-blue .button.button-fill, +.md .color-blue .button.button-fill, +.md .color-theme-blue .button.button-fill-md, +.md .color-blue .button.button-fill-md, +.md .color-theme-blue .button.button-active, +.md .color-blue .button.button-active, +.md .color-theme-blue .button.tab-link-active, +.md .color-blue .button.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .button.button-fill.active-state, +.md .color-blue .button.button-fill.active-state, +.md .color-theme-blue .button.button-fill-md.active-state, +.md .color-blue .button.button-fill-md.active-state, +.md .color-theme-blue .button.button-active.active-state, +.md .color-blue .button.button-active.active-state, +.md .color-theme-blue .button.tab-link-active.active-state, +.md .color-blue .button.tab-link-active.active-state { + background: #0c82df; +} +.md .color-theme-blue .button.button-outline, +.md .color-blue .button.button-outline { + border-color: #2196f3; +} +.md .color-theme-pink .button, +.md .color-pink .button { + color: #e91e63; +} +.md .color-theme-pink .button.button-fill, +.md .color-pink .button.button-fill, +.md .color-theme-pink .button.button-fill-md, +.md .color-pink .button.button-fill-md, +.md .color-theme-pink .button.button-active, +.md .color-pink .button.button-active, +.md .color-theme-pink .button.tab-link-active, +.md .color-pink .button.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .button.button-fill.active-state, +.md .color-pink .button.button-fill.active-state, +.md .color-theme-pink .button.button-fill-md.active-state, +.md .color-pink .button.button-fill-md.active-state, +.md .color-theme-pink .button.button-active.active-state, +.md .color-pink .button.button-active.active-state, +.md .color-theme-pink .button.tab-link-active.active-state, +.md .color-pink .button.tab-link-active.active-state { + background: #ca1452; +} +.md .color-theme-pink .button.button-outline, +.md .color-pink .button.button-outline { + border-color: #e91e63; +} +.md .color-theme-yellow .button, +.md .color-yellow .button { + color: #ffeb3b; +} +.md .color-theme-yellow .button.button-fill, +.md .color-yellow .button.button-fill, +.md .color-theme-yellow .button.button-fill-md, +.md .color-yellow .button.button-fill-md, +.md .color-theme-yellow .button.button-active, +.md .color-yellow .button.button-active, +.md .color-theme-yellow .button.tab-link-active, +.md .color-yellow .button.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .button.button-fill.active-state, +.md .color-yellow .button.button-fill.active-state, +.md .color-theme-yellow .button.button-fill-md.active-state, +.md .color-yellow .button.button-fill-md.active-state, +.md .color-theme-yellow .button.button-active.active-state, +.md .color-yellow .button.button-active.active-state, +.md .color-theme-yellow .button.tab-link-active.active-state, +.md .color-yellow .button.tab-link-active.active-state { + background: #ffe712; +} +.md .color-theme-yellow .button.button-outline, +.md .color-yellow .button.button-outline { + border-color: #ffeb3b; +} +.md .color-theme-orange .button, +.md .color-orange .button { + color: #ff9800; +} +.md .color-theme-orange .button.button-fill, +.md .color-orange .button.button-fill, +.md .color-theme-orange .button.button-fill-md, +.md .color-orange .button.button-fill-md, +.md .color-theme-orange .button.button-active, +.md .color-orange .button.button-active, +.md .color-theme-orange .button.tab-link-active, +.md .color-orange .button.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .button.button-fill.active-state, +.md .color-orange .button.button-fill.active-state, +.md .color-theme-orange .button.button-fill-md.active-state, +.md .color-orange .button.button-fill-md.active-state, +.md .color-theme-orange .button.button-active.active-state, +.md .color-orange .button.button-active.active-state, +.md .color-theme-orange .button.tab-link-active.active-state, +.md .color-orange .button.tab-link-active.active-state { + background: #d68000; +} +.md .color-theme-orange .button.button-outline, +.md .color-orange .button.button-outline { + border-color: #ff9800; +} +.md .color-theme-gray .button, +.md .color-gray .button { + color: #9e9e9e; +} +.md .color-theme-gray .button.button-fill, +.md .color-gray .button.button-fill, +.md .color-theme-gray .button.button-fill-md, +.md .color-gray .button.button-fill-md, +.md .color-theme-gray .button.button-active, +.md .color-gray .button.button-active, +.md .color-theme-gray .button.tab-link-active, +.md .color-gray .button.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .button.button-fill.active-state, +.md .color-gray .button.button-fill.active-state, +.md .color-theme-gray .button.button-fill-md.active-state, +.md .color-gray .button.button-fill-md.active-state, +.md .color-theme-gray .button.button-active.active-state, +.md .color-gray .button.button-active.active-state, +.md .color-theme-gray .button.tab-link-active.active-state, +.md .color-gray .button.tab-link-active.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .button.button-outline, +.md .color-gray .button.button-outline { + border-color: #9e9e9e; +} +.md .color-theme-white .button, +.md .color-white .button { + color: #ffffff; +} +.md .color-theme-white .button.button-fill, +.md .color-white .button.button-fill, +.md .color-theme-white .button.button-fill-md, +.md .color-white .button.button-fill-md, +.md .color-theme-white .button.button-active, +.md .color-white .button.button-active, +.md .color-theme-white .button.tab-link-active, +.md .color-white .button.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .button.button-fill.active-state, +.md .color-white .button.button-fill.active-state, +.md .color-theme-white .button.button-fill-md.active-state, +.md .color-white .button.button-fill-md.active-state, +.md .color-theme-white .button.button-active.active-state, +.md .color-white .button.button-active.active-state, +.md .color-theme-white .button.tab-link-active.active-state, +.md .color-white .button.tab-link-active.active-state { + background: #ebebeb; +} +.md .color-theme-white .button.button-outline, +.md .color-white .button.button-outline { + border-color: #ffffff; +} +.md .color-theme-black .button, +.md .color-black .button { + color: #000000; +} +.md .color-theme-black .button.button-fill, +.md .color-black .button.button-fill, +.md .color-theme-black .button.button-fill-md, +.md .color-black .button.button-fill-md, +.md .color-theme-black .button.button-active, +.md .color-black .button.button-active, +.md .color-theme-black .button.tab-link-active, +.md .color-black .button.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .button.button-fill.active-state, +.md .color-black .button.button-fill.active-state, +.md .color-theme-black .button.button-fill-md.active-state, +.md .color-black .button.button-fill-md.active-state, +.md .color-theme-black .button.button-active.active-state, +.md .color-black .button.button-active.active-state, +.md .color-theme-black .button.tab-link-active.active-state, +.md .color-black .button.tab-link-active.active-state { + background: #000000; +} +.md .color-theme-black .button.button-outline, +.md .color-black .button.button-outline { + border-color: #000000; +} +.md .button.color-red { + color: #f44336; +} +.md .button.color-red.button-fill, +.md .button.color-red.button-fill-md, +.md .button.color-red.button-active, +.md .button.color-red.tab-link-active { + background-color: #f44336; + color: #fff; +} +.md .button.color-red.button-fill.active-state, +.md .button.color-red.button-fill-md.active-state, +.md .button.color-red.button-active.active-state, +.md .button.color-red.tab-link-active.active-state { + background: #f21f0f; +} +.md .button.color-red.button-outline { + border-color: #f44336; +} +.md .button.color-green { + color: #4caf50; +} +.md .button.color-green.button-fill, +.md .button.color-green.button-fill-md, +.md .button.color-green.button-active, +.md .button.color-green.tab-link-active { + background-color: #4caf50; + color: #fff; +} +.md .button.color-green.button-fill.active-state, +.md .button.color-green.button-fill-md.active-state, +.md .button.color-green.button-active.active-state, +.md .button.color-green.tab-link-active.active-state { + background: #409343; +} +.md .button.color-green.button-outline { + border-color: #4caf50; +} +.md .button.color-blue { + color: #2196f3; +} +.md .button.color-blue.button-fill, +.md .button.color-blue.button-fill-md, +.md .button.color-blue.button-active, +.md .button.color-blue.tab-link-active { + background-color: #2196f3; + color: #fff; +} +.md .button.color-blue.button-fill.active-state, +.md .button.color-blue.button-fill-md.active-state, +.md .button.color-blue.button-active.active-state, +.md .button.color-blue.tab-link-active.active-state { + background: #0c82df; +} +.md .button.color-blue.button-outline { + border-color: #2196f3; +} +.md .button.color-pink { + color: #e91e63; +} +.md .button.color-pink.button-fill, +.md .button.color-pink.button-fill-md, +.md .button.color-pink.button-active, +.md .button.color-pink.tab-link-active { + background-color: #e91e63; + color: #fff; +} +.md .button.color-pink.button-fill.active-state, +.md .button.color-pink.button-fill-md.active-state, +.md .button.color-pink.button-active.active-state, +.md .button.color-pink.tab-link-active.active-state { + background: #ca1452; +} +.md .button.color-pink.button-outline { + border-color: #e91e63; +} +.md .button.color-yellow { + color: #ffeb3b; +} +.md .button.color-yellow.button-fill, +.md .button.color-yellow.button-fill-md, +.md .button.color-yellow.button-active, +.md .button.color-yellow.tab-link-active { + background-color: #ffeb3b; + color: #fff; +} +.md .button.color-yellow.button-fill.active-state, +.md .button.color-yellow.button-fill-md.active-state, +.md .button.color-yellow.button-active.active-state, +.md .button.color-yellow.tab-link-active.active-state { + background: #ffe712; +} +.md .button.color-yellow.button-outline { + border-color: #ffeb3b; +} +.md .button.color-orange { + color: #ff9800; +} +.md .button.color-orange.button-fill, +.md .button.color-orange.button-fill-md, +.md .button.color-orange.button-active, +.md .button.color-orange.tab-link-active { + background-color: #ff9800; + color: #fff; +} +.md .button.color-orange.button-fill.active-state, +.md .button.color-orange.button-fill-md.active-state, +.md .button.color-orange.button-active.active-state, +.md .button.color-orange.tab-link-active.active-state { + background: #d68000; +} +.md .button.color-orange.button-outline { + border-color: #ff9800; +} +.md .button.color-gray { + color: #9e9e9e; +} +.md .button.color-gray.button-fill, +.md .button.color-gray.button-fill-md, +.md .button.color-gray.button-active, +.md .button.color-gray.tab-link-active { + background-color: #9e9e9e; + color: #fff; +} +.md .button.color-gray.button-fill.active-state, +.md .button.color-gray.button-fill-md.active-state, +.md .button.color-gray.button-active.active-state, +.md .button.color-gray.tab-link-active.active-state { + background: #8a8a8a; +} +.md .button.color-gray.button-outline { + border-color: #9e9e9e; +} +.md .button.color-white { + color: #ffffff; +} +.md .button.color-white.button-fill, +.md .button.color-white.button-fill-md, +.md .button.color-white.button-active, +.md .button.color-white.tab-link-active { + background-color: #ffffff; + color: #fff; +} +.md .button.color-white.button-fill.active-state, +.md .button.color-white.button-fill-md.active-state, +.md .button.color-white.button-active.active-state, +.md .button.color-white.tab-link-active.active-state { + background: #ebebeb; +} +.md .button.color-white.button-outline { + border-color: #ffffff; +} +.md .button.color-black { + color: #000000; +} +.md .button.color-black.button-fill, +.md .button.color-black.button-fill-md, +.md .button.color-black.button-active, +.md .button.color-black.tab-link-active { + background-color: #000000; + color: #fff; +} +.md .button.color-black.button-fill.active-state, +.md .button.color-black.button-fill-md.active-state, +.md .button.color-black.button-active.active-state, +.md .button.color-black.tab-link-active.active-state { + background: #000000; +} +.md .button.color-black.button-outline { + border-color: #000000; +} +/* === Touch Ripple === */ +.md .ripple, +.md .fab a, +.md a.link, +.md a.item-link, +.md .button, +.md .dialog-button, +.md .tab-link, +.md .radio, +.md .checkbox, +.md .actions-button, +.md .speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.md .ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + background: rgba(0, 0, 0, 0.1); + padding: 0; + margin: 0; + font-size: 0; + -webkit-transform: translate3d(0px, 0px, 0) scale(0); + transform: translate3d(0px, 0px, 0) scale(0); + -webkit-transition-duration: 1400ms; + transition-duration: 1400ms; +} +.md .ripple-wave.ripple-wave-fill { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + opacity: 0.35; +} +.md .ripple-wave.ripple-wave-out { + -webkit-transition-duration: 600ms; + transition-duration: 600ms; + opacity: 0; +} +.button-fill .md .ripple-wave, +.picker-calendar-day .md .ripple-wave { + z-index: 1; +} +.md .button-fill .ripple-wave, +.md .button-active .ripple-wave, +.md .navbar .ripple-wave, +.md .toolbar .ripple-wave, +.md .subnavbar .ripple-wave, +.md .toast .ripple-wave, +.md .fab a .ripple-wave, +.md .stepper-fill .ripple-wave { + background: rgba(255, 255, 255, 0.3); +} +.md .messagebar .ripple-wave, +.md .searchbar .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .data-table .sortable-cell .ripple-wave { + z-index: 0; +} +.md .checkbox .ripple-wave, +.md .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); + z-index: 0; +} +.md .theme-dark .page-content .ripple-wave, +.md .theme-dark .messagebar .ripple-wave, +.md .theme-dark .popover .ripple-wave, +.md .theme-dark .calendar .ripple-wave, +.calendar.md .theme-dark .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-red .ripple-wave, +.md .ripple-red .ripple-wave { + background-color: rgba(244, 67, 54, 0.3); +} +.md .ripple-color-green .ripple-wave, +.md .ripple-green .ripple-wave { + background-color: rgba(76, 175, 80, 0.3); +} +.md .ripple-color-blue .ripple-wave, +.md .ripple-blue .ripple-wave { + background-color: rgba(33, 150, 243, 0.3); +} +.md .ripple-color-pink .ripple-wave, +.md .ripple-pink .ripple-wave { + background-color: rgba(233, 30, 99, 0.3); +} +.md .ripple-color-yellow .ripple-wave, +.md .ripple-yellow .ripple-wave { + background-color: rgba(255, 235, 59, 0.3); +} +.md .ripple-color-orange .ripple-wave, +.md .ripple-orange .ripple-wave { + background-color: rgba(255, 152, 0, 0.3); +} +.md .ripple-color-gray .ripple-wave, +.md .ripple-gray .ripple-wave { + background-color: rgba(158, 158, 158, 0.3); +} +.md .ripple-color-white .ripple-wave, +.md .ripple-white .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .ripple-color-black .ripple-wave, +.md .ripple-black .ripple-wave { + background-color: rgba(0, 0, 0, 0.3); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.md .icon-back { + width: 24px; + height: 24px; +} +.md .icon-forward { + width: 24px; + height: 24px; +} +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-red, +.md a.link .color-red .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-red, +.md a.link .color-red .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-red, +.md a.link .color-red .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-red, +.md a.link .color-red .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-green, +.md a.link .color-green .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-green, +.md a.link .color-green .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-green, +.md a.link .color-green .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-green, +.md a.link .color-green .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-blue, +.md a.link .color-blue .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-blue, +.md a.link .color-blue .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-blue, +.md a.link .color-blue .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-blue, +.md a.link .color-blue .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-pink, +.md a.link .color-pink .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-pink, +.md a.link .color-pink .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-pink, +.md a.link .color-pink .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-pink, +.md a.link .color-pink .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-yellow, +.md a.link .color-yellow .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-yellow, +.md a.link .color-yellow .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-yellow, +.md a.link .color-yellow .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-yellow, +.md a.link .color-yellow .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-orange, +.md a.link .color-orange .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-orange, +.md a.link .color-orange .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-orange, +.md a.link .color-orange .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-orange, +.md a.link .color-orange .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-gray, +.md a.link .color-gray .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-gray, +.md a.link .color-gray .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-gray, +.md a.link .color-gray .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-gray, +.md a.link .color-gray .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-white, +.md a.link .color-white .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-white, +.md a.link .color-white .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-white, +.md a.link .color-white .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-white, +.md a.link .color-white .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-forward.color-black, +.md a.link .color-black .icon-forward { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-back.color-black, +.md a.link .color-black .icon-back { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-prev.color-black, +.md a.link .color-black .icon-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon-next.color-black, +.md a.link .color-black .icon-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .icon.color-red { + color: #f44336; +} +.md .icon.color-green { + color: #4caf50; +} +.md .icon.color-blue { + color: #2196f3; +} +.md .icon.color-pink { + color: #e91e63; +} +.md .icon.color-yellow { + color: #ffeb3b; +} +.md .icon.color-orange { + color: #ff9800; +} +.md .icon.color-gray { + color: #9e9e9e; +} +.md .icon.color-white { + color: #ffffff; +} +.md .icon.color-black { + color: #000000; +} +.custom-modal-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.custom-modal-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +.dialog-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + -webkit-transform: translate3d(0, 0, 0) scale(1.185); + transform: translate3d(0, 0, 0) scale(1.185); + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + display: none; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + font-weight: 500; +} +.dialog-buttons { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +.dialog-input-field .item-input-wrap { + margin: 0; + padding: 0; +} +.dialog-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + -webkit-box-shadow: none; + box-shadow: none; +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.md .dialog { + width: 280px; + margin-left: -140px; + border-radius: 4px; + color: #757575; + background: #fff; + font-size: 16px; + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.md .dialog.modal-in { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); +} +.md .dialog.modal-out { + opacity: 0; + z-index: 13499; + -webkit-transform: translate3d(0, 0, 0) scale(0.815); + transform: translate3d(0, 0, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title { + font-size: 20px; + color: #212121; + line-height: 1.3; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-buttons .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + letter-spacing: 0.03em; + font-weight: 500; +} +input[type="submit"].md .dialog-button, +input[type="button"].md .dialog-button { + width: 100%; +} +.md .dialog-button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-input { + height: 36px; + padding: 0; + border: none; + font-size: 16px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +.md .dialog-button.color-red { + color: #f44336; +} +.md .dialog-button.color-green { + color: #4caf50; +} +.md .dialog-button.color-blue { + color: #2196f3; +} +.md .dialog-button.color-pink { + color: #e91e63; +} +.md .dialog-button.color-yellow { + color: #ffeb3b; +} +.md .dialog-button.color-orange { + color: #ff9800; +} +.md .dialog-button.color-gray { + color: #9e9e9e; +} +.md .dialog-button.color-white { + color: #ffffff; +} +.md .dialog-button.color-black { + color: #000000; +} +/* === Popup === */ +.popup-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 10500; +} +.popup-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popup { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.popup.modal-in, +.popup.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popup.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: 630px; + height: 630px; + left: 50%; + top: 50%; + margin-left: -315px; + margin-top: -315px; + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + -webkit-transform: translate3d(0, 100vh, 0); + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + html.with-statusbar .popup-backdrop { + z-index: 9500; + } + html.with-statusbar.device-ios .popup, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup { + height: calc(100% - 24px); + top: 24px; + } +} +@media (min-width: 630px), (min-height: 630px) { + html.with-statusbar.device-ios .popup-tablet-fullscreen, + html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 20px); + top: 20px; + } + html.with-statusbar.device-iphone-x .popup-tablet-fullscreen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + } + html.with-statusbar.device-android .popup-tablet-fullscreen, + html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen { + height: calc(100% - 24px); + top: 24px; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +@media (min-width: 630px) and (min-height: 630px) { + .md .popup:not(.popup-tablet-fullscreen) { + -webkit-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); + box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); + } +} +/* === Login Screen === */ +.login-screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; +} +.login-screen.modal-in, +.login-screen.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.login-screen.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +html.with-statusbar.device-ios .login-screen, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 20px); + top: 20px; +} +html.with-statusbar.device-iphone-x .login-screen { + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .login-screen, +html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen { + height: calc(100% - 24px); + top: 24px; +} +.login-screen-content { + background: #fff; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: 480px; +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: center; +} +.md .login-screen-content .login-screen-title, +.md .login-screen-content .list, +.md .login-screen-content .block { + margin: 24px auto; +} +.md .login-screen-content .list-button { + text-align: center; + color: #2196f3; +} +.md .login-screen-title { + font-size: 34px; +} +.md .theme-dark .login-screen-content, +.login-screen-content.md .theme-dark { + background: none; +} +.md .color-theme-red .login-screen-content .list-button { + color: #f44336; +} +.md .color-theme-green .login-screen-content .list-button { + color: #4caf50; +} +.md .color-theme-blue .login-screen-content .list-button { + color: #2196f3; +} +.md .color-theme-pink .login-screen-content .list-button { + color: #e91e63; +} +.md .color-theme-yellow .login-screen-content .list-button { + color: #ffeb3b; +} +.md .color-theme-orange .login-screen-content .list-button { + color: #ff9800; +} +.md .color-theme-gray .login-screen-content .list-button { + color: #9e9e9e; +} +.md .color-theme-white .login-screen-content .list-button { + color: #ffffff; +} +.md .color-theme-black .login-screen-content .list-button { + color: #000000; +} +.md .login-screen-content .list-button.color-red { + color: #f44336; +} +.md .login-screen-content .list-button.color-green { + color: #4caf50; +} +.md .login-screen-content .list-button.color-blue { + color: #2196f3; +} +.md .login-screen-content .list-button.color-pink { + color: #e91e63; +} +.md .login-screen-content .list-button.color-yellow { + color: #ffeb3b; +} +.md .login-screen-content .list-button.color-orange { + color: #ff9800; +} +.md .login-screen-content .list-button.color-gray { + color: #9e9e9e; +} +.md .login-screen-content .list-button.color-white { + color: #ffffff; +} +.md .login-screen-content .list-button.color-black { + color: #000000; +} +/* === Popover === */ +.popover-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.popover-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.popover { + width: 260px; + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.popover-inner { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.md .popover { + background: #fff; + border-radius: 4px; + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + -webkit-transform: scale(0.85, 0.6); + transform: scale(0.85, 0.6); + -webkit-transition-property: opacity, border-radius, -webkit-transform; + transition-property: opacity, border-radius, -webkit-transform; + transition-property: opacity, transform, border-radius; + transition-property: opacity, transform, border-radius, -webkit-transform; +} +.md .popover.modal-in { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.md .popover .list:first-child ul { + border-radius: 3px 3px 0 0; +} +.md .popover .list:first-child li:first-child, +.md .popover .list:first-child li:first-child a, +.md .popover .list:first-child li:first-child > label { + border-radius: 3px 3px 0 0; +} +.md .popover .list:last-child ul { + border-radius: 0 0 3px 3px; +} +.md .popover .list:last-child li:last-child, +.md .popover .list:last-child li:last-child a, +.md .popover .list:last-child li:last-child > label { + border-radius: 0 0 3px 3px; +} +.md .popover .list:first-child:last-child li:first-child:last-child, +.md .popover .list:first-child:last-child li:first-child:last-child a, +.md .popover .list:first-child:last-child li:first-child:last-child > label, +.md .popover .list:first-child:last-child ul { + border-radius: 13px; +} +.md .popover .list + .list { + margin-top: 35px; +} +.md .popover-on-top { + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.md .popover-on-bottom { + -webkit-transform-origin: center top; + transform-origin: center top; +} +.md .popover-from-actions .list { + margin: 0; +} +.md .popover-from-actions .item-link i.icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.md .popover-from-actions-label { + padding: 8px 16px; + color: rgba(0, 0, 0, 0.54); + padding-top: 12px; + padding-bottom: 12px; +} +.md .popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: #d2d2d6; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .popover-from-actions-label:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .theme-dark .popover { + background-color: #202020; +} +.md .theme-dark .popover-from-actions-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .popover-from-actions-label:after { + background-color: rgba(255, 255, 255, 0.08); +} +/* === Actions === */ +.actions-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.actions-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.actions-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.actions-modal.modal-in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.actions-modal.modal-out { + z-index: 13499; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +.actions-group { + position: relative; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: relative; +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 500; +} +.actions-button { + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.actions-button-media { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-button-text { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.actions-label { + line-height: 1.3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.actions-grid .actions-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; +} +.actions-grid .actions-button-media { + margin-left: auto; + margin-right: auto; +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center; +} +.md .actions-modal { + background: #fff; +} +.md .actions-group:last-child:after { + display: none !important; +} +.md .actions-group:after { + content: ''; + position: absolute; + background-color: #d2d2d6; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .actions-group:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .actions-group:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .actions-button, +.md .actions-label { + padding: 0 16px; +} +.md .actions-button { + line-height: 48px; + font-size: 16px; + color: rgba(0, 0, 0, 0.87); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.md .actions-button a, +.md .actions-button { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.md .actions-button a.active-state, +.md .actions-button.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media i.icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +.md .actions-label { + font-size: 16px; + color: rgba(0, 0, 0, 0.54); + padding-top: 12px; + padding-bottom: 12px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.md .actions-grid { + padding: 0; +} +.md .actions-grid .actions-button-media { + width: 48px; + height: 48px; +} +.md .actions-grid .actions-button-media i.icon { + width: 48px; + height: 48px; + font-size: 48px; +} +.md .actions-grid .actions-button { + padding: 16px; + line-height: 1; +} +.md .actions-grid .actions-button-text { + margin-top: 8px; + line-height: 16px; + height: 16px; + font-size: 12px; + color: #757575; +} +.md .actions-button.color-red, +.md .actions-label.color-red, +.md .actions-button.color-red .actions-button-text { + color: #f44336; +} +.md .actions-button.color-green, +.md .actions-label.color-green, +.md .actions-button.color-green .actions-button-text { + color: #4caf50; +} +.md .actions-button.color-blue, +.md .actions-label.color-blue, +.md .actions-button.color-blue .actions-button-text { + color: #2196f3; +} +.md .actions-button.color-pink, +.md .actions-label.color-pink, +.md .actions-button.color-pink .actions-button-text { + color: #e91e63; +} +.md .actions-button.color-yellow, +.md .actions-label.color-yellow, +.md .actions-button.color-yellow .actions-button-text { + color: #ffeb3b; +} +.md .actions-button.color-orange, +.md .actions-label.color-orange, +.md .actions-button.color-orange .actions-button-text { + color: #ff9800; +} +.md .actions-button.color-gray, +.md .actions-label.color-gray, +.md .actions-button.color-gray .actions-button-text { + color: #9e9e9e; +} +.md .actions-button.color-white, +.md .actions-label.color-white, +.md .actions-button.color-white .actions-button-text { + color: #ffffff; +} +.md .actions-button.color-black, +.md .actions-label.color-black, +.md .actions-button.color-black .actions-button-text { + color: #000000; +} +.md.device-iphone-x .actions-modal.modal-in { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +/* === Sheet Modal === */ +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + z-index: 11000; +} +.sheet-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 260px; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 12500; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sheet-modal.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.md .sheet-modal { + background: #fff; +} +.md .sheet-modal .toolbar { + top: 0; +} +.md .sheet-modal .toolbar:after { + display: none; +} +.md .sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - 48px); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .sheet-modal-inner .page-content { + padding-top: 0; +} +.md.device-iphone-x .sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.md.device-iphone-x .sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.md .theme-dark .sheet-modal { + background-color: #202020; +} +/* === Toast === */ +.toast { + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + position: absolute; + max-width: 568px; + z-index: 20000; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.toast .toast-text { + line-height: 20px; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons { + font-size: 50px; + width: 50px; + height: 50px; +} +.toast.toast-with-icon .toast-icon .material-icons { + font-size: 48px; + width: 48px; + height: 48px; +} +.toast.toast-center { + top: 50%; + opacity: 0; +} +@media (min-width: 1024px) { + .toast { + opacity: 0; + } +} +html.with-statusbar.device-ios .toast-top, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top { + margin-top: 20px; +} +html.with-statusbar.device-iphone-x .toast-top { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +html.with-statusbar.device-android .toast-top, +html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top { + margin-top: 24px; +} +.md .toast { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + border-radius: 4px; + background: #323232; + opacity: 0; + left: 8px; + width: calc(100% - 16px); + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.md .toast.modal-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.md .toast.modal-out { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0; +} +.md .toast.toast-center { + left: 50%; + width: auto; + background: rgba(0, 0, 0, 0.75); + -webkit-transform: scale(0.9) translate3d(-55%, -55%, 0); + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + -webkit-transform: scale(1) translate3d(-50%, -50%, 0); + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + -webkit-transform: scale(1) translate3d(-50%, -50%, 0); + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: 8px; +} +.md .toast.toast-top { + top: 8px; +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: 24px; + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-content { + padding: 14px 24px; +} +.md .toast-button { + margin-top: -8px; + margin-bottom: -8px; + margin-right: 16px; + margin-left: -8px; +} +@media (max-width: 568px) { + .md.device-iphone-x .toast-bottom .toast-content { + padding-bottom: calc(14px + constant(safe-area-inset-bottom)); + padding-bottom: calc(14px + env(safe-area-inset-bottom)); + } +} +@media (min-width: 1024px) { + .md.device-iphone-x .toast-bottom.modal-in { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); + } +} +/* === Preloader === */ +.preloader { + display: inline-block; + vertical-align: middle; +} +/* === Preloader Modal === */ +.preloader-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-backdrop.not-animated { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.preloader-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: 8px; + background: rgba(0, 0, 0, 0.8); + z-index: 14500; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.preloader-modal .preloader { + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.md .preloader { + font-size: 0; + display: inline-block; + width: 32px; + height: 32px; + -webkit-animation: md-preloader-outer 3300ms linear infinite; + animation: md-preloader-outer 3300ms linear infinite; +} +@-webkit-keyframes md-preloader-outer { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes md-preloader-outer { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + -webkit-animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-top: 4px solid #757575; +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 4px solid #757575; + border-bottom-color: transparent !important; + border-radius: 50%; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-duration: 1.3125s; + animation-duration: 1.3125s; + -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + -webkit-animation-name: md-preloader-left-rotate; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + -webkit-animation-name: md-preloader-right-rotate; + animation-name: md-preloader-right-rotate; +} +.md .preloader-modal { + border-radius: 4px; +} +.md .preloader.color-red .preloader-inner-gap, +.md .preloader.preloader-red .preloader-inner-gap, +.md .preloader.color-red .preloader-inner-half-circle, +.md .preloader.preloader-red .preloader-inner-half-circle { + border-color: #f44336; +} +.md .preloader.color-green .preloader-inner-gap, +.md .preloader.preloader-green .preloader-inner-gap, +.md .preloader.color-green .preloader-inner-half-circle, +.md .preloader.preloader-green .preloader-inner-half-circle { + border-color: #4caf50; +} +.md .preloader.color-blue .preloader-inner-gap, +.md .preloader.preloader-blue .preloader-inner-gap, +.md .preloader.color-blue .preloader-inner-half-circle, +.md .preloader.preloader-blue .preloader-inner-half-circle { + border-color: #2196f3; +} +.md .preloader.color-pink .preloader-inner-gap, +.md .preloader.preloader-pink .preloader-inner-gap, +.md .preloader.color-pink .preloader-inner-half-circle, +.md .preloader.preloader-pink .preloader-inner-half-circle { + border-color: #e91e63; +} +.md .preloader.color-yellow .preloader-inner-gap, +.md .preloader.preloader-yellow .preloader-inner-gap, +.md .preloader.color-yellow .preloader-inner-half-circle, +.md .preloader.preloader-yellow .preloader-inner-half-circle { + border-color: #ffeb3b; +} +.md .preloader.color-orange .preloader-inner-gap, +.md .preloader.preloader-orange .preloader-inner-gap, +.md .preloader.color-orange .preloader-inner-half-circle, +.md .preloader.preloader-orange .preloader-inner-half-circle { + border-color: #ff9800; +} +.md .preloader.color-gray .preloader-inner-gap, +.md .preloader.preloader-gray .preloader-inner-gap, +.md .preloader.color-gray .preloader-inner-half-circle, +.md .preloader.preloader-gray .preloader-inner-half-circle { + border-color: #9e9e9e; +} +.md .preloader.color-white .preloader-inner-gap, +.md .preloader.preloader-white .preloader-inner-gap, +.md .preloader.color-white .preloader-inner-half-circle, +.md .preloader.preloader-white .preloader-inner-half-circle { + border-color: #ffffff; +} +.md .preloader.color-black .preloader-inner-gap, +.md .preloader.preloader-black .preloader-inner-gap, +.md .preloader.color-black .preloader-inner-half-circle, +.md .preloader.preloader-black .preloader-inner-half-circle { + border-color: #000000; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + -webkit-animation-name: md-preloader-left-rotate-multicolor; + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + -webkit-animation-name: md-preloader-right-rotate-multicolor; + animation-name: md-preloader-right-rotate-multicolor; +} +@-webkit-keyframes md-preloader-left-rotate { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } +} +@-webkit-keyframes md-preloader-right-rotate { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } +} +@-webkit-keyframes md-preloader-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@-webkit-keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@-webkit-keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + -webkit-transform-origin: center top !important; + transform-origin: center top !important; +} +.with-statusbar.device-ios body > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-ios .framework7-root > .progressbar, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-ios body > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-ios .framework7-root > .progressbar-infinite, +.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 20px; +} +.with-statusbar.device-android body > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar, +.with-statusbar.device-android .framework7-root > .progressbar, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar, +.with-statusbar.device-android body > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) body > .progressbar-infinite, +.with-statusbar.device-android .framework7-root > .progressbar-infinite, +.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root > .progressbar-infinite { + top: 24px; +} +.with-statusbar.device-iphone-x body > .progressbar, +.with-statusbar.device-iphone-x .framework7-root > .progressbar, +.with-statusbar.device-iphone-x body > .progressbar-infinite, +.with-statusbar.device-iphone-x .framework7-root > .progressbar-infinite { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + display: block; +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + -webkit-animation: progressbar-in 150ms forwards; + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + -webkit-animation: progressbar-out 150ms forwards; + animation: progressbar-out 150ms forwards; +} +@-webkit-keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@keyframes progressbar-in { + from { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + to { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} +@-webkit-keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + to { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} +.md .progressbar, +.md .progressbar-infinite { + height: 4px; + background: rgba(33, 150, 243, 0.5); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.md .progressbar span { + background: #2196f3; +} +.md .progressbar-infinite { + z-index: 15000; +} +.md .progressbar-infinite:before, +.md .progressbar-infinite:after { + content: ''; + background: #2196f3; +} +.md .progressbar-infinite:before { + -webkit-animation: md-progressbar-infinite-1 2s linear infinite; + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + -webkit-animation: md-progressbar-infinite-2 2s linear infinite; + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + -webkit-animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + -webkit-animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + -webkit-transform-origin: center center; + transform-origin: center center; +} +.md .color-theme-red .progressbar, +.md .color-theme-red .progressbar-infinite { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-red .progressbar span { + background: #f44336; +} +.md .color-theme-red .progressbar-infinite:before, +.md .color-theme-red .progressbar-infinite:after { + background: #f44336; +} +.md .color-theme-green .progressbar, +.md .color-theme-green .progressbar-infinite { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-green .progressbar span { + background: #4caf50; +} +.md .color-theme-green .progressbar-infinite:before, +.md .color-theme-green .progressbar-infinite:after { + background: #4caf50; +} +.md .color-theme-blue .progressbar, +.md .color-theme-blue .progressbar-infinite { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-blue .progressbar span { + background: #2196f3; +} +.md .color-theme-blue .progressbar-infinite:before, +.md .color-theme-blue .progressbar-infinite:after { + background: #2196f3; +} +.md .color-theme-pink .progressbar, +.md .color-theme-pink .progressbar-infinite { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-pink .progressbar span { + background: #e91e63; +} +.md .color-theme-pink .progressbar-infinite:before, +.md .color-theme-pink .progressbar-infinite:after { + background: #e91e63; +} +.md .color-theme-yellow .progressbar, +.md .color-theme-yellow .progressbar-infinite { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-yellow .progressbar span { + background: #ffeb3b; +} +.md .color-theme-yellow .progressbar-infinite:before, +.md .color-theme-yellow .progressbar-infinite:after { + background: #ffeb3b; +} +.md .color-theme-orange .progressbar, +.md .color-theme-orange .progressbar-infinite { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-orange .progressbar span { + background: #ff9800; +} +.md .color-theme-orange .progressbar-infinite:before, +.md .color-theme-orange .progressbar-infinite:after { + background: #ff9800; +} +.md .color-theme-gray .progressbar, +.md .color-theme-gray .progressbar-infinite { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-gray .progressbar span { + background: #9e9e9e; +} +.md .color-theme-gray .progressbar-infinite:before, +.md .color-theme-gray .progressbar-infinite:after { + background: #9e9e9e; +} +.md .color-theme-white .progressbar, +.md .color-theme-white .progressbar-infinite { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-white .progressbar span { + background: #ffffff; +} +.md .color-theme-white .progressbar-infinite:before, +.md .color-theme-white .progressbar-infinite:after { + background: #ffffff; +} +.md .color-theme-black .progressbar, +.md .color-theme-black .progressbar-infinite { + background: rgba(0, 0, 0, 0.5); +} +.md .color-theme-black .progressbar span { + background: #000000; +} +.md .color-theme-black .progressbar-infinite:before, +.md .color-theme-black .progressbar-infinite:after { + background: #000000; +} +.md .progressbar.color-red, +.md .progressbar-infinite.color-red { + background: rgba(244, 67, 54, 0.5); +} +.md .progressbar.color-red span { + background: #f44336; +} +.md .progressbar-infinite.color-red:before, +.md .progressbar-infinite.color-red:after { + background: #f44336; +} +.md .progressbar.color-green, +.md .progressbar-infinite.color-green { + background: rgba(76, 175, 80, 0.5); +} +.md .progressbar.color-green span { + background: #4caf50; +} +.md .progressbar-infinite.color-green:before, +.md .progressbar-infinite.color-green:after { + background: #4caf50; +} +.md .progressbar.color-blue, +.md .progressbar-infinite.color-blue { + background: rgba(33, 150, 243, 0.5); +} +.md .progressbar.color-blue span { + background: #2196f3; +} +.md .progressbar-infinite.color-blue:before, +.md .progressbar-infinite.color-blue:after { + background: #2196f3; +} +.md .progressbar.color-pink, +.md .progressbar-infinite.color-pink { + background: rgba(233, 30, 99, 0.5); +} +.md .progressbar.color-pink span { + background: #e91e63; +} +.md .progressbar-infinite.color-pink:before, +.md .progressbar-infinite.color-pink:after { + background: #e91e63; +} +.md .progressbar.color-yellow, +.md .progressbar-infinite.color-yellow { + background: rgba(255, 235, 59, 0.5); +} +.md .progressbar.color-yellow span { + background: #ffeb3b; +} +.md .progressbar-infinite.color-yellow:before, +.md .progressbar-infinite.color-yellow:after { + background: #ffeb3b; +} +.md .progressbar.color-orange, +.md .progressbar-infinite.color-orange { + background: rgba(255, 152, 0, 0.5); +} +.md .progressbar.color-orange span { + background: #ff9800; +} +.md .progressbar-infinite.color-orange:before, +.md .progressbar-infinite.color-orange:after { + background: #ff9800; +} +.md .progressbar.color-gray, +.md .progressbar-infinite.color-gray { + background: rgba(158, 158, 158, 0.5); +} +.md .progressbar.color-gray span { + background: #9e9e9e; +} +.md .progressbar-infinite.color-gray:before, +.md .progressbar-infinite.color-gray:after { + background: #9e9e9e; +} +.md .progressbar.color-white, +.md .progressbar-infinite.color-white { + background: rgba(255, 255, 255, 0.5); +} +.md .progressbar.color-white span { + background: #ffffff; +} +.md .progressbar-infinite.color-white:before, +.md .progressbar-infinite.color-white:after { + background: #ffffff; +} +.md .progressbar.color-black, +.md .progressbar-infinite.color-black { + background: rgba(0, 0, 0, 0.5); +} +.md .progressbar.color-black span { + background: #000000; +} +.md .progressbar-infinite.color-black:before, +.md .progressbar-infinite.color-black:after { + background: #000000; +} +@-webkit-keyframes md-progressbar-infinite-1 { + 0% { + -webkit-transform: translateX(-10%) scaleX(0.1); + transform: translateX(-10%) scaleX(0.1); + } + 25% { + -webkit-transform: translateX(30%) scaleX(0.6); + transform: translateX(30%) scaleX(0.6); + } + 50% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-1 { + 0% { + -webkit-transform: translateX(-10%) scaleX(0.1); + transform: translateX(-10%) scaleX(0.1); + } + 25% { + -webkit-transform: translateX(30%) scaleX(0.6); + transform: translateX(30%) scaleX(0.6); + } + 50% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(1); + transform: translateX(100%) scaleX(1); + } +} +@-webkit-keyframes md-progressbar-infinite-2 { + 0% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 40% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 75% { + -webkit-transform: translateX(60%) scaleX(0.35); + transform: translateX(60%) scaleX(0.35); + } + 90% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 40% { + -webkit-transform: translateX(-100%) scaleX(1); + transform: translateX(-100%) scaleX(1); + } + 75% { + -webkit-transform: translateX(60%) scaleX(0.35); + transform: translateX(60%) scaleX(0.35); + } + 90% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } + 100% { + -webkit-transform: translateX(100%) scaleX(0.1); + transform: translateX(100%) scaleX(0.1); + } +} +@-webkit-keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@-webkit-keyframes md-progressbar-infinite-multicolor-fill { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #f44336; + } + 25% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #4caf50; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #f44336; + } + 25% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +.sortable .sortable-handler { + position: absolute; + top: 0; + bottom: 1px; + z-index: 10; + background-repeat: no-repeat; + background-size: 18px 12px; + opacity: 0; + pointer-events: none; + cursor: move; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + left: 0; + background-position: 0% 50%; +} +.sortable .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: rgba(255, 255, 255, 0.8); + -webkit-transition-duration: 0ms; + transition-duration: 0ms; +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; + background-position: 50% 50%; +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.theme-dark .sortable li.sorting, +.sortable.theme-dark li.sorting { + background-color: rgba(50, 50, 50, 0.8); +} +.md .sortable-handler { + width: 50px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E"); +} +.md .sortable li.sorting { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.md .sortable-enabled .item-inner, +.md .sortable-enabled .item-link .item-inner { + padding-left: 50px; +} +.md .list.sortable-enabled .item-link.no-chevron .item-inner, +.md .list.sortable-enabled.no-chevron .item-link .item-inner, +.md .list.sortable-enabled .no-chevron .item-link .item-inner, +.md .no-chevron .list.sortable-enabled .item-link .item-inner { + padding-left: 50px; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .sortable-handler, + .md.device-iphone-x .ios-edges .sortable-handler, + .md.device-iphone-x .popup .sortable-handler, + .md.device-iphone-x .sheet-modal .sortable-handler, + .md.device-iphone-x .panel-left .sortable-handler { + left: constant(safe-area-inset-left); + left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, + .md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, + .md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { + padding-left: calc(42px + constant(safe-area-inset-right)); + padding-left: calc(42px + env(safe-area-inset-right)); + } +} +/* === Swipeout === */ +.swipeout { + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swipeout-deleting { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: left, -webkit-transform; + transition-property: left, -webkit-transform; + transition-property: transform, left; + transition-property: transform, left, -webkit-transform; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: left; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: #fff; + background: #c7c7cc; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-right { + right: 0%; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.md .swipeout-actions-left > a, +.md .swipeout-actions-right > a, +.md .swipeout-actions-left > button, +.md .swipeout-actions-right > button, +.md .swipeout-actions-left > span, +.md .swipeout-actions-right > span, +.md .swipeout-actions-left > div, +.md .swipeout-actions-right > div { + padding: 0 24px; + color: #fff; +} +.md .swipeout-actions-left .swipeout-delete, +.md .swipeout-actions-right .swipeout-delete { + background: #f44336; +} +.md .swipeout-actions-left > a.color-red, +.md .swipeout-actions-right > a.color-red, +.md .swipeout-actions-left > button.color-red, +.md .swipeout-actions-right > button.color-red, +.md .swipeout-actions-left > span.color-red, +.md .swipeout-actions-right > span.color-red, +.md .swipeout-actions-left > div.color-red, +.md .swipeout-actions-right > div.color-red { + background-color: #f44336; +} +.md .swipeout-actions-left > a.color-green, +.md .swipeout-actions-right > a.color-green, +.md .swipeout-actions-left > button.color-green, +.md .swipeout-actions-right > button.color-green, +.md .swipeout-actions-left > span.color-green, +.md .swipeout-actions-right > span.color-green, +.md .swipeout-actions-left > div.color-green, +.md .swipeout-actions-right > div.color-green { + background-color: #4caf50; +} +.md .swipeout-actions-left > a.color-blue, +.md .swipeout-actions-right > a.color-blue, +.md .swipeout-actions-left > button.color-blue, +.md .swipeout-actions-right > button.color-blue, +.md .swipeout-actions-left > span.color-blue, +.md .swipeout-actions-right > span.color-blue, +.md .swipeout-actions-left > div.color-blue, +.md .swipeout-actions-right > div.color-blue { + background-color: #2196f3; +} +.md .swipeout-actions-left > a.color-pink, +.md .swipeout-actions-right > a.color-pink, +.md .swipeout-actions-left > button.color-pink, +.md .swipeout-actions-right > button.color-pink, +.md .swipeout-actions-left > span.color-pink, +.md .swipeout-actions-right > span.color-pink, +.md .swipeout-actions-left > div.color-pink, +.md .swipeout-actions-right > div.color-pink { + background-color: #e91e63; +} +.md .swipeout-actions-left > a.color-yellow, +.md .swipeout-actions-right > a.color-yellow, +.md .swipeout-actions-left > button.color-yellow, +.md .swipeout-actions-right > button.color-yellow, +.md .swipeout-actions-left > span.color-yellow, +.md .swipeout-actions-right > span.color-yellow, +.md .swipeout-actions-left > div.color-yellow, +.md .swipeout-actions-right > div.color-yellow { + background-color: #ffeb3b; +} +.md .swipeout-actions-left > a.color-orange, +.md .swipeout-actions-right > a.color-orange, +.md .swipeout-actions-left > button.color-orange, +.md .swipeout-actions-right > button.color-orange, +.md .swipeout-actions-left > span.color-orange, +.md .swipeout-actions-right > span.color-orange, +.md .swipeout-actions-left > div.color-orange, +.md .swipeout-actions-right > div.color-orange { + background-color: #ff9800; +} +.md .swipeout-actions-left > a.color-gray, +.md .swipeout-actions-right > a.color-gray, +.md .swipeout-actions-left > button.color-gray, +.md .swipeout-actions-right > button.color-gray, +.md .swipeout-actions-left > span.color-gray, +.md .swipeout-actions-right > span.color-gray, +.md .swipeout-actions-left > div.color-gray, +.md .swipeout-actions-right > div.color-gray { + background-color: #9e9e9e; +} +.md .swipeout-actions-left > a.color-white, +.md .swipeout-actions-right > a.color-white, +.md .swipeout-actions-left > button.color-white, +.md .swipeout-actions-right > button.color-white, +.md .swipeout-actions-left > span.color-white, +.md .swipeout-actions-right > span.color-white, +.md .swipeout-actions-left > div.color-white, +.md .swipeout-actions-right > div.color-white { + background-color: #ffffff; +} +.md .swipeout-actions-left > a.color-black, +.md .swipeout-actions-right > a.color-black, +.md .swipeout-actions-left > button.color-black, +.md .swipeout-actions-right > button.color-black, +.md .swipeout-actions-left > span.color-black, +.md .swipeout-actions-right > span.color-black, +.md .swipeout-actions-left > div.color-black, +.md .swipeout-actions-right > div.color-black { + background-color: #000000; +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-right: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + -webkit-transform: none; + transform: none; +} +.md .list .accordion-item-toggle .item-inner { + padding-left: 42px; + background-repeat: no-repeat; + background-position: 16px center; +} +.md .list .accordion-item-toggle.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .list .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner, +.md .media-list .accordion-item .accordion-item-toggle .item-title-row, +.md .media-list .accordion-item > .item-link .item-title-row, +.md .accordion-item.media-item .accordion-item-toggle .item-title-row, +.md .accordion-item.media-item > .item-link .item-title-row, +.md .links-list .accordion-item > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); + background-size: 13px 13px; +} +.md .list .accordion-item-toggle.accordion-item-opened .item-inner, +.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.md .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.md .media-list .accordion-item-opened > .item-link .item-title-row, +.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.md .accordion-item-opened.media-item > .item-link .item-title-row, +.md .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.md .theme-dark .list .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner, +.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row, +.md .theme-dark .media-list .accordion-item > .item-link .item-title-row, +.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row, +.md .theme-dark .accordion-item.media-item > .item-link .item-title-row, +.md .theme-dark .links-list .accordion-item > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, +.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, +.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, +.md .theme-dark .media-list .accordion-item-opened > .item-link .item-title-row, +.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, +.md .theme-dark .accordion-item-opened.media-item > .item-link .item-title-row, +.md .theme-dark .links-list .accordion-item-opened > a { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); +} +/* === Contacts === */ +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list { + margin: 0; +} +.md .contacts-list .list-group-title { + padding: 0 16px; + pointer-events: none; + background: none; + color: #2196f3; + font-weight: 500; + line-height: 48px; + height: 48px; + font-size: 20px; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: -48px; +} +.md .contacts-list li:not(.list-group-title) { + padding-right: 56px; +} +.md .theme-dark .contacts-list .list-group-title { + color: #fff; +} +/* === Virtual List === */ +/* === Indexed List === */ +.list-index { + position: absolute; + top: 0; + bottom: 0; + right: 0; + text-align: center; + z-index: 10; + width: 16px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + font-size: 11px; + font-weight: 600; + list-style: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: 14px; + line-height: 14px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + border-radius: 50%; + color: #fff; + font-weight: 500; +} +.md .list-index ul { + color: #2196f3; +} +.md .list-index .list-index-skip-placeholder:after { + content: ''; + width: 4px; + height: 4px; + margin-left: -2px; + margin-top: -2px; + background: #2196f3; +} +.md .list-index .list-index-label { + width: 56px; + height: 56px; + line-height: 56px; + border-radius: 50% 50% 0 50%; + background: #2196f3; + font-size: 20px; +} +.md .navbar ~ .list-index { + top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ .list-index { + top: 64px; + } +} +.md .navbar ~ .toolbar:not(.toolbar-bottom-md) ~ .list-index, +.md .navbar ~ .subnavbar ~ .list-index, +.md .page-with-subnavbar .navbar ~ .list-index { + top: 104px; +} +.md .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .list-index { + top: 128px; +} +.md .toolbar-bottom-md ~ .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index { + bottom: 48px; +} +.md .tabbar-labels.toolbar-bottom-md ~ .page > .list-index, +.md .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index, +.md .tabbar-labels.toolbar-bottom-md ~ .list-index { + bottom: 56px; +} +.md.device-iphone-x .toolbar-bottom-md ~ .page > .list-index, +.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index, +.md.device-iphone-x .toolbar-bottom-md ~ * .page > .list-index { + bottom: calc(48px + constant(safe-area-inset-bottom)); + bottom: calc(48px + env(safe-area-inset-bottom)); +} +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .page > .list-index, +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ * .page > .list-index, +.md.device-iphone-x .tabbar-labels.toolbar-bottom-md ~ .list-index { + bottom: calc(56px + constant(safe-area-inset-bottom)); + bottom: calc(56px + env(safe-area-inset-bottom)); +} +.md .color-theme-red .list-index ul, +.md .list-index.color-theme-red ul { + color: #f44336; +} +.md .color-theme-red .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-red .list-index-skip-placeholder:after, +.md .color-theme-red .list-index .list-index-label, +.md .list-index.color-theme-red .list-index-label { + background-color: #f44336; +} +.md .color-theme-green .list-index ul, +.md .list-index.color-theme-green ul { + color: #4caf50; +} +.md .color-theme-green .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-green .list-index-skip-placeholder:after, +.md .color-theme-green .list-index .list-index-label, +.md .list-index.color-theme-green .list-index-label { + background-color: #4caf50; +} +.md .color-theme-blue .list-index ul, +.md .list-index.color-theme-blue ul { + color: #2196f3; +} +.md .color-theme-blue .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-blue .list-index-skip-placeholder:after, +.md .color-theme-blue .list-index .list-index-label, +.md .list-index.color-theme-blue .list-index-label { + background-color: #2196f3; +} +.md .color-theme-pink .list-index ul, +.md .list-index.color-theme-pink ul { + color: #e91e63; +} +.md .color-theme-pink .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-pink .list-index-skip-placeholder:after, +.md .color-theme-pink .list-index .list-index-label, +.md .list-index.color-theme-pink .list-index-label { + background-color: #e91e63; +} +.md .color-theme-yellow .list-index ul, +.md .list-index.color-theme-yellow ul { + color: #ffeb3b; +} +.md .color-theme-yellow .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-yellow .list-index-skip-placeholder:after, +.md .color-theme-yellow .list-index .list-index-label, +.md .list-index.color-theme-yellow .list-index-label { + background-color: #ffeb3b; +} +.md .color-theme-orange .list-index ul, +.md .list-index.color-theme-orange ul { + color: #ff9800; +} +.md .color-theme-orange .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-orange .list-index-skip-placeholder:after, +.md .color-theme-orange .list-index .list-index-label, +.md .list-index.color-theme-orange .list-index-label { + background-color: #ff9800; +} +.md .color-theme-gray .list-index ul, +.md .list-index.color-theme-gray ul { + color: #9e9e9e; +} +.md .color-theme-gray .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-gray .list-index-skip-placeholder:after, +.md .color-theme-gray .list-index .list-index-label, +.md .list-index.color-theme-gray .list-index-label { + background-color: #9e9e9e; +} +.md .color-theme-white .list-index ul, +.md .list-index.color-theme-white ul { + color: #ffffff; +} +.md .color-theme-white .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-white .list-index-skip-placeholder:after, +.md .color-theme-white .list-index .list-index-label, +.md .list-index.color-theme-white .list-index-label { + background-color: #ffffff; +} +.md .color-theme-black .list-index ul, +.md .list-index.color-theme-black ul { + color: #000000; +} +.md .color-theme-black .list-index .list-index-skip-placeholder:after, +.md .list-index.color-theme-black .list-index-skip-placeholder:after, +.md .color-theme-black .list-index .list-index-label, +.md .list-index.color-theme-black .list-index-label { + background-color: #000000; +} +.md .list-index.color-red ul { + color: #f44336; +} +.md .list-index.color-red .list-index-skip-placeholder:after, +.md .list-index.color-red .list-index-label { + background-color: #f44336; +} +.md .list-index.color-green ul { + color: #4caf50; +} +.md .list-index.color-green .list-index-skip-placeholder:after, +.md .list-index.color-green .list-index-label { + background-color: #4caf50; +} +.md .list-index.color-blue ul { + color: #2196f3; +} +.md .list-index.color-blue .list-index-skip-placeholder:after, +.md .list-index.color-blue .list-index-label { + background-color: #2196f3; +} +.md .list-index.color-pink ul { + color: #e91e63; +} +.md .list-index.color-pink .list-index-skip-placeholder:after, +.md .list-index.color-pink .list-index-label { + background-color: #e91e63; +} +.md .list-index.color-yellow ul { + color: #ffeb3b; +} +.md .list-index.color-yellow .list-index-skip-placeholder:after, +.md .list-index.color-yellow .list-index-label { + background-color: #ffeb3b; +} +.md .list-index.color-orange ul { + color: #ff9800; +} +.md .list-index.color-orange .list-index-skip-placeholder:after, +.md .list-index.color-orange .list-index-label { + background-color: #ff9800; +} +.md .list-index.color-gray ul { + color: #9e9e9e; +} +.md .list-index.color-gray .list-index-skip-placeholder:after, +.md .list-index.color-gray .list-index-label { + background-color: #9e9e9e; +} +.md .list-index.color-white ul { + color: #ffffff; +} +.md .list-index.color-white .list-index-skip-placeholder:after, +.md .list-index.color-white .list-index-label { + background-color: #ffffff; +} +.md .list-index.color-black ul { + color: #000000; +} +.md .list-index.color-black .list-index-skip-placeholder:after, +.md .list-index.color-black .list-index-label { + background-color: #000000; +} +/* === Timeline === */ +.timeline { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.timeline-item-date { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 50px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + margin-top: 3px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: 13px; +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-horizontal { + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + height: 100%; +} +.timeline-horizontal .timeline-item-date { + width: auto; + text-align: left; + line-height: 34px; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 34px; + text-align: right; +} +.timeline-horizontal .timeline-item-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } +} +.timeline-horizontal .timeline-year, +.timeline-horizontal .timeline-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + padding-top: 24px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; +} +.timeline-horizontal .timeline-year-title, +.timeline-horizontal .timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + line-height: 24px; + height: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.timeline-horizontal .timeline-year-title span, +.timeline-horizontal .timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; +} +.timeline-horizontal .timeline-year-title { + font-size: 16px; +} +.timeline-horizontal .timeline-month-title span { + margin-top: -2px; +} +/* === Timeline MD === */ +.md .timeline { + margin: 32px 0; + padding: 0 16px; +} +.md .block-strong .timeline { + padding: 0; + margin: 0; +} +.md .timeline-item { + padding: 2px 0px 16px; +} +.md .timeline-item:last-child { + padding-bottom: 2px; +} +.md .timeline-item-content .card, +.md .timeline-item-content.card, +.md .timeline-item-content .list, +.md .timeline-item-content.list, +.md .timeline-item-content .block, +.md .timeline-item-content.block { + margin: 0; + width: 100%; +} +.md .timeline-item-content .card + .card, +.md .timeline-item-content .list + .card, +.md .timeline-item-content .block + .card, +.md .timeline-item-content .card + .list, +.md .timeline-item-content .list + .list, +.md .timeline-item-content .block + .list, +.md .timeline-item-content .card + .block, +.md .timeline-item-content .list + .block, +.md .timeline-item-content .block + .block { + margin: 16px 0 0; +} +.md .timeline-item-inner { + border-radius: 2px; + padding: 8px 16px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .timeline-item-inner + .timeline-item-inner { + margin-top: 16px; +} +.md .timeline-item-divider { + margin-left: 16px; + margin-right: 16px; +} +.md .timeline-item-time { + margin-top: 16px; + color: rgba(0, 0, 0, 0.54); +} +.md .timeline-item-time:first-child { + margin-top: 0; +} +.md .timeline-item-title { + font-size: 16px; +} +.md .timeline-sides .timeline-item { + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; +} +.md .timeline-sides .timeline-item .timeline-item-date { + text-align: left; +} +.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; +} +.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; +} +.md .timeline-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; +} +.md .timeline-sides .timeline-item-left .timeline-item-date { + text-align: right; +} +.md .timeline-sides .timeline-item-right { + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; +} +.md .timeline-sides .timeline-item-right .timeline-item-date { + text-align: left; +} +@media (min-width: 768px) { + .md .tablet-sides .timeline-item { + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; + } + .md .tablet-sides .timeline-item .timeline-item-date { + text-align: left; + } + .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; + } + .md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; + } + .md .tablet-sides .timeline-item-left { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: calc(50% - (32px + 10px) / 2 - 50px); + margin-right: 0; + } + .md .tablet-sides .timeline-item-left .timeline-item-date { + text-align: right; + } + .md .tablet-sides .timeline-item-right { + margin-right: calc(50% - (32px + 10px) / 2 - 50px); + margin-left: 0; + } + .md .tablet-sides .timeline-item-right .timeline-item-date { + text-align: left; + } +} +.md .timeline-horizontal { + padding: 0; + margin: 0; + position: relative; +} +.md .timeline-horizontal .timeline-item { + padding-top: 34px !important; + padding-bottom: 12px; +} +.md .timeline-horizontal .timeline-item-date { + background: #2196f3; + padding: 0px 12px; + color: #fff; +} +.md .timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .timeline-horizontal .timeline-item-content { + padding: 12px; + height: calc(100% - 12px); +} +.md .timeline-horizontal.no-shadow .timeline-item-date:after { + display: none; +} +.md .timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.5); + transform: scaleX(0.5); +} +.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after { + -webkit-transform: scaleX(0.33); + transform: scaleX(0.33); +} +.md .timeline-horizontal .timeline-item:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .timeline-year-title, +.md .timeline-month-title { + padding: 0 12px; + color: #fff; + background: #2196f3; +} +.md .timeline-year-title span, +.md .timeline-month-title span { + right: 12px; +} +.md .timeline-year-title span { + margin-top: 2px; +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span { + left: calc(12px + constant(safe-area-inset-left)); + left: calc(12px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: -44px; + right: 0; + width: auto; + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; + } + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) > .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, + .md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date, + .md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(12px + constant(safe-area-inset-left)); + padding-left: calc(12px + env(safe-area-inset-left)); + left: calc(0px - constant(safe-area-inset-left)); + left: calc(0px - env(safe-area-inset-left)); + right: 0; + } + .md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal), + .md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal) { + padding-left: calc(16px + constant(safe-area-inset-left)); + padding-left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; + } + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) > .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date, + .md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - constant(safe-area-inset-right)); + right: calc(0px - env(safe-area-inset-right)); + left: 0; + } + .md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal), + .md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal) { + padding-right: calc(16px + constant(safe-area-inset-right)); + padding-right: calc(16px + env(safe-area-inset-right)); + } +} +.md .theme-dark .timeline-item-inner { + background-color: rgba(255, 255, 255, 0.03); +} +.md .theme-dark .timeline-item-time { + color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .timeline-item-date, +.md .color-theme-red .timeline-year-title, +.md .color-theme-red .timeline-month-title { + background: #f44336; +} +.md .color-theme-green .timeline-item-date, +.md .color-theme-green .timeline-year-title, +.md .color-theme-green .timeline-month-title { + background: #4caf50; +} +.md .color-theme-blue .timeline-item-date, +.md .color-theme-blue .timeline-year-title, +.md .color-theme-blue .timeline-month-title { + background: #2196f3; +} +.md .color-theme-pink .timeline-item-date, +.md .color-theme-pink .timeline-year-title, +.md .color-theme-pink .timeline-month-title { + background: #e91e63; +} +.md .color-theme-yellow .timeline-item-date, +.md .color-theme-yellow .timeline-year-title, +.md .color-theme-yellow .timeline-month-title { + background: #ffeb3b; +} +.md .color-theme-orange .timeline-item-date, +.md .color-theme-orange .timeline-year-title, +.md .color-theme-orange .timeline-month-title { + background: #ff9800; +} +.md .color-theme-gray .timeline-item-date, +.md .color-theme-gray .timeline-year-title, +.md .color-theme-gray .timeline-month-title { + background: #9e9e9e; +} +.md .color-theme-white .timeline-item-date, +.md .color-theme-white .timeline-year-title, +.md .color-theme-white .timeline-month-title { + background: #ffffff; +} +.md .color-theme-black .timeline-item-date, +.md .color-theme-black .timeline-year-title, +.md .color-theme-black .timeline-month-title { + background: #000000; +} +.md .timeline.color-theme-red .timeline-item-date, +.md .timeline.color-theme-red .timeline-year-title, +.md .timeline.color-theme-red .timeline-month-title { + background: #f44336; +} +.md .timeline.color-theme-green .timeline-item-date, +.md .timeline.color-theme-green .timeline-year-title, +.md .timeline.color-theme-green .timeline-month-title { + background: #4caf50; +} +.md .timeline.color-theme-blue .timeline-item-date, +.md .timeline.color-theme-blue .timeline-year-title, +.md .timeline.color-theme-blue .timeline-month-title { + background: #2196f3; +} +.md .timeline.color-theme-pink .timeline-item-date, +.md .timeline.color-theme-pink .timeline-year-title, +.md .timeline.color-theme-pink .timeline-month-title { + background: #e91e63; +} +.md .timeline.color-theme-yellow .timeline-item-date, +.md .timeline.color-theme-yellow .timeline-year-title, +.md .timeline.color-theme-yellow .timeline-month-title { + background: #ffeb3b; +} +.md .timeline.color-theme-orange .timeline-item-date, +.md .timeline.color-theme-orange .timeline-year-title, +.md .timeline.color-theme-orange .timeline-month-title { + background: #ff9800; +} +.md .timeline.color-theme-gray .timeline-item-date, +.md .timeline.color-theme-gray .timeline-year-title, +.md .timeline.color-theme-gray .timeline-month-title { + background: #9e9e9e; +} +.md .timeline.color-theme-white .timeline-item-date, +.md .timeline.color-theme-white .timeline-year-title, +.md .timeline.color-theme-white .timeline-month-title { + background: #ffffff; +} +.md .timeline.color-theme-black .timeline-item-date, +.md .timeline.color-theme-black .timeline-year-title, +.md .timeline.color-theme-black .timeline-month-title { + background: #000000; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +.panel-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 5999; + display: none; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.panel-backdrop.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + overflow: auto; + -webkit-overflow-scrolling: touch; + top: 0; + height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 260px; + background-color: #fff; +} +.panel.not-animated { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + -webkit-transition-duration: 0ms !important; + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + -webkit-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + -webkit-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); +} +html.with-panel-left-cover .panel-left { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +html.with-statusbar.device-ios .panel, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel { + top: 20px; + height: calc(100% - 20px); +} +html.with-statusbar.device-android .panel, +html.with-statusbar.md:not(.device-ios):not(.device-android) .panel { + top: 24px; + height: calc(100% - 24px); +} +html.with-statusbar.device-iphone-x .panel { + top: constant(safe-area-inset-top); + top: env(safe-area-inset-top); + height: calc(100% - constant(safe-area-inset-top)); + height: calc(100% - env(safe-area-inset-top)); +} +.md .panel-backdrop { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + background: rgba(0, 0, 0, 0.2); +} +.md .panel { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .panel-visible { + display: block; +} +.md .panel-visible-by-breakpoint { + -webkit-box-shadow: none; + box-shadow: none; +} +.md.with-panel-left-cover .panel-cover, +.md.with-panel-right-cover .panel-cover { + -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); +} +.md.with-panel-left-reveal .views, +.md.with-panel-right-reveal .views, +.md.with-panel-left-reveal .framework7-root > .view, +.md.with-panel-right-reveal .framework7-root > .view { + -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); +} +.md.with-panel-left-reveal .views, +.md.with-panel-right-reveal .views, +.md.with-panel-transitioning .views, +.md.with-panel-left-reveal .framework7-root > .view, +.md.with-panel-right-reveal .framework7-root > .view, +.md.with-panel-transitioning .framework7-root > .view { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform, -webkit-box-shadow; + transition-property: -webkit-transform, -webkit-box-shadow; + transition-property: transform, box-shadow; + transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow; +} +/* === Card === */ +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.card { + background: #fff; + position: relative; + border-radius: 4px; + font-size: 14px; +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header, +.card-footer { + min-height: 44px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: 4px 4px 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +html.device-pixel-ratio-2 .card-header:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-header:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 4px 4px; +} +.card-footer:before { + content: ''; + position: absolute; + background-color: #e1e1e1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +html.device-pixel-ratio-2 .card-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +html.device-pixel-ratio-3 .card-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.card-footer.no-hairline:before { + display: none !important; +} +.md .cards-list ul, +.md .card .list ul { + background: none; +} +.md .card { + margin: 8px; + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} +.md .card-outline { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.md .card-header a.link, +.md .card-footer a.link { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + padding: 0 10px; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + color: #2196f3; + border-radius: 4px; + line-height: 36px; + height: 36px; + text-transform: uppercase; + min-width: 64px; + padding: 0 8px; + border: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + font-weight: 500; + letter-spacing: 0.03em; +} +input[type="submit"].md .card-header a.link, +input[type="submit"].md .card-footer a.link, +input[type="button"].md .card-header a.link, +input[type="button"].md .card-footer a.link { + width: 100%; +} +.md .card-header a.link.active-state, +.md .card-footer a.link.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .card-header a.icon-only, +.md .card-footer a.icon-only { + min-width: 48px; +} +.md .page-content > .card:last-child { + margin-bottom: 32px; +} +.md .card-content-padding { + padding: 16px; +} +.md .card-content-padding > .list, +.md .card-content-padding > .block { + margin: -16px; +} +.md .card-header, +.md .card-footer { + min-height: 48px; + padding: 4px 16px; +} +.md .card-header { + font-size: 16px; +} +.md .card-footer { + color: #757575; +} +.md .theme-dark .card { + background-color: rgba(255, 255, 255, 0.03); +} +.md .theme-dark .card-outline { + border-color: #282829; +} +.md .theme-dark .card-header:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .card-footer { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .card-footer:before { + background-color: rgba(255, 255, 255, 0.08); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge), + .md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge) { + margin-left: calc(8px + constant(safe-area-inset-left)); + margin-left: calc(8px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge), + .md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge) { + margin-right: calc(8px + constant(safe-area-inset-right)); + margin-right: calc(8px + env(safe-area-inset-right)); + } +} +.md .color-theme-red .card-header a.link, +.md .color-theme-red .card-footer a.link, +.md .card-header.color-theme-red a.link, +.md .card-footer.color-theme-red a.link { + color: #f44336; +} +.md .color-theme-green .card-header a.link, +.md .color-theme-green .card-footer a.link, +.md .card-header.color-theme-green a.link, +.md .card-footer.color-theme-green a.link { + color: #4caf50; +} +.md .color-theme-blue .card-header a.link, +.md .color-theme-blue .card-footer a.link, +.md .card-header.color-theme-blue a.link, +.md .card-footer.color-theme-blue a.link { + color: #2196f3; +} +.md .color-theme-pink .card-header a.link, +.md .color-theme-pink .card-footer a.link, +.md .card-header.color-theme-pink a.link, +.md .card-footer.color-theme-pink a.link { + color: #e91e63; +} +.md .color-theme-yellow .card-header a.link, +.md .color-theme-yellow .card-footer a.link, +.md .card-header.color-theme-yellow a.link, +.md .card-footer.color-theme-yellow a.link { + color: #ffeb3b; +} +.md .color-theme-orange .card-header a.link, +.md .color-theme-orange .card-footer a.link, +.md .card-header.color-theme-orange a.link, +.md .card-footer.color-theme-orange a.link { + color: #ff9800; +} +.md .color-theme-gray .card-header a.link, +.md .color-theme-gray .card-footer a.link, +.md .card-header.color-theme-gray a.link, +.md .card-footer.color-theme-gray a.link { + color: #9e9e9e; +} +.md .color-theme-white .card-header a.link, +.md .color-theme-white .card-footer a.link, +.md .card-header.color-theme-white a.link, +.md .card-footer.color-theme-white a.link { + color: #ffffff; +} +.md .color-theme-black .card-header a.link, +.md .color-theme-black .card-footer a.link, +.md .card-header.color-theme-black a.link, +.md .card-footer.color-theme-black a.link { + color: #000000; +} +.md .card-header a.link.color-red, +.md .card-footer a.link.color-red { + color: #f44336; +} +.md .card-header a.link.color-green, +.md .card-footer a.link.color-green { + color: #4caf50; +} +.md .card-header a.link.color-blue, +.md .card-footer a.link.color-blue { + color: #2196f3; +} +.md .card-header a.link.color-pink, +.md .card-footer a.link.color-pink { + color: #e91e63; +} +.md .card-header a.link.color-yellow, +.md .card-footer a.link.color-yellow { + color: #ffeb3b; +} +.md .card-header a.link.color-orange, +.md .card-footer a.link.color-orange { + color: #ff9800; +} +.md .card-header a.link.color-gray, +.md .card-footer a.link.color-gray { + color: #9e9e9e; +} +.md .card-header a.link.color-white, +.md .card-footer a.link.color-white { + color: #ffffff; +} +.md .card-header a.link.color-black, +.md .card-footer a.link.color-black { + color: #000000; +} +/* === Chips === */ +.chip { + font-weight: normal; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 2px 0; +} +.chip-media { + border-radius: 50%; + text-align: center; + color: #fff; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background-repeat: no-repeat; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.md .chip { + font-size: 13px; + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + height: 32px; + line-height: 32px; + border-radius: 16px; + padding: 0 12px; +} +.md .chip-outline { + background: none; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.md .chip-media { + width: 32px; + height: 32px; + vertical-align: top; + border-radius: 50%; + text-align: center; + line-height: 32px; + color: #fff; + font-size: 16px; + margin-right: -12px; +} +.md .chip-media + .chip-label { + margin-right: 8px; +} +.md .chip-label + .chip-delete { + margin-right: 4px; +} +.md .chip-delete { + margin-right: -8px; + width: 24px; + height: 24px; + line-height: 24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + background-position: center; + background-size: 20px 20px; + opacity: 0.54; + margin-left: -8px; +} +.md .theme-dark .chip { + background: #333; + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .chip-outline { + background: none; + border-color: #333; +} +.md .theme-dark .chip-delete { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .chip.color-red { + background: #f44336; + color: #fff; +} +.md .chip.color-red.chip-outline { + background: none; + border-color: #f44336; + color: #f44336; +} +.md .chip.color-green { + background: #4caf50; + color: #fff; +} +.md .chip.color-green.chip-outline { + background: none; + border-color: #4caf50; + color: #4caf50; +} +.md .chip.color-blue { + background: #2196f3; + color: #fff; +} +.md .chip.color-blue.chip-outline { + background: none; + border-color: #2196f3; + color: #2196f3; +} +.md .chip.color-pink { + background: #e91e63; + color: #fff; +} +.md .chip.color-pink.chip-outline { + background: none; + border-color: #e91e63; + color: #e91e63; +} +.md .chip.color-yellow { + background: #ffeb3b; + color: #fff; +} +.md .chip.color-yellow.chip-outline { + background: none; + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .chip.color-orange { + background: #ff9800; + color: #fff; +} +.md .chip.color-orange.chip-outline { + background: none; + border-color: #ff9800; + color: #ff9800; +} +.md .chip.color-gray { + background: #9e9e9e; + color: #fff; +} +.md .chip.color-gray.chip-outline { + background: none; + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .chip.color-white { + background: #ffffff; + color: #fff; +} +.md .chip.color-white.chip-outline { + background: none; + border-color: #ffffff; + color: #ffffff; +} +.md .chip.color-black { + background: #000000; + color: #fff; +} +.md .chip.color-black.chip-outline { + background: none; + border-color: #000000; + color: #000000; +} +/* === Input === */ +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select, +.list textarea { + width: 100%; +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: 44px; +} +.list input[type="date"], +.list input[type="datetime-local"] { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + width: auto; +} +.list textarea { + resize: none; + line-height: 1.4; + height: 100px; +} +.list .item-label, +.list .item-floating-label { + vertical-align: top; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.list .item-input-wrap { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + position: absolute; + top: 50%; + border-radius: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + left: 0; +} +.input-clear-button:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-repeat: no-repeat; + background-position: center center; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #727272; + left: 2px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 14px; +} +.md .list input[type="text"], +.md .list input[type="password"], +.md .list input[type="search"], +.md .list input[type="email"], +.md .list input[type="tel"], +.md .list input[type="url"], +.md .list input[type="date"], +.md .list input[type="datetime-local"], +.md .list input[type="time"], +.md .list input[type="number"], +.md .list select { + height: 36px; + color: #212121; + font-size: 16px; +} +.md .list input[type="text"]::-webkit-input-placeholder, +.md .list input[type="password"]::-webkit-input-placeholder, +.md .list input[type="search"]::-webkit-input-placeholder, +.md .list input[type="email"]::-webkit-input-placeholder, +.md .list input[type="tel"]::-webkit-input-placeholder, +.md .list input[type="url"]::-webkit-input-placeholder, +.md .list input[type="date"]::-webkit-input-placeholder, +.md .list input[type="datetime-local"]::-webkit-input-placeholder, +.md .list input[type="time"]::-webkit-input-placeholder, +.md .list input[type="number"]::-webkit-input-placeholder, +.md .list select::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]:-ms-input-placeholder, +.md .list input[type="password"]:-ms-input-placeholder, +.md .list input[type="search"]:-ms-input-placeholder, +.md .list input[type="email"]:-ms-input-placeholder, +.md .list input[type="tel"]:-ms-input-placeholder, +.md .list input[type="url"]:-ms-input-placeholder, +.md .list input[type="date"]:-ms-input-placeholder, +.md .list input[type="datetime-local"]:-ms-input-placeholder, +.md .list input[type="time"]:-ms-input-placeholder, +.md .list input[type="number"]:-ms-input-placeholder, +.md .list select:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]::-ms-input-placeholder, +.md .list input[type="password"]::-ms-input-placeholder, +.md .list input[type="search"]::-ms-input-placeholder, +.md .list input[type="email"]::-ms-input-placeholder, +.md .list input[type="tel"]::-ms-input-placeholder, +.md .list input[type="url"]::-ms-input-placeholder, +.md .list input[type="date"]::-ms-input-placeholder, +.md .list input[type="datetime-local"]::-ms-input-placeholder, +.md .list input[type="time"]::-ms-input-placeholder, +.md .list input[type="number"]::-ms-input-placeholder, +.md .list select::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list input[type="text"]::placeholder, +.md .list input[type="password"]::placeholder, +.md .list input[type="search"]::placeholder, +.md .list input[type="email"]::placeholder, +.md .list input[type="tel"]::placeholder, +.md .list input[type="url"]::placeholder, +.md .list input[type="date"]::placeholder, +.md .list input[type="datetime-local"]::placeholder, +.md .list input[type="time"]::placeholder, +.md .list input[type="number"]::placeholder, +.md .list select::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea { + color: #212121; + font-size: 16px; + padding-top: 7px; + padding-bottom: 7px; +} +.md .list textarea.resizable { + height: 36px; +} +.md .list textarea::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .list textarea::placeholder { + color: rgba(0, 0, 0, 0.35); +} +.md .item-input-wrap:after, +.md .input:after { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: 36px; +} +.md .item-input-wrap:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .item-input-wrap:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .item-input-wrap:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .input:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .input:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .input:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .item-label, +.md .item-floating-label { + font-size: 12px; + width: 100%; + color: rgba(0, 0, 0, 0.65); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + line-height: 13px; + -webkit-transition-property: color, -webkit-transform; + transition-property: color, -webkit-transform; + transition-property: transform, color; + transition-property: transform, color, -webkit-transform; +} +.md .item-floating-label { + -webkit-transform: scale(1.33333333) translateY(18px); + transform: scale(1.33333333) translateY(18px); + color: rgba(0, 0, 0, 0.35); + width: auto; + max-width: 75%; + pointer-events: none; + -webkit-transform-origin: right; + transform-origin: right; +} +.md .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused:-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.md .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .item-input-with-value .item-floating-label, +.md .item-input-focused .item-floating-label { + -webkit-transform: scale(1) translateY(0); + transform: scale(1) translateY(0); +} +.md .item-input-with-value .item-floating-label { + color: rgba(0, 0, 0, 0.65); +} +.md .item-input .item-media { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.md .item-input .item-inner { + display: block; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-inner, +.md .inline-label .item-inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + font-size: 16px; + width: 30%; + line-height: 1.5; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 7px; +} +.md .inline-labels .item-label + .item-input-wrap, +.md .inline-label .item-label + .item-input-wrap, +.md .inline-labels .item-floating-label + .item-input-wrap, +.md .inline-label .item-floating-label + .item-input-wrap { + margin-right: 8px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md div.input-with-error-message, +.md div.input-with-info, +.md span.input-with-error-message, +.md span.input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + font-size: 12px; + line-height: 1.4; + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + right: 0; + left: 16px; +} +.md .item-input-info, +.md .input-info { + color: rgba(0, 0, 0, 0.45); +} +.md .item-input-error-message, +.md .input-error-message { + color: #f44336; + display: none; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: #2196f3; +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: #2196f3; +} +.md .item-input-invalid .item-label, +.md .item-invalid .item-label, +.md .item-input-invalid .item-floating-label, +.md .item-invalid .item-floating-label { + color: #f44336; +} +.md .item-input-invalid .item-input-error-message, +.md .item-invalid .item-input-error-message, +.md .item-input-invalid .input-error-message, +.md .item-invalid .input-error-message { + display: block; +} +.md .item-input-invalid .item-input-info, +.md .item-invalid .item-input-info, +.md .item-input-invalid .input-info, +.md .item-invalid .input-info { + display: none; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: #f44336; +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after { + -webkit-transform: scaleY(2); + transform: scaleY(2); +} +.md .input-invalid:after, +.md .input-focused:after { + -webkit-transform: scaleY(2) !important; + transform: scaleY(2) !important; +} +.md .input-clear-button { + width: 24px; + height: 24px; + background: rgba(0, 0, 0, 0.12); + margin-top: -12px; +} +.md .input-clear-button:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + background-size: 16px 16px; + opacity: 0.54; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +.md .item-input-wrap .input-clear-button { + bottom: 6px; + margin-top: 0; + top: auto; +} +.md .theme-dark input[type="text"], +.md .theme-dark input[type="password"], +.md .theme-dark input[type="search"], +.md .theme-dark input[type="email"], +.md .theme-dark input[type="tel"], +.md .theme-dark input[type="url"], +.md .theme-dark input[type="date"], +.md .theme-dark input[type="datetime-local"], +.md .theme-dark input[type="time"], +.md .theme-dark input[type="number"], +.md .theme-dark select, +.md .theme-dark textarea { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark input[type="text"]::-webkit-input-placeholder, +.md .theme-dark input[type="password"]::-webkit-input-placeholder, +.md .theme-dark input[type="search"]::-webkit-input-placeholder, +.md .theme-dark input[type="email"]::-webkit-input-placeholder, +.md .theme-dark input[type="tel"]::-webkit-input-placeholder, +.md .theme-dark input[type="url"]::-webkit-input-placeholder, +.md .theme-dark input[type="date"]::-webkit-input-placeholder, +.md .theme-dark input[type="datetime-local"]::-webkit-input-placeholder, +.md .theme-dark input[type="time"]::-webkit-input-placeholder, +.md .theme-dark input[type="number"]::-webkit-input-placeholder, +.md .theme-dark select::-webkit-input-placeholder, +.md .theme-dark textarea::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]:-ms-input-placeholder, +.md .theme-dark input[type="password"]:-ms-input-placeholder, +.md .theme-dark input[type="search"]:-ms-input-placeholder, +.md .theme-dark input[type="email"]:-ms-input-placeholder, +.md .theme-dark input[type="tel"]:-ms-input-placeholder, +.md .theme-dark input[type="url"]:-ms-input-placeholder, +.md .theme-dark input[type="date"]:-ms-input-placeholder, +.md .theme-dark input[type="datetime-local"]:-ms-input-placeholder, +.md .theme-dark input[type="time"]:-ms-input-placeholder, +.md .theme-dark input[type="number"]:-ms-input-placeholder, +.md .theme-dark select:-ms-input-placeholder, +.md .theme-dark textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]::-ms-input-placeholder, +.md .theme-dark input[type="password"]::-ms-input-placeholder, +.md .theme-dark input[type="search"]::-ms-input-placeholder, +.md .theme-dark input[type="email"]::-ms-input-placeholder, +.md .theme-dark input[type="tel"]::-ms-input-placeholder, +.md .theme-dark input[type="url"]::-ms-input-placeholder, +.md .theme-dark input[type="date"]::-ms-input-placeholder, +.md .theme-dark input[type="datetime-local"]::-ms-input-placeholder, +.md .theme-dark input[type="time"]::-ms-input-placeholder, +.md .theme-dark input[type="number"]::-ms-input-placeholder, +.md .theme-dark select::-ms-input-placeholder, +.md .theme-dark textarea::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark input[type="text"]::placeholder, +.md .theme-dark input[type="password"]::placeholder, +.md .theme-dark input[type="search"]::placeholder, +.md .theme-dark input[type="email"]::placeholder, +.md .theme-dark input[type="tel"]::placeholder, +.md .theme-dark input[type="url"]::placeholder, +.md .theme-dark input[type="date"]::placeholder, +.md .theme-dark input[type="datetime-local"]::placeholder, +.md .theme-dark input[type="time"]::placeholder, +.md .theme-dark input[type="number"]::placeholder, +.md .theme-dark select::placeholder, +.md .theme-dark textarea::placeholder { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after, +.md .theme-dark .input:after { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .item-label, +.md .theme-dark .item-floating-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .item-floating-label { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .item-input-with-value .item-floating-label { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .input-clear-button { + background: #fff; +} +.md .color-theme-red .item-input-focused .item-label, +.md .color-theme-red .item-input-focused .item-floating-label { + color: #f44336; +} +.md .color-theme-red .item-input-focused .item-input-wrap:after, +.md .color-theme-red .input-after:after { + background: #f44336; +} +.md .color-theme-green .item-input-focused .item-label, +.md .color-theme-green .item-input-focused .item-floating-label { + color: #4caf50; +} +.md .color-theme-green .item-input-focused .item-input-wrap:after, +.md .color-theme-green .input-after:after { + background: #4caf50; +} +.md .color-theme-blue .item-input-focused .item-label, +.md .color-theme-blue .item-input-focused .item-floating-label { + color: #2196f3; +} +.md .color-theme-blue .item-input-focused .item-input-wrap:after, +.md .color-theme-blue .input-after:after { + background: #2196f3; +} +.md .color-theme-pink .item-input-focused .item-label, +.md .color-theme-pink .item-input-focused .item-floating-label { + color: #e91e63; +} +.md .color-theme-pink .item-input-focused .item-input-wrap:after, +.md .color-theme-pink .input-after:after { + background: #e91e63; +} +.md .color-theme-yellow .item-input-focused .item-label, +.md .color-theme-yellow .item-input-focused .item-floating-label { + color: #ffeb3b; +} +.md .color-theme-yellow .item-input-focused .item-input-wrap:after, +.md .color-theme-yellow .input-after:after { + background: #ffeb3b; +} +.md .color-theme-orange .item-input-focused .item-label, +.md .color-theme-orange .item-input-focused .item-floating-label { + color: #ff9800; +} +.md .color-theme-orange .item-input-focused .item-input-wrap:after, +.md .color-theme-orange .input-after:after { + background: #ff9800; +} +.md .color-theme-gray .item-input-focused .item-label, +.md .color-theme-gray .item-input-focused .item-floating-label { + color: #9e9e9e; +} +.md .color-theme-gray .item-input-focused .item-input-wrap:after, +.md .color-theme-gray .input-after:after { + background: #9e9e9e; +} +.md .color-theme-white .item-input-focused .item-label, +.md .color-theme-white .item-input-focused .item-floating-label { + color: #ffffff; +} +.md .color-theme-white .item-input-focused .item-input-wrap:after, +.md .color-theme-white .input-after:after { + background: #ffffff; +} +.md .color-theme-black .item-input-focused .item-label, +.md .color-theme-black .item-input-focused .item-floating-label { + color: #000000; +} +.md .color-theme-black .item-input-focused .item-input-wrap:after, +.md .color-theme-black .input-after:after { + background: #000000; +} +.md .item-input-focused.color-red .item-label, +.md .item-input-focused.color-red .item-floating-label { + color: #f44336; +} +.md .item-input-focused.color-red .item-input-wrap:after, +.md .input-after.color-red:after { + background: #f44336; +} +.md .item-input-focused.color-green .item-label, +.md .item-input-focused.color-green .item-floating-label { + color: #4caf50; +} +.md .item-input-focused.color-green .item-input-wrap:after, +.md .input-after.color-green:after { + background: #4caf50; +} +.md .item-input-focused.color-blue .item-label, +.md .item-input-focused.color-blue .item-floating-label { + color: #2196f3; +} +.md .item-input-focused.color-blue .item-input-wrap:after, +.md .input-after.color-blue:after { + background: #2196f3; +} +.md .item-input-focused.color-pink .item-label, +.md .item-input-focused.color-pink .item-floating-label { + color: #e91e63; +} +.md .item-input-focused.color-pink .item-input-wrap:after, +.md .input-after.color-pink:after { + background: #e91e63; +} +.md .item-input-focused.color-yellow .item-label, +.md .item-input-focused.color-yellow .item-floating-label { + color: #ffeb3b; +} +.md .item-input-focused.color-yellow .item-input-wrap:after, +.md .input-after.color-yellow:after { + background: #ffeb3b; +} +.md .item-input-focused.color-orange .item-label, +.md .item-input-focused.color-orange .item-floating-label { + color: #ff9800; +} +.md .item-input-focused.color-orange .item-input-wrap:after, +.md .input-after.color-orange:after { + background: #ff9800; +} +.md .item-input-focused.color-gray .item-label, +.md .item-input-focused.color-gray .item-floating-label { + color: #9e9e9e; +} +.md .item-input-focused.color-gray .item-input-wrap:after, +.md .input-after.color-gray:after { + background: #9e9e9e; +} +.md .item-input-focused.color-white .item-label, +.md .item-input-focused.color-white .item-floating-label { + color: #ffffff; +} +.md .item-input-focused.color-white .item-input-wrap:after, +.md .input-after.color-white:after { + background: #ffffff; +} +.md .item-input-focused.color-black .item-label, +.md .item-input-focused.color-black .item-floating-label { + color: #000000; +} +.md .item-input-focused.color-black .item-input-wrap:after, +.md .input-after.color-black:after { + background: #000000; +} +/* === Checkbox === */ +.icon-checkbox, +.checkbox i { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox .icon-checkbox, +.checkbox .icon-checkbox { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-checkbox .icon-checkbox:after, +.checkbox .icon-checkbox:after { + content: ''; + position: absolute; +} +label.item-checkbox { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.md .icon-checkbox, +.md .checkbox i { + width: 18px; + height: 18px; + border-radius: 2px; + border: 2px solid #6d6d6d; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + background-color: transparent; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + width: 18px; + height: 18px; + left: -2px; + top: -2px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + opacity: 0; + background: no-repeat center; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; +} +.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +.md label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.md .checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-checkbox > .icon-checkbox { + margin-left: 38px; +} +.md label.item-checkbox .item-content .item-media, +.md label.item-checkbox.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.md label.item-checkbox.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .theme-dark label.item-checkbox.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .icon-checkbox, +.md .theme-dark .checkbox i { + border-color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-red label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-red .checkbox input[type="checkbox"]:checked ~ i { + background-color: #f44336; + border-color: #f44336; +} +.md .color-theme-red .checkbox .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-green label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-green .checkbox input[type="checkbox"]:checked ~ i { + background-color: #4caf50; + border-color: #4caf50; +} +.md .color-theme-green .checkbox .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-blue label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-blue .checkbox input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md .color-theme-blue .checkbox .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-pink label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-pink .checkbox input[type="checkbox"]:checked ~ i { + background-color: #e91e63; + border-color: #e91e63; +} +.md .color-theme-pink .checkbox .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-yellow label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-yellow .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ffeb3b; + border-color: #ffeb3b; +} +.md .color-theme-yellow .checkbox .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-orange label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-orange .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ff9800; + border-color: #ff9800; +} +.md .color-theme-orange .checkbox .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-gray label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-gray .checkbox input[type="checkbox"]:checked ~ i { + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.md .color-theme-gray .checkbox .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-white label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-white .checkbox input[type="checkbox"]:checked ~ i { + background-color: #ffffff; + border-color: #ffffff; +} +.md .color-theme-white .checkbox .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +.md .color-theme-black label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .color-theme-black .checkbox input[type="checkbox"]:checked ~ i { + background-color: #000000; + border-color: #000000; +} +.md .color-theme-black .checkbox .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-red input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-red input[type="checkbox"]:checked ~ i { + background-color: #f44336; + border-color: #f44336; +} +.md .checkbox.color-red .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-green input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-green input[type="checkbox"]:checked ~ i { + background-color: #4caf50; + border-color: #4caf50; +} +.md .checkbox.color-green .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-blue input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-blue input[type="checkbox"]:checked ~ i { + background-color: #2196f3; + border-color: #2196f3; +} +.md .checkbox.color-blue .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-pink input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-pink input[type="checkbox"]:checked ~ i { + background-color: #e91e63; + border-color: #e91e63; +} +.md .checkbox.color-pink .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-yellow input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-yellow input[type="checkbox"]:checked ~ i { + background-color: #ffeb3b; + border-color: #ffeb3b; +} +.md .checkbox.color-yellow .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-orange input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-orange input[type="checkbox"]:checked ~ i { + background-color: #ff9800; + border-color: #ff9800; +} +.md .checkbox.color-orange .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-gray input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-gray input[type="checkbox"]:checked ~ i { + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.md .checkbox.color-gray .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-white input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-white input[type="checkbox"]:checked ~ i { + background-color: #ffffff; + border-color: #ffffff; +} +.md .checkbox.color-white .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ .icon-checkbox, +.md label.item-checkbox.color-black input[type="checkbox"]:checked ~ * .icon-checkbox, +.md .checkbox.color-black input[type="checkbox"]:checked ~ i { + background-color: #000000; + border-color: #000000; +} +.md .checkbox.color-black .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +/* === Radio === */ +.icon-radio { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio .icon-radio, +.radio .icon-radio { + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + display: block; +} +label.item-radio .icon-radio:after, +.radio .icon-radio:after { + content: ''; + position: absolute; +} +label.item-radio { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.md .icon-radio { + width: 20px; + height: 20px; + position: relative; + border-radius: 50%; + border: 2px solid #6d6d6d; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + display: block; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: #2196f3; + border-radius: 50%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; + -webkit-transform: scale(1); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-left: 38px; +} +.md label.item-radio .item-content .item-media, +.md label.item-radio.item-content .item-media { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.md label.item-radio.active-state { + background-color: rgba(0, 0, 0, 0.1); +} +.md .theme-dark label.item-radio.active-state { + background-color: rgba(255, 255, 255, 0.05); +} +.md .theme-dark .icon-radio { + border-color: rgba(255, 255, 255, 0.54); +} +.md .color-theme-red .icon-radio:after { + background-color: #f44336; +} +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #f44336; +} +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-red label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-red .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #f44336; +} +.md .color-theme-red .radio .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-green .icon-radio:after { + background-color: #4caf50; +} +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #4caf50; +} +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-green label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-green .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #4caf50; +} +.md .color-theme-green .radio .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-blue .icon-radio:after { + background-color: #2196f3; +} +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-blue label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-blue .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; +} +.md .color-theme-blue .radio .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-pink .icon-radio:after { + background-color: #e91e63; +} +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #e91e63; +} +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-pink label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-pink .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #e91e63; +} +.md .color-theme-pink .radio .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-yellow .icon-radio:after { + background-color: #ffeb3b; +} +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffeb3b; +} +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-yellow label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-yellow .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffeb3b; +} +.md .color-theme-yellow .radio .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-orange .icon-radio:after { + background-color: #ff9800; +} +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9800; +} +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-orange label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-orange .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ff9800; +} +.md .color-theme-orange .radio .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-gray .icon-radio:after { + background-color: #9e9e9e; +} +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #9e9e9e; +} +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-gray label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-gray .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #9e9e9e; +} +.md .color-theme-gray .radio .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-white .icon-radio:after { + background-color: #ffffff; +} +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-white label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-white .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffffff; +} +.md .color-theme-white .radio .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-black .icon-radio:after { + background-color: #000000; +} +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md .color-theme-black label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .color-theme-black .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: #000000; +} +.md .color-theme-black .radio .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +.md .radio.color-red .icon-radio:after { + background-color: #f44336; +} +.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-red input[type="radio"]:checked ~ .icon-radio { + border-color: #f44336; +} +.md label.item-radio.color-red input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-red input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-red input[type="radio"]:checked ~ .icon-radio:after { + background-color: #f44336; +} +.md .radio.color-red .ripple-wave { + background: rgba(244, 67, 54, 0.5); +} +.md .radio.color-green .icon-radio:after { + background-color: #4caf50; +} +.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-green input[type="radio"]:checked ~ .icon-radio { + border-color: #4caf50; +} +.md label.item-radio.color-green input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-green input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-green input[type="radio"]:checked ~ .icon-radio:after { + background-color: #4caf50; +} +.md .radio.color-green .ripple-wave { + background: rgba(76, 175, 80, 0.5); +} +.md .radio.color-blue .icon-radio:after { + background-color: #2196f3; +} +.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio { + border-color: #2196f3; +} +.md label.item-radio.color-blue input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-blue input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-blue input[type="radio"]:checked ~ .icon-radio:after { + background-color: #2196f3; +} +.md .radio.color-blue .ripple-wave { + background: rgba(33, 150, 243, 0.5); +} +.md .radio.color-pink .icon-radio:after { + background-color: #e91e63; +} +.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio { + border-color: #e91e63; +} +.md label.item-radio.color-pink input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-pink input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-pink input[type="radio"]:checked ~ .icon-radio:after { + background-color: #e91e63; +} +.md .radio.color-pink .ripple-wave { + background: rgba(233, 30, 99, 0.5); +} +.md .radio.color-yellow .icon-radio:after { + background-color: #ffeb3b; +} +.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio { + border-color: #ffeb3b; +} +.md label.item-radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-yellow input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-yellow input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffeb3b; +} +.md .radio.color-yellow .ripple-wave { + background: rgba(255, 235, 59, 0.5); +} +.md .radio.color-orange .icon-radio:after { + background-color: #ff9800; +} +.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio { + border-color: #ff9800; +} +.md label.item-radio.color-orange input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-orange input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-orange input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ff9800; +} +.md .radio.color-orange .ripple-wave { + background: rgba(255, 152, 0, 0.5); +} +.md .radio.color-gray .icon-radio:after { + background-color: #9e9e9e; +} +.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio { + border-color: #9e9e9e; +} +.md label.item-radio.color-gray input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-gray input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-gray input[type="radio"]:checked ~ .icon-radio:after { + background-color: #9e9e9e; +} +.md .radio.color-gray .ripple-wave { + background: rgba(158, 158, 158, 0.5); +} +.md .radio.color-white .icon-radio:after { + background-color: #ffffff; +} +.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-white input[type="radio"]:checked ~ .icon-radio { + border-color: #ffffff; +} +.md label.item-radio.color-white input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-white input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-white input[type="radio"]:checked ~ .icon-radio:after { + background-color: #ffffff; +} +.md .radio.color-white .ripple-wave { + background: rgba(255, 255, 255, 0.5); +} +.md .radio.color-black .icon-radio:after { + background-color: #000000; +} +.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio, +.md .radio.color-black input[type="radio"]:checked ~ .icon-radio { + border-color: #000000; +} +.md label.item-radio.color-black input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio.color-black input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio.color-black input[type="radio"]:checked ~ .icon-radio:after { + background-color: #000000; +} +.md .radio.color-black .ripple-wave { + background: rgba(0, 0, 0, 0.5); +} +/* === Toggle === */ +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + -webkit-transition: 300ms; + transition: 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; +} +.toggle-icon:after { + background: #fff; + position: absolute; + z-index: 2; + -webkit-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .toggle { + width: 36px; + height: 14px; +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); + background: #2196f3; +} +.md .toggle-icon { + width: 36px; + height: 14px; + border-radius: 14px; + background: #b0afaf; +} +.md .toggle-icon:after { + height: 20px; + width: 20px; + top: -3px; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: 10px; + right: 0; +} +.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(244, 67, 54, 0.5); +} +.md .color-theme-red .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #f44336; +} +.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(76, 175, 80, 0.5); +} +.md .color-theme-green .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #4caf50; +} +.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .color-theme-blue .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #2196f3; +} +.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(233, 30, 99, 0.5); +} +.md .color-theme-pink .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #e91e63; +} +.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 235, 59, 0.5); +} +.md .color-theme-yellow .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffeb3b; +} +.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 152, 0, 0.5); +} +.md .color-theme-orange .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ff9800; +} +.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(158, 158, 158, 0.5); +} +.md .color-theme-gray .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #9e9e9e; +} +.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 255, 255, 0.5); +} +.md .color-theme-white .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffffff; +} +.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon { + background: rgba(0, 0, 0, 0.5); +} +.md .color-theme-black .toggle input[type="checkbox"]:checked + .toggle-icon:after { + background: #000000; +} +.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon { + background: rgba(244, 67, 54, 0.5); +} +.md .toggle.color-red input[type="checkbox"]:checked + .toggle-icon:after { + background: #f44336; +} +.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon { + background: rgba(76, 175, 80, 0.5); +} +.md .toggle.color-green input[type="checkbox"]:checked + .toggle-icon:after { + background: #4caf50; +} +.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon { + background: rgba(33, 150, 243, 0.5); +} +.md .toggle.color-blue input[type="checkbox"]:checked + .toggle-icon:after { + background: #2196f3; +} +.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon { + background: rgba(233, 30, 99, 0.5); +} +.md .toggle.color-pink input[type="checkbox"]:checked + .toggle-icon:after { + background: #e91e63; +} +.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 235, 59, 0.5); +} +.md .toggle.color-yellow input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffeb3b; +} +.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 152, 0, 0.5); +} +.md .toggle.color-orange input[type="checkbox"]:checked + .toggle-icon:after { + background: #ff9800; +} +.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon { + background: rgba(158, 158, 158, 0.5); +} +.md .toggle.color-gray input[type="checkbox"]:checked + .toggle-icon:after { + background: #9e9e9e; +} +.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon { + background: rgba(255, 255, 255, 0.5); +} +.md .toggle.color-white input[type="checkbox"]:checked + .toggle-icon:after { + background: #ffffff; +} +.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon { + background: rgba(0, 0, 0, 0.5); +} +.md .toggle.color-black input[type="checkbox"]:checked + .toggle-icon:after { + background: #000000; +} +/* === Range Slider === */ +.range-slider { + display: block; + width: 100%; + position: relative; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-bar { + position: absolute; + left: 0; + top: 50%; + width: 100%; + overflow: hidden; +} +.range-bar-active { + position: absolute; + right: 0; + top: 0; + height: 100%; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + top: 50%; + right: 0; +} +.range-knob { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + -webkit-transition-duration: 120ms; + transition-duration: 120ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transform: translateY(100%) scale(0); + transform: translateY(100%) scale(0); +} +.range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.md .range-slider { + height: 20px; +} +.md .range-bar { + background: #b9b9b9; + height: 2px; + margin-top: -1px; +} +.md .range-bar-active { + background: #2196f3; +} +.md .range-knob-wrap { + height: 12px; + width: 12px; + margin-top: -6px; + margin-right: -6px; +} +.md .range-knob { + background: #2196f3; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: background-color, -webkit-transform; + transition-property: background-color, -webkit-transform; + transition-property: transform, background-color; + transition-property: transform, background-color, -webkit-transform; +} +.md .range-knob-active-state .range-knob { + -webkit-transform: scale(1.5); + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid #b9b9b9; +} +.md .range-knob-label { + width: 26px; + height: 26px; + margin-left: -13px; + margin-bottom: 8px; + background: #2196f3; + color: #fff; + font-size: 10px; + border-radius: 50%; + line-height: 26px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: -13px; + position: absolute; + z-index: -1; + width: 26px; + height: 26px; + background: #2196f3; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + -webkit-transform: translateY(0%) scale(1); + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + -webkit-transform: scale(0); + transform: scale(0); +} +.md .color-theme-red .range-slider .range-bar-active, +.md .color-theme-red .range-slider .range-knob, +.md .color-theme-red .range-slider .range-knob-label, +.md .color-theme-red .range-slider .range-knob-label:before { + background-color: #f44336; +} +.md .color-theme-green .range-slider .range-bar-active, +.md .color-theme-green .range-slider .range-knob, +.md .color-theme-green .range-slider .range-knob-label, +.md .color-theme-green .range-slider .range-knob-label:before { + background-color: #4caf50; +} +.md .color-theme-blue .range-slider .range-bar-active, +.md .color-theme-blue .range-slider .range-knob, +.md .color-theme-blue .range-slider .range-knob-label, +.md .color-theme-blue .range-slider .range-knob-label:before { + background-color: #2196f3; +} +.md .color-theme-pink .range-slider .range-bar-active, +.md .color-theme-pink .range-slider .range-knob, +.md .color-theme-pink .range-slider .range-knob-label, +.md .color-theme-pink .range-slider .range-knob-label:before { + background-color: #e91e63; +} +.md .color-theme-yellow .range-slider .range-bar-active, +.md .color-theme-yellow .range-slider .range-knob, +.md .color-theme-yellow .range-slider .range-knob-label, +.md .color-theme-yellow .range-slider .range-knob-label:before { + background-color: #ffeb3b; +} +.md .color-theme-orange .range-slider .range-bar-active, +.md .color-theme-orange .range-slider .range-knob, +.md .color-theme-orange .range-slider .range-knob-label, +.md .color-theme-orange .range-slider .range-knob-label:before { + background-color: #ff9800; +} +.md .color-theme-gray .range-slider .range-bar-active, +.md .color-theme-gray .range-slider .range-knob, +.md .color-theme-gray .range-slider .range-knob-label, +.md .color-theme-gray .range-slider .range-knob-label:before { + background-color: #9e9e9e; +} +.md .color-theme-white .range-slider .range-bar-active, +.md .color-theme-white .range-slider .range-knob, +.md .color-theme-white .range-slider .range-knob-label, +.md .color-theme-white .range-slider .range-knob-label:before { + background-color: #ffffff; +} +.md .color-theme-black .range-slider .range-bar-active, +.md .color-theme-black .range-slider .range-knob, +.md .color-theme-black .range-slider .range-knob-label, +.md .color-theme-black .range-slider .range-knob-label:before { + background-color: #000000; +} +.md .range-slider.color-red .range-bar-active, +.md .range-slider.color-red .range-knob, +.md .range-slider.color-red .range-knob-label, +.md .range-slider.color-red .range-knob-label:before { + background-color: #f44336; +} +.md .range-slider.color-green .range-bar-active, +.md .range-slider.color-green .range-knob, +.md .range-slider.color-green .range-knob-label, +.md .range-slider.color-green .range-knob-label:before { + background-color: #4caf50; +} +.md .range-slider.color-blue .range-bar-active, +.md .range-slider.color-blue .range-knob, +.md .range-slider.color-blue .range-knob-label, +.md .range-slider.color-blue .range-knob-label:before { + background-color: #2196f3; +} +.md .range-slider.color-pink .range-bar-active, +.md .range-slider.color-pink .range-knob, +.md .range-slider.color-pink .range-knob-label, +.md .range-slider.color-pink .range-knob-label:before { + background-color: #e91e63; +} +.md .range-slider.color-yellow .range-bar-active, +.md .range-slider.color-yellow .range-knob, +.md .range-slider.color-yellow .range-knob-label, +.md .range-slider.color-yellow .range-knob-label:before { + background-color: #ffeb3b; +} +.md .range-slider.color-orange .range-bar-active, +.md .range-slider.color-orange .range-knob, +.md .range-slider.color-orange .range-knob-label, +.md .range-slider.color-orange .range-knob-label:before { + background-color: #ff9800; +} +.md .range-slider.color-gray .range-bar-active, +.md .range-slider.color-gray .range-knob, +.md .range-slider.color-gray .range-knob-label, +.md .range-slider.color-gray .range-knob-label:before { + background-color: #9e9e9e; +} +.md .range-slider.color-white .range-bar-active, +.md .range-slider.color-white .range-knob, +.md .range-slider.color-white .range-knob-label, +.md .range-slider.color-white .range-knob-label:before { + background-color: #ffffff; +} +.md .range-slider.color-black .range-bar-active, +.md .range-slider.color-black .range-knob, +.md .range-slider.color-black .range-knob-label, +.md .range-slider.color-black .range-knob-label:before { + background-color: #000000; +} +/* === Stepper === */ +.stepper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-value { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: center; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper .stepper-input-wrap input, +.stepper .stepper-value { + width: 45px; +} +.md .stepper { + height: 36px; +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + border: 2px solid #2196f3; + color: #2196f3; + line-height: 34px; + height: 36px; + width: 40px; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-button + .stepper-button, +.md .stepper-button-minus + .stepper-button, +.md .stepper-button-plus + .stepper-button, +.md .stepper-button + .stepper-button-minus, +.md .stepper-button-minus + .stepper-button-minus, +.md .stepper-button-plus + .stepper-button-minus, +.md .stepper-button + .stepper-button-plus, +.md .stepper-button-minus + .stepper-button-plus, +.md .stepper-button-plus + .stepper-button-plus { + border-right: none; +} +.md .stepper-button.active-state, +.md .stepper-button-minus.active-state, +.md .stepper-button-plus.active-state { + background: rgba(0, 0, 0, 0.1); +} +.md .stepper-button:first-child, +.md .stepper-button-minus:first-child, +.md .stepper-button-plus:first-child { + border-radius: 0 4px 4px 0; +} +.md .stepper-button:last-child, +.md .stepper-button-minus:last-child, +.md .stepper-button-plus:last-child { + border-radius: 4px 0 0 4px; +} +.md .stepper-button-plus:after, +.md .stepper-button-minus:after, +.md .stepper-button-plus:before, +.md .stepper-button-minus:before { + background: #2196f3; +} +.md .stepper-value, +.md .stepper-input-wrap { + border-top: 2px solid #2196f3; + border-bottom: 2px solid #2196f3; +} +.md .stepper .stepper-value, +.md .stepper .stepper-input-wrap input { + color: #2196f3; + font-size: 14px; + font-weight: 500; + text-align: center; +} +.md .stepper .stepper-input-wrap input { + height: 100%; +} +.md .stepper-fill .stepper-button, +.md .stepper-fill-md .stepper-button, +.md .stepper-fill .stepper-button-minus, +.md .stepper-fill-md .stepper-button-minus, +.md .stepper-fill .stepper-button-plus, +.md .stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; + border: none; + line-height: 36px; +} +.md .stepper-fill .stepper-button.active-state, +.md .stepper-fill-md .stepper-button.active-state, +.md .stepper-fill .stepper-button-minus.active-state, +.md .stepper-fill-md .stepper-button-minus.active-state, +.md .stepper-fill .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper-fill .stepper-button:after, +.md .stepper-fill-md .stepper-button:after, +.md .stepper-fill .stepper-button-minus:after, +.md .stepper-fill-md .stepper-button-minus:after, +.md .stepper-fill .stepper-button-plus:after, +.md .stepper-fill-md .stepper-button-plus:after, +.md .stepper-fill .stepper-button:before, +.md .stepper-fill-md .stepper-button:before, +.md .stepper-fill .stepper-button-minus:before, +.md .stepper-fill-md .stepper-button-minus:before, +.md .stepper-fill .stepper-button-plus:before, +.md .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .stepper-fill .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.md .stepper-fill .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .stepper-fill.stepper-big .stepper-button, +.md .stepper-fill-md.stepper-big .stepper-button, +.md .stepper-fill.stepper-big-md .stepper-button, +.md .stepper-fill-md.stepper-big-md .stepper-button, +.md .stepper-fill.stepper-big .stepper-button-minus, +.md .stepper-fill-md.stepper-big .stepper-button-minus, +.md .stepper-fill.stepper-big-md .stepper-button-minus, +.md .stepper-fill-md.stepper-big-md .stepper-button-minus, +.md .stepper-fill.stepper-big .stepper-button-plus, +.md .stepper-fill-md.stepper-big .stepper-button-plus, +.md .stepper-fill.stepper-big-md .stepper-button-plus, +.md .stepper-fill-md.stepper-big-md .stepper-button-plus { + line-height: 48px; +} +.md .stepper-fill.stepper-small .stepper-button, +.md .stepper-fill-md.stepper-small .stepper-button, +.md .stepper-fill.stepper-small-md .stepper-button, +.md .stepper-fill-md.stepper-small-md .stepper-button, +.md .stepper-fill.stepper-small .stepper-button-minus, +.md .stepper-fill-md.stepper-small .stepper-button-minus, +.md .stepper-fill.stepper-small-md .stepper-button-minus, +.md .stepper-fill-md.stepper-small-md .stepper-button-minus, +.md .stepper-fill.stepper-small .stepper-button-plus, +.md .stepper-fill-md.stepper-small .stepper-button-plus, +.md .stepper-fill.stepper-small-md .stepper-button-plus, +.md .stepper-fill-md.stepper-small-md .stepper-button-plus { + line-height: 28px; +} +.md .stepper-small, +.md .stepper-small-md { + height: 28px; +} +.md .stepper-small .stepper-button, +.md .stepper-small-md .stepper-button, +.md .stepper-small .stepper-button-minus, +.md .stepper-small-md .stepper-button-minus, +.md .stepper-small .stepper-button-plus, +.md .stepper-small-md .stepper-button-plus { + height: 28px; + line-height: 24px; +} +.md .stepper-small .stepper-button, +.md .stepper-small-md .stepper-button, +.md .stepper-small .stepper-button-minus, +.md .stepper-small-md .stepper-button-minus, +.md .stepper-small .stepper-button-plus, +.md .stepper-small-md .stepper-button-plus, +.md .stepper-small .stepper-input-wrap, +.md .stepper-small-md .stepper-input-wrap, +.md .stepper-small .stepper-value, +.md .stepper-small-md .stepper-value { + border-width: 2px; +} +.md .stepper-big, +.md .stepper-big-md { + height: 48px; +} +.md .stepper-big .stepper-button, +.md .stepper-big-md .stepper-button, +.md .stepper-big .stepper-button-minus, +.md .stepper-big-md .stepper-button-minus, +.md .stepper-big .stepper-button-plus, +.md .stepper-big-md .stepper-button-plus { + height: 48px; + line-height: 46px; +} +.md .stepper-big .stepper-button:first-child, +.md .stepper-big-md .stepper-button:first-child, +.md .stepper-big .stepper-button-minus:first-child, +.md .stepper-big-md .stepper-button-minus:first-child, +.md .stepper-big .stepper-button-plus:first-child, +.md .stepper-big-md .stepper-button-plus:first-child { + border-radius: 0 4px 4px 0; +} +.md .stepper-big .stepper-button:last-child, +.md .stepper-big-md .stepper-button:last-child, +.md .stepper-big .stepper-button-minus:last-child, +.md .stepper-big-md .stepper-button-minus:last-child, +.md .stepper-big .stepper-button-plus:last-child, +.md .stepper-big-md .stepper-button-plus:last-child { + border-radius: 4px 0 0 4px; +} +.md .stepper-round .stepper-button:first-child, +.md .stepper-round-md .stepper-button:first-child, +.md .stepper-round .stepper-button-minus:first-child, +.md .stepper-round-md .stepper-button-minus:first-child, +.md .stepper-round .stepper-button-plus:first-child, +.md .stepper-round-md .stepper-button-plus:first-child { + border-radius: 0 36px 36px 0; +} +.md .stepper-round .stepper-button:last-child, +.md .stepper-round-md .stepper-button:last-child, +.md .stepper-round .stepper-button-minus:last-child, +.md .stepper-round-md .stepper-button-minus:last-child, +.md .stepper-round .stepper-button-plus:last-child, +.md .stepper-round-md .stepper-button-plus:last-child { + border-radius: 36px 0 0 36px; +} +.md .stepper-raised { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-radius: 4px; +} +.md .stepper-raised.stepper-big, +.md .stepper-raised.stepper-big-md { + border-radius: 4px; +} +.md .stepper-raised.stepper-round, +.md .stepper-raised.stepper-round-md { + border-radius: 36px; +} +.md .stepper-raised .stepper-value, +.md .stepper-raised .stepper-input-wrap { + border: none; +} +.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap, +.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .stepper-raised .stepper-button, +.md .stepper-raised .stepper-button-minus, +.md .stepper-raised .stepper-button-plus { + border: none; +} +.md .stepper-raised .stepper-button + .stepper-button, +.md .stepper-raised .stepper-button-minus + .stepper-button-plus { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.md .color-theme-red .stepper-button, +.md .color-theme-red .stepper-button-minus, +.md .color-theme-red .stepper-button-plus { + border-color: #f44336; + color: #f44336; +} +.md .color-theme-red .stepper-button-plus:after, +.md .color-theme-red .stepper-button-minus:after, +.md .color-theme-red .stepper-button-plus:before, +.md .color-theme-red .stepper-button-minus:before { + background: #f44336; +} +.md .color-theme-red .stepper-value, +.md .color-theme-red .stepper-input-wrap { + border-top-color: #f44336; + border-bottom-color: #f44336; +} +.md .color-theme-red .stepper-value, +.md .color-theme-red .stepper-input-wrap input { + color: #f44336; +} +.md .color-theme-red .stepper-fill .stepper-button, +.md .color-theme-red .stepper-fill-md .stepper-button, +.md .color-theme-red .stepper-fill .stepper-button-minus, +.md .color-theme-red .stepper-fill-md .stepper-button-minus, +.md .color-theme-red .stepper-fill .stepper-button-plus, +.md .color-theme-red .stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .color-theme-red .stepper-fill .stepper-button.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button.active-state, +.md .color-theme-red .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-red .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .color-theme-red .stepper-fill .stepper-button:after, +.md .color-theme-red .stepper-fill-md .stepper-button:after, +.md .color-theme-red .stepper-fill .stepper-button-minus:after, +.md .color-theme-red .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-red .stepper-fill .stepper-button-plus:after, +.md .color-theme-red .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-red .stepper-fill .stepper-button:before, +.md .color-theme-red .stepper-fill-md .stepper-button:before, +.md .color-theme-red .stepper-fill .stepper-button-minus:before, +.md .color-theme-red .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-red .stepper-fill .stepper-button-plus:before, +.md .color-theme-red .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-green .stepper-button, +.md .color-theme-green .stepper-button-minus, +.md .color-theme-green .stepper-button-plus { + border-color: #4caf50; + color: #4caf50; +} +.md .color-theme-green .stepper-button-plus:after, +.md .color-theme-green .stepper-button-minus:after, +.md .color-theme-green .stepper-button-plus:before, +.md .color-theme-green .stepper-button-minus:before { + background: #4caf50; +} +.md .color-theme-green .stepper-value, +.md .color-theme-green .stepper-input-wrap { + border-top-color: #4caf50; + border-bottom-color: #4caf50; +} +.md .color-theme-green .stepper-value, +.md .color-theme-green .stepper-input-wrap input { + color: #4caf50; +} +.md .color-theme-green .stepper-fill .stepper-button, +.md .color-theme-green .stepper-fill-md .stepper-button, +.md .color-theme-green .stepper-fill .stepper-button-minus, +.md .color-theme-green .stepper-fill-md .stepper-button-minus, +.md .color-theme-green .stepper-fill .stepper-button-plus, +.md .color-theme-green .stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .color-theme-green .stepper-fill .stepper-button.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button.active-state, +.md .color-theme-green .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-green .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .color-theme-green .stepper-fill .stepper-button:after, +.md .color-theme-green .stepper-fill-md .stepper-button:after, +.md .color-theme-green .stepper-fill .stepper-button-minus:after, +.md .color-theme-green .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-green .stepper-fill .stepper-button-plus:after, +.md .color-theme-green .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-green .stepper-fill .stepper-button:before, +.md .color-theme-green .stepper-fill-md .stepper-button:before, +.md .color-theme-green .stepper-fill .stepper-button-minus:before, +.md .color-theme-green .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-green .stepper-fill .stepper-button-plus:before, +.md .color-theme-green .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-blue .stepper-button, +.md .color-theme-blue .stepper-button-minus, +.md .color-theme-blue .stepper-button-plus { + border-color: #2196f3; + color: #2196f3; +} +.md .color-theme-blue .stepper-button-plus:after, +.md .color-theme-blue .stepper-button-minus:after, +.md .color-theme-blue .stepper-button-plus:before, +.md .color-theme-blue .stepper-button-minus:before { + background: #2196f3; +} +.md .color-theme-blue .stepper-value, +.md .color-theme-blue .stepper-input-wrap { + border-top-color: #2196f3; + border-bottom-color: #2196f3; +} +.md .color-theme-blue .stepper-value, +.md .color-theme-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .color-theme-blue .stepper-fill .stepper-button, +.md .color-theme-blue .stepper-fill-md .stepper-button, +.md .color-theme-blue .stepper-fill .stepper-button-minus, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus, +.md .color-theme-blue .stepper-fill .stepper-button-plus, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .color-theme-blue .stepper-fill .stepper-button.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button.active-state, +.md .color-theme-blue .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-blue .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .color-theme-blue .stepper-fill .stepper-button:after, +.md .color-theme-blue .stepper-fill-md .stepper-button:after, +.md .color-theme-blue .stepper-fill .stepper-button-minus:after, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-blue .stepper-fill .stepper-button-plus:after, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-blue .stepper-fill .stepper-button:before, +.md .color-theme-blue .stepper-fill-md .stepper-button:before, +.md .color-theme-blue .stepper-fill .stepper-button-minus:before, +.md .color-theme-blue .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-blue .stepper-fill .stepper-button-plus:before, +.md .color-theme-blue .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-pink .stepper-button, +.md .color-theme-pink .stepper-button-minus, +.md .color-theme-pink .stepper-button-plus { + border-color: #e91e63; + color: #e91e63; +} +.md .color-theme-pink .stepper-button-plus:after, +.md .color-theme-pink .stepper-button-minus:after, +.md .color-theme-pink .stepper-button-plus:before, +.md .color-theme-pink .stepper-button-minus:before { + background: #e91e63; +} +.md .color-theme-pink .stepper-value, +.md .color-theme-pink .stepper-input-wrap { + border-top-color: #e91e63; + border-bottom-color: #e91e63; +} +.md .color-theme-pink .stepper-value, +.md .color-theme-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .color-theme-pink .stepper-fill .stepper-button, +.md .color-theme-pink .stepper-fill-md .stepper-button, +.md .color-theme-pink .stepper-fill .stepper-button-minus, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus, +.md .color-theme-pink .stepper-fill .stepper-button-plus, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .color-theme-pink .stepper-fill .stepper-button.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button.active-state, +.md .color-theme-pink .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-pink .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .color-theme-pink .stepper-fill .stepper-button:after, +.md .color-theme-pink .stepper-fill-md .stepper-button:after, +.md .color-theme-pink .stepper-fill .stepper-button-minus:after, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-pink .stepper-fill .stepper-button-plus:after, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-pink .stepper-fill .stepper-button:before, +.md .color-theme-pink .stepper-fill-md .stepper-button:before, +.md .color-theme-pink .stepper-fill .stepper-button-minus:before, +.md .color-theme-pink .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-pink .stepper-fill .stepper-button-plus:before, +.md .color-theme-pink .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-yellow .stepper-button, +.md .color-theme-yellow .stepper-button-minus, +.md .color-theme-yellow .stepper-button-plus { + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .color-theme-yellow .stepper-button-plus:after, +.md .color-theme-yellow .stepper-button-minus:after, +.md .color-theme-yellow .stepper-button-plus:before, +.md .color-theme-yellow .stepper-button-minus:before { + background: #ffeb3b; +} +.md .color-theme-yellow .stepper-value, +.md .color-theme-yellow .stepper-input-wrap { + border-top-color: #ffeb3b; + border-bottom-color: #ffeb3b; +} +.md .color-theme-yellow .stepper-value, +.md .color-theme-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper-fill .stepper-button, +.md .color-theme-yellow .stepper-fill-md .stepper-button, +.md .color-theme-yellow .stepper-fill .stepper-button-minus, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus, +.md .color-theme-yellow .stepper-fill .stepper-button-plus, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .stepper-fill .stepper-button.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button.active-state, +.md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .color-theme-yellow .stepper-fill .stepper-button:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button:after, +.md .color-theme-yellow .stepper-fill .stepper-button-minus:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-yellow .stepper-fill .stepper-button-plus:after, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-yellow .stepper-fill .stepper-button:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button:before, +.md .color-theme-yellow .stepper-fill .stepper-button-minus:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-yellow .stepper-fill .stepper-button-plus:before, +.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-orange .stepper-button, +.md .color-theme-orange .stepper-button-minus, +.md .color-theme-orange .stepper-button-plus { + border-color: #ff9800; + color: #ff9800; +} +.md .color-theme-orange .stepper-button-plus:after, +.md .color-theme-orange .stepper-button-minus:after, +.md .color-theme-orange .stepper-button-plus:before, +.md .color-theme-orange .stepper-button-minus:before { + background: #ff9800; +} +.md .color-theme-orange .stepper-value, +.md .color-theme-orange .stepper-input-wrap { + border-top-color: #ff9800; + border-bottom-color: #ff9800; +} +.md .color-theme-orange .stepper-value, +.md .color-theme-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .color-theme-orange .stepper-fill .stepper-button, +.md .color-theme-orange .stepper-fill-md .stepper-button, +.md .color-theme-orange .stepper-fill .stepper-button-minus, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus, +.md .color-theme-orange .stepper-fill .stepper-button-plus, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .color-theme-orange .stepper-fill .stepper-button.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button.active-state, +.md .color-theme-orange .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-orange .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .color-theme-orange .stepper-fill .stepper-button:after, +.md .color-theme-orange .stepper-fill-md .stepper-button:after, +.md .color-theme-orange .stepper-fill .stepper-button-minus:after, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-orange .stepper-fill .stepper-button-plus:after, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-orange .stepper-fill .stepper-button:before, +.md .color-theme-orange .stepper-fill-md .stepper-button:before, +.md .color-theme-orange .stepper-fill .stepper-button-minus:before, +.md .color-theme-orange .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-orange .stepper-fill .stepper-button-plus:before, +.md .color-theme-orange .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-gray .stepper-button, +.md .color-theme-gray .stepper-button-minus, +.md .color-theme-gray .stepper-button-plus { + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .color-theme-gray .stepper-button-plus:after, +.md .color-theme-gray .stepper-button-minus:after, +.md .color-theme-gray .stepper-button-plus:before, +.md .color-theme-gray .stepper-button-minus:before { + background: #9e9e9e; +} +.md .color-theme-gray .stepper-value, +.md .color-theme-gray .stepper-input-wrap { + border-top-color: #9e9e9e; + border-bottom-color: #9e9e9e; +} +.md .color-theme-gray .stepper-value, +.md .color-theme-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .color-theme-gray .stepper-fill .stepper-button, +.md .color-theme-gray .stepper-fill-md .stepper-button, +.md .color-theme-gray .stepper-fill .stepper-button-minus, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus, +.md .color-theme-gray .stepper-fill .stepper-button-plus, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .stepper-fill .stepper-button.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button.active-state, +.md .color-theme-gray .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-gray .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .stepper-fill .stepper-button:after, +.md .color-theme-gray .stepper-fill-md .stepper-button:after, +.md .color-theme-gray .stepper-fill .stepper-button-minus:after, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-gray .stepper-fill .stepper-button-plus:after, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-gray .stepper-fill .stepper-button:before, +.md .color-theme-gray .stepper-fill-md .stepper-button:before, +.md .color-theme-gray .stepper-fill .stepper-button-minus:before, +.md .color-theme-gray .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-gray .stepper-fill .stepper-button-plus:before, +.md .color-theme-gray .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-white .stepper-button, +.md .color-theme-white .stepper-button-minus, +.md .color-theme-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.md .color-theme-white .stepper-button-plus:after, +.md .color-theme-white .stepper-button-minus:after, +.md .color-theme-white .stepper-button-plus:before, +.md .color-theme-white .stepper-button-minus:before { + background: #ffffff; +} +.md .color-theme-white .stepper-value, +.md .color-theme-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.md .color-theme-white .stepper-value, +.md .color-theme-white .stepper-input-wrap input { + color: #ffffff; +} +.md .color-theme-white .stepper-fill .stepper-button, +.md .color-theme-white .stepper-fill-md .stepper-button, +.md .color-theme-white .stepper-fill .stepper-button-minus, +.md .color-theme-white .stepper-fill-md .stepper-button-minus, +.md .color-theme-white .stepper-fill .stepper-button-plus, +.md .color-theme-white .stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .color-theme-white .stepper-fill .stepper-button.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button.active-state, +.md .color-theme-white .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-white .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .color-theme-white .stepper-fill .stepper-button:after, +.md .color-theme-white .stepper-fill-md .stepper-button:after, +.md .color-theme-white .stepper-fill .stepper-button-minus:after, +.md .color-theme-white .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-white .stepper-fill .stepper-button-plus:after, +.md .color-theme-white .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-white .stepper-fill .stepper-button:before, +.md .color-theme-white .stepper-fill-md .stepper-button:before, +.md .color-theme-white .stepper-fill .stepper-button-minus:before, +.md .color-theme-white .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-white .stepper-fill .stepper-button-plus:before, +.md .color-theme-white .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .color-theme-black .stepper-button, +.md .color-theme-black .stepper-button-minus, +.md .color-theme-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.md .color-theme-black .stepper-button-plus:after, +.md .color-theme-black .stepper-button-minus:after, +.md .color-theme-black .stepper-button-plus:before, +.md .color-theme-black .stepper-button-minus:before { + background: #000000; +} +.md .color-theme-black .stepper-value, +.md .color-theme-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.md .color-theme-black .stepper-value, +.md .color-theme-black .stepper-input-wrap input { + color: #000000; +} +.md .color-theme-black .stepper-fill .stepper-button, +.md .color-theme-black .stepper-fill-md .stepper-button, +.md .color-theme-black .stepper-fill .stepper-button-minus, +.md .color-theme-black .stepper-fill-md .stepper-button-minus, +.md .color-theme-black .stepper-fill .stepper-button-plus, +.md .color-theme-black .stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .color-theme-black .stepper-fill .stepper-button.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button.active-state, +.md .color-theme-black .stepper-fill .stepper-button-minus.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state, +.md .color-theme-black .stepper-fill .stepper-button-plus.active-state, +.md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .color-theme-black .stepper-fill .stepper-button:after, +.md .color-theme-black .stepper-fill-md .stepper-button:after, +.md .color-theme-black .stepper-fill .stepper-button-minus:after, +.md .color-theme-black .stepper-fill-md .stepper-button-minus:after, +.md .color-theme-black .stepper-fill .stepper-button-plus:after, +.md .color-theme-black .stepper-fill-md .stepper-button-plus:after, +.md .color-theme-black .stepper-fill .stepper-button:before, +.md .color-theme-black .stepper-fill-md .stepper-button:before, +.md .color-theme-black .stepper-fill .stepper-button-minus:before, +.md .color-theme-black .stepper-fill-md .stepper-button-minus:before, +.md .color-theme-black .stepper-fill .stepper-button-plus:before, +.md .color-theme-black .stepper-fill-md .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-red .stepper-button, +.md .stepper.color-red .stepper-button-minus, +.md .stepper.color-red .stepper-button-plus { + border-color: #f44336; + color: #f44336; +} +.md .stepper.color-red .stepper-button-plus:after, +.md .stepper.color-red .stepper-button-minus:after, +.md .stepper.color-red .stepper-button-plus:before, +.md .stepper.color-red .stepper-button-minus:before { + background: #f44336; +} +.md .stepper.color-red .stepper-value, +.md .stepper.color-red .stepper-input-wrap { + border-top-color: #f44336; + border-bottom-color: #f44336; +} +.md .stepper.color-red .stepper-value, +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper-fill.color-red .stepper-button, +.md .stepper-fill-md.color-red .stepper-button, +.md .stepper-fill.color-red .stepper-button-minus, +.md .stepper-fill-md.color-red .stepper-button-minus, +.md .stepper-fill.color-red .stepper-button-plus, +.md .stepper-fill-md.color-red .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper-fill.color-red .stepper-button.active-state, +.md .stepper-fill-md.color-red .stepper-button.active-state, +.md .stepper-fill.color-red .stepper-button-minus.active-state, +.md .stepper-fill-md.color-red .stepper-button-minus.active-state, +.md .stepper-fill.color-red .stepper-button-plus.active-state, +.md .stepper-fill-md.color-red .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper-fill.color-red .stepper-button:after, +.md .stepper-fill-md.color-red .stepper-button:after, +.md .stepper-fill.color-red .stepper-button-minus:after, +.md .stepper-fill-md.color-red .stepper-button-minus:after, +.md .stepper-fill.color-red .stepper-button-plus:after, +.md .stepper-fill-md.color-red .stepper-button-plus:after, +.md .stepper-fill.color-red .stepper-button:before, +.md .stepper-fill-md.color-red .stepper-button:before, +.md .stepper-fill.color-red .stepper-button-minus:before, +.md .stepper-fill-md.color-red .stepper-button-minus:before, +.md .stepper-fill.color-red .stepper-button-plus:before, +.md .stepper-fill-md.color-red .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-green .stepper-button, +.md .stepper.color-green .stepper-button-minus, +.md .stepper.color-green .stepper-button-plus { + border-color: #4caf50; + color: #4caf50; +} +.md .stepper.color-green .stepper-button-plus:after, +.md .stepper.color-green .stepper-button-minus:after, +.md .stepper.color-green .stepper-button-plus:before, +.md .stepper.color-green .stepper-button-minus:before { + background: #4caf50; +} +.md .stepper.color-green .stepper-value, +.md .stepper.color-green .stepper-input-wrap { + border-top-color: #4caf50; + border-bottom-color: #4caf50; +} +.md .stepper.color-green .stepper-value, +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper-fill.color-green .stepper-button, +.md .stepper-fill-md.color-green .stepper-button, +.md .stepper-fill.color-green .stepper-button-minus, +.md .stepper-fill-md.color-green .stepper-button-minus, +.md .stepper-fill.color-green .stepper-button-plus, +.md .stepper-fill-md.color-green .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper-fill.color-green .stepper-button.active-state, +.md .stepper-fill-md.color-green .stepper-button.active-state, +.md .stepper-fill.color-green .stepper-button-minus.active-state, +.md .stepper-fill-md.color-green .stepper-button-minus.active-state, +.md .stepper-fill.color-green .stepper-button-plus.active-state, +.md .stepper-fill-md.color-green .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper-fill.color-green .stepper-button:after, +.md .stepper-fill-md.color-green .stepper-button:after, +.md .stepper-fill.color-green .stepper-button-minus:after, +.md .stepper-fill-md.color-green .stepper-button-minus:after, +.md .stepper-fill.color-green .stepper-button-plus:after, +.md .stepper-fill-md.color-green .stepper-button-plus:after, +.md .stepper-fill.color-green .stepper-button:before, +.md .stepper-fill-md.color-green .stepper-button:before, +.md .stepper-fill.color-green .stepper-button-minus:before, +.md .stepper-fill-md.color-green .stepper-button-minus:before, +.md .stepper-fill.color-green .stepper-button-plus:before, +.md .stepper-fill-md.color-green .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-blue .stepper-button, +.md .stepper.color-blue .stepper-button-minus, +.md .stepper.color-blue .stepper-button-plus { + border-color: #2196f3; + color: #2196f3; +} +.md .stepper.color-blue .stepper-button-plus:after, +.md .stepper.color-blue .stepper-button-minus:after, +.md .stepper.color-blue .stepper-button-plus:before, +.md .stepper.color-blue .stepper-button-minus:before { + background: #2196f3; +} +.md .stepper.color-blue .stepper-value, +.md .stepper.color-blue .stepper-input-wrap { + border-top-color: #2196f3; + border-bottom-color: #2196f3; +} +.md .stepper.color-blue .stepper-value, +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper-fill.color-blue .stepper-button, +.md .stepper-fill-md.color-blue .stepper-button, +.md .stepper-fill.color-blue .stepper-button-minus, +.md .stepper-fill-md.color-blue .stepper-button-minus, +.md .stepper-fill.color-blue .stepper-button-plus, +.md .stepper-fill-md.color-blue .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper-fill.color-blue .stepper-button.active-state, +.md .stepper-fill-md.color-blue .stepper-button.active-state, +.md .stepper-fill.color-blue .stepper-button-minus.active-state, +.md .stepper-fill-md.color-blue .stepper-button-minus.active-state, +.md .stepper-fill.color-blue .stepper-button-plus.active-state, +.md .stepper-fill-md.color-blue .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper-fill.color-blue .stepper-button:after, +.md .stepper-fill-md.color-blue .stepper-button:after, +.md .stepper-fill.color-blue .stepper-button-minus:after, +.md .stepper-fill-md.color-blue .stepper-button-minus:after, +.md .stepper-fill.color-blue .stepper-button-plus:after, +.md .stepper-fill-md.color-blue .stepper-button-plus:after, +.md .stepper-fill.color-blue .stepper-button:before, +.md .stepper-fill-md.color-blue .stepper-button:before, +.md .stepper-fill.color-blue .stepper-button-minus:before, +.md .stepper-fill-md.color-blue .stepper-button-minus:before, +.md .stepper-fill.color-blue .stepper-button-plus:before, +.md .stepper-fill-md.color-blue .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-pink .stepper-button, +.md .stepper.color-pink .stepper-button-minus, +.md .stepper.color-pink .stepper-button-plus { + border-color: #e91e63; + color: #e91e63; +} +.md .stepper.color-pink .stepper-button-plus:after, +.md .stepper.color-pink .stepper-button-minus:after, +.md .stepper.color-pink .stepper-button-plus:before, +.md .stepper.color-pink .stepper-button-minus:before { + background: #e91e63; +} +.md .stepper.color-pink .stepper-value, +.md .stepper.color-pink .stepper-input-wrap { + border-top-color: #e91e63; + border-bottom-color: #e91e63; +} +.md .stepper.color-pink .stepper-value, +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper-fill.color-pink .stepper-button, +.md .stepper-fill-md.color-pink .stepper-button, +.md .stepper-fill.color-pink .stepper-button-minus, +.md .stepper-fill-md.color-pink .stepper-button-minus, +.md .stepper-fill.color-pink .stepper-button-plus, +.md .stepper-fill-md.color-pink .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper-fill.color-pink .stepper-button.active-state, +.md .stepper-fill-md.color-pink .stepper-button.active-state, +.md .stepper-fill.color-pink .stepper-button-minus.active-state, +.md .stepper-fill-md.color-pink .stepper-button-minus.active-state, +.md .stepper-fill.color-pink .stepper-button-plus.active-state, +.md .stepper-fill-md.color-pink .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper-fill.color-pink .stepper-button:after, +.md .stepper-fill-md.color-pink .stepper-button:after, +.md .stepper-fill.color-pink .stepper-button-minus:after, +.md .stepper-fill-md.color-pink .stepper-button-minus:after, +.md .stepper-fill.color-pink .stepper-button-plus:after, +.md .stepper-fill-md.color-pink .stepper-button-plus:after, +.md .stepper-fill.color-pink .stepper-button:before, +.md .stepper-fill-md.color-pink .stepper-button:before, +.md .stepper-fill.color-pink .stepper-button-minus:before, +.md .stepper-fill-md.color-pink .stepper-button-minus:before, +.md .stepper-fill.color-pink .stepper-button-plus:before, +.md .stepper-fill-md.color-pink .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-yellow .stepper-button, +.md .stepper.color-yellow .stepper-button-minus, +.md .stepper.color-yellow .stepper-button-plus { + border-color: #ffeb3b; + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-button-plus:after, +.md .stepper.color-yellow .stepper-button-minus:after, +.md .stepper.color-yellow .stepper-button-plus:before, +.md .stepper.color-yellow .stepper-button-minus:before { + background: #ffeb3b; +} +.md .stepper.color-yellow .stepper-value, +.md .stepper.color-yellow .stepper-input-wrap { + border-top-color: #ffeb3b; + border-bottom-color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-value, +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper-fill.color-yellow .stepper-button, +.md .stepper-fill-md.color-yellow .stepper-button, +.md .stepper-fill.color-yellow .stepper-button-minus, +.md .stepper-fill-md.color-yellow .stepper-button-minus, +.md .stepper-fill.color-yellow .stepper-button-plus, +.md .stepper-fill-md.color-yellow .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper-fill.color-yellow .stepper-button.active-state, +.md .stepper-fill-md.color-yellow .stepper-button.active-state, +.md .stepper-fill.color-yellow .stepper-button-minus.active-state, +.md .stepper-fill-md.color-yellow .stepper-button-minus.active-state, +.md .stepper-fill.color-yellow .stepper-button-plus.active-state, +.md .stepper-fill-md.color-yellow .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper-fill.color-yellow .stepper-button:after, +.md .stepper-fill-md.color-yellow .stepper-button:after, +.md .stepper-fill.color-yellow .stepper-button-minus:after, +.md .stepper-fill-md.color-yellow .stepper-button-minus:after, +.md .stepper-fill.color-yellow .stepper-button-plus:after, +.md .stepper-fill-md.color-yellow .stepper-button-plus:after, +.md .stepper-fill.color-yellow .stepper-button:before, +.md .stepper-fill-md.color-yellow .stepper-button:before, +.md .stepper-fill.color-yellow .stepper-button-minus:before, +.md .stepper-fill-md.color-yellow .stepper-button-minus:before, +.md .stepper-fill.color-yellow .stepper-button-plus:before, +.md .stepper-fill-md.color-yellow .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-orange .stepper-button, +.md .stepper.color-orange .stepper-button-minus, +.md .stepper.color-orange .stepper-button-plus { + border-color: #ff9800; + color: #ff9800; +} +.md .stepper.color-orange .stepper-button-plus:after, +.md .stepper.color-orange .stepper-button-minus:after, +.md .stepper.color-orange .stepper-button-plus:before, +.md .stepper.color-orange .stepper-button-minus:before { + background: #ff9800; +} +.md .stepper.color-orange .stepper-value, +.md .stepper.color-orange .stepper-input-wrap { + border-top-color: #ff9800; + border-bottom-color: #ff9800; +} +.md .stepper.color-orange .stepper-value, +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper-fill.color-orange .stepper-button, +.md .stepper-fill-md.color-orange .stepper-button, +.md .stepper-fill.color-orange .stepper-button-minus, +.md .stepper-fill-md.color-orange .stepper-button-minus, +.md .stepper-fill.color-orange .stepper-button-plus, +.md .stepper-fill-md.color-orange .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper-fill.color-orange .stepper-button.active-state, +.md .stepper-fill-md.color-orange .stepper-button.active-state, +.md .stepper-fill.color-orange .stepper-button-minus.active-state, +.md .stepper-fill-md.color-orange .stepper-button-minus.active-state, +.md .stepper-fill.color-orange .stepper-button-plus.active-state, +.md .stepper-fill-md.color-orange .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper-fill.color-orange .stepper-button:after, +.md .stepper-fill-md.color-orange .stepper-button:after, +.md .stepper-fill.color-orange .stepper-button-minus:after, +.md .stepper-fill-md.color-orange .stepper-button-minus:after, +.md .stepper-fill.color-orange .stepper-button-plus:after, +.md .stepper-fill-md.color-orange .stepper-button-plus:after, +.md .stepper-fill.color-orange .stepper-button:before, +.md .stepper-fill-md.color-orange .stepper-button:before, +.md .stepper-fill.color-orange .stepper-button-minus:before, +.md .stepper-fill-md.color-orange .stepper-button-minus:before, +.md .stepper-fill.color-orange .stepper-button-plus:before, +.md .stepper-fill-md.color-orange .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-gray .stepper-button, +.md .stepper.color-gray .stepper-button-minus, +.md .stepper.color-gray .stepper-button-plus { + border-color: #9e9e9e; + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-button-plus:after, +.md .stepper.color-gray .stepper-button-minus:after, +.md .stepper.color-gray .stepper-button-plus:before, +.md .stepper.color-gray .stepper-button-minus:before { + background: #9e9e9e; +} +.md .stepper.color-gray .stepper-value, +.md .stepper.color-gray .stepper-input-wrap { + border-top-color: #9e9e9e; + border-bottom-color: #9e9e9e; +} +.md .stepper.color-gray .stepper-value, +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper-fill.color-gray .stepper-button, +.md .stepper-fill-md.color-gray .stepper-button, +.md .stepper-fill.color-gray .stepper-button-minus, +.md .stepper-fill-md.color-gray .stepper-button-minus, +.md .stepper-fill.color-gray .stepper-button-plus, +.md .stepper-fill-md.color-gray .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper-fill.color-gray .stepper-button.active-state, +.md .stepper-fill-md.color-gray .stepper-button.active-state, +.md .stepper-fill.color-gray .stepper-button-minus.active-state, +.md .stepper-fill-md.color-gray .stepper-button-minus.active-state, +.md .stepper-fill.color-gray .stepper-button-plus.active-state, +.md .stepper-fill-md.color-gray .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper-fill.color-gray .stepper-button:after, +.md .stepper-fill-md.color-gray .stepper-button:after, +.md .stepper-fill.color-gray .stepper-button-minus:after, +.md .stepper-fill-md.color-gray .stepper-button-minus:after, +.md .stepper-fill.color-gray .stepper-button-plus:after, +.md .stepper-fill-md.color-gray .stepper-button-plus:after, +.md .stepper-fill.color-gray .stepper-button:before, +.md .stepper-fill-md.color-gray .stepper-button:before, +.md .stepper-fill.color-gray .stepper-button-minus:before, +.md .stepper-fill-md.color-gray .stepper-button-minus:before, +.md .stepper-fill.color-gray .stepper-button-plus:before, +.md .stepper-fill-md.color-gray .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-white .stepper-button, +.md .stepper.color-white .stepper-button-minus, +.md .stepper.color-white .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.md .stepper.color-white .stepper-button-plus:after, +.md .stepper.color-white .stepper-button-minus:after, +.md .stepper.color-white .stepper-button-plus:before, +.md .stepper.color-white .stepper-button-minus:before { + background: #ffffff; +} +.md .stepper.color-white .stepper-value, +.md .stepper.color-white .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.md .stepper.color-white .stepper-value, +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper-fill.color-white .stepper-button, +.md .stepper-fill-md.color-white .stepper-button, +.md .stepper-fill.color-white .stepper-button-minus, +.md .stepper-fill-md.color-white .stepper-button-minus, +.md .stepper-fill.color-white .stepper-button-plus, +.md .stepper-fill-md.color-white .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper-fill.color-white .stepper-button.active-state, +.md .stepper-fill-md.color-white .stepper-button.active-state, +.md .stepper-fill.color-white .stepper-button-minus.active-state, +.md .stepper-fill-md.color-white .stepper-button-minus.active-state, +.md .stepper-fill.color-white .stepper-button-plus.active-state, +.md .stepper-fill-md.color-white .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper-fill.color-white .stepper-button:after, +.md .stepper-fill-md.color-white .stepper-button:after, +.md .stepper-fill.color-white .stepper-button-minus:after, +.md .stepper-fill-md.color-white .stepper-button-minus:after, +.md .stepper-fill.color-white .stepper-button-plus:after, +.md .stepper-fill-md.color-white .stepper-button-plus:after, +.md .stepper-fill.color-white .stepper-button:before, +.md .stepper-fill-md.color-white .stepper-button:before, +.md .stepper-fill.color-white .stepper-button-minus:before, +.md .stepper-fill-md.color-white .stepper-button-minus:before, +.md .stepper-fill.color-white .stepper-button-plus:before, +.md .stepper-fill-md.color-white .stepper-button-plus:before { + background: #fff; +} +.md .stepper.color-black .stepper-button, +.md .stepper.color-black .stepper-button-minus, +.md .stepper.color-black .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.md .stepper.color-black .stepper-button-plus:after, +.md .stepper.color-black .stepper-button-minus:after, +.md .stepper.color-black .stepper-button-plus:before, +.md .stepper.color-black .stepper-button-minus:before { + background: #000000; +} +.md .stepper.color-black .stepper-value, +.md .stepper.color-black .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.md .stepper.color-black .stepper-value, +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper-fill.color-black .stepper-button, +.md .stepper-fill-md.color-black .stepper-button, +.md .stepper-fill.color-black .stepper-button-minus, +.md .stepper-fill-md.color-black .stepper-button-minus, +.md .stepper-fill.color-black .stepper-button-plus, +.md .stepper-fill-md.color-black .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper-fill.color-black .stepper-button.active-state, +.md .stepper-fill-md.color-black .stepper-button.active-state, +.md .stepper-fill.color-black .stepper-button-minus.active-state, +.md .stepper-fill-md.color-black .stepper-button-minus.active-state, +.md .stepper-fill.color-black .stepper-button-plus.active-state, +.md .stepper-fill-md.color-black .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper-fill.color-black .stepper-button:after, +.md .stepper-fill-md.color-black .stepper-button:after, +.md .stepper-fill.color-black .stepper-button-minus:after, +.md .stepper-fill-md.color-black .stepper-button-minus:after, +.md .stepper-fill.color-black .stepper-button-plus:after, +.md .stepper-fill-md.color-black .stepper-button-plus:after, +.md .stepper-fill.color-black .stepper-button:before, +.md .stepper-fill-md.color-black .stepper-button:before, +.md .stepper-fill.color-black .stepper-button-minus:before, +.md .stepper-fill-md.color-black .stepper-button-minus:before, +.md .stepper-fill.color-black .stepper-button-plus:before, +.md .stepper-fill-md.color-black .stepper-button-plus:before { + background: #fff; +} +/* === Smart Select === */ +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.sheet-modal.smart-select-sheet .sheet-modal-inner { + background: #fff; +} +.sheet-modal.smart-select-sheet .list { + margin: 0; +} +.sheet-modal.smart-select-sheet .list ul:before { + display: none !important; +} +.sheet-modal.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner { + background-color: transparent; +} +/* === Grid === */ +.row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.row > [class*="col-"], +.row > .col { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.row .col { + width: 100%; +} +/* === Grid === */ +.md .row .col-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); +} +.md .row.no-gap .col-100 { + width: 100%; +} +.md .row .col-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); +} +.md .row.no-gap .col-95 { + width: 95%; +} +.md .row .col-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); +} +.md .row.no-gap .col-90 { + width: 90%; +} +.md .row .col-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); +} +.md .row.no-gap .col-85 { + width: 85%; +} +.md .row .col-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); +} +.md .row.no-gap .col-80 { + width: 80%; +} +.md .row .col-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); +} +.md .row.no-gap .col-75 { + width: 75%; +} +.md .row .col-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); +} +.md .row.no-gap .col-70 { + width: 70%; +} +.md .row .col-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); +} +.md .row.no-gap .col-66 { + width: 66.66666666666666%; +} +.md .row .col-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); +} +.md .row.no-gap .col-65 { + width: 65%; +} +.md .row .col-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); +} +.md .row.no-gap .col-60 { + width: 60%; +} +.md .row .col-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); +} +.md .row.no-gap .col-55 { + width: 55%; +} +.md .row .col-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); +} +.md .row.no-gap .col-50 { + width: 50%; +} +.md .row .col-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); +} +.md .row.no-gap .col-45 { + width: 45%; +} +.md .row .col-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); +} +.md .row.no-gap .col-40 { + width: 40%; +} +.md .row .col-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); +} +.md .row.no-gap .col-35 { + width: 35%; +} +.md .row .col-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); +} +.md .row.no-gap .col-33 { + width: 33.333333333333336%; +} +.md .row .col-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); +} +.md .row.no-gap .col-30 { + width: 30%; +} +.md .row .col-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); +} +.md .row.no-gap .col-25 { + width: 25%; +} +.md .row .col-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); +} +.md .row.no-gap .col-20 { + width: 20%; +} +.md .row .col-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); +} +.md .row.no-gap .col-15 { + width: 15%; +} +.md .row .col-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); +} +.md .row.no-gap .col-10 { + width: 10%; +} +.md .row .col-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); +} +.md .row.no-gap .col-5 { + width: 5%; +} +.md .row .col:nth-last-child(1), +.md .row .col:nth-last-child(1) ~ .col { + width: 100%; + width: calc((100% - 16px*0) / 1); +} +.md .row.no-gap .col:nth-last-child(1), +.md .row.no-gap .col:nth-last-child(1) ~ .col { + width: 100%; +} +.md .row .col:nth-last-child(2), +.md .row .col:nth-last-child(2) ~ .col { + width: 50%; + width: calc((100% - 16px*1) / 2); +} +.md .row.no-gap .col:nth-last-child(2), +.md .row.no-gap .col:nth-last-child(2) ~ .col { + width: 50%; +} +.md .row .col:nth-last-child(3), +.md .row .col:nth-last-child(3) ~ .col { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); +} +.md .row.no-gap .col:nth-last-child(3), +.md .row.no-gap .col:nth-last-child(3) ~ .col { + width: 33.33333333%; +} +.md .row .col:nth-last-child(4), +.md .row .col:nth-last-child(4) ~ .col { + width: 25%; + width: calc((100% - 16px*3) / 4); +} +.md .row.no-gap .col:nth-last-child(4), +.md .row.no-gap .col:nth-last-child(4) ~ .col { + width: 25%; +} +.md .row .col:nth-last-child(5), +.md .row .col:nth-last-child(5) ~ .col { + width: 20%; + width: calc((100% - 16px*4) / 5); +} +.md .row.no-gap .col:nth-last-child(5), +.md .row.no-gap .col:nth-last-child(5) ~ .col { + width: 20%; +} +.md .row .col:nth-last-child(6), +.md .row .col:nth-last-child(6) ~ .col { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); +} +.md .row.no-gap .col:nth-last-child(6), +.md .row.no-gap .col:nth-last-child(6) ~ .col { + width: 16.66666667%; +} +.md .row .col:nth-last-child(7), +.md .row .col:nth-last-child(7) ~ .col { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); +} +.md .row.no-gap .col:nth-last-child(7), +.md .row.no-gap .col:nth-last-child(7) ~ .col { + width: 14.28571429%; +} +.md .row .col:nth-last-child(8), +.md .row .col:nth-last-child(8) ~ .col { + width: 12.5%; + width: calc((100% - 16px*7) / 8); +} +.md .row.no-gap .col:nth-last-child(8), +.md .row.no-gap .col:nth-last-child(8) ~ .col { + width: 12.5%; +} +.md .row .col:nth-last-child(9), +.md .row .col:nth-last-child(9) ~ .col { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); +} +.md .row.no-gap .col:nth-last-child(9), +.md .row.no-gap .col:nth-last-child(9) ~ .col { + width: 11.11111111%; +} +.md .row .col:nth-last-child(10), +.md .row .col:nth-last-child(10) ~ .col { + width: 10%; + width: calc((100% - 16px*9) / 10); +} +.md .row.no-gap .col:nth-last-child(10), +.md .row.no-gap .col:nth-last-child(10) ~ .col { + width: 10%; +} +.md .row .col:nth-last-child(11), +.md .row .col:nth-last-child(11) ~ .col { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); +} +.md .row.no-gap .col:nth-last-child(11), +.md .row.no-gap .col:nth-last-child(11) ~ .col { + width: 9.09090909%; +} +.md .row .col:nth-last-child(12), +.md .row .col:nth-last-child(12) ~ .col { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); +} +.md .row.no-gap .col:nth-last-child(12), +.md .row.no-gap .col:nth-last-child(12) ~ .col { + width: 8.33333333%; +} +.md .row .col:nth-last-child(13), +.md .row .col:nth-last-child(13) ~ .col { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); +} +.md .row.no-gap .col:nth-last-child(13), +.md .row.no-gap .col:nth-last-child(13) ~ .col { + width: 7.69230769%; +} +.md .row .col:nth-last-child(14), +.md .row .col:nth-last-child(14) ~ .col { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); +} +.md .row.no-gap .col:nth-last-child(14), +.md .row.no-gap .col:nth-last-child(14) ~ .col { + width: 7.14285714%; +} +.md .row .col:nth-last-child(15), +.md .row .col:nth-last-child(15) ~ .col { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); +} +.md .row.no-gap .col:nth-last-child(15), +.md .row.no-gap .col:nth-last-child(15) ~ .col { + width: 6.66666667%; +} +.md .row .col:nth-last-child(16), +.md .row .col:nth-last-child(16) ~ .col { + width: 6.25%; + width: calc((100% - 16px*15) / 16); +} +.md .row.no-gap .col:nth-last-child(16), +.md .row.no-gap .col:nth-last-child(16) ~ .col { + width: 6.25%; +} +.md .row .col:nth-last-child(17), +.md .row .col:nth-last-child(17) ~ .col { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); +} +.md .row.no-gap .col:nth-last-child(17), +.md .row.no-gap .col:nth-last-child(17) ~ .col { + width: 5.88235294%; +} +.md .row .col:nth-last-child(18), +.md .row .col:nth-last-child(18) ~ .col { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); +} +.md .row.no-gap .col:nth-last-child(18), +.md .row.no-gap .col:nth-last-child(18) ~ .col { + width: 5.55555556%; +} +.md .row .col:nth-last-child(19), +.md .row .col:nth-last-child(19) ~ .col { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); +} +.md .row.no-gap .col:nth-last-child(19), +.md .row.no-gap .col:nth-last-child(19) ~ .col { + width: 5.26315789%; +} +.md .row .col:nth-last-child(20), +.md .row .col:nth-last-child(20) ~ .col { + width: 5%; + width: calc((100% - 16px*19) / 20); +} +.md .row.no-gap .col:nth-last-child(20), +.md .row.no-gap .col:nth-last-child(20) ~ .col { + width: 5%; +} +.md .row .col:nth-last-child(21), +.md .row .col:nth-last-child(21) ~ .col { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); +} +.md .row.no-gap .col:nth-last-child(21), +.md .row.no-gap .col:nth-last-child(21) ~ .col { + width: 4.76190476%; +} +@media (min-width: 768px) { + .md .row .tablet-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .tablet-100 { + width: 100%; + } + .md .row .tablet-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); + } + .md .row.no-gap .tablet-95 { + width: 95%; + } + .md .row .tablet-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); + } + .md .row.no-gap .tablet-90 { + width: 90%; + } + .md .row .tablet-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); + } + .md .row.no-gap .tablet-85 { + width: 85%; + } + .md .row .tablet-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); + } + .md .row.no-gap .tablet-80 { + width: 80%; + } + .md .row .tablet-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); + } + .md .row.no-gap .tablet-75 { + width: 75%; + } + .md .row .tablet-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); + } + .md .row.no-gap .tablet-70 { + width: 70%; + } + .md .row .tablet-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); + } + .md .row.no-gap .tablet-66 { + width: 66.66666666666666%; + } + .md .row .tablet-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); + } + .md .row.no-gap .tablet-65 { + width: 65%; + } + .md .row .tablet-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); + } + .md .row.no-gap .tablet-60 { + width: 60%; + } + .md .row .tablet-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); + } + .md .row.no-gap .tablet-55 { + width: 55%; + } + .md .row .tablet-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .tablet-50 { + width: 50%; + } + .md .row .tablet-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); + } + .md .row.no-gap .tablet-45 { + width: 45%; + } + .md .row .tablet-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); + } + .md .row.no-gap .tablet-40 { + width: 40%; + } + .md .row .tablet-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); + } + .md .row.no-gap .tablet-35 { + width: 35%; + } + .md .row .tablet-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .tablet-33 { + width: 33.333333333333336%; + } + .md .row .tablet-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); + } + .md .row.no-gap .tablet-30 { + width: 30%; + } + .md .row .tablet-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .tablet-25 { + width: 25%; + } + .md .row .tablet-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .tablet-20 { + width: 20%; + } + .md .row .tablet-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); + } + .md .row.no-gap .tablet-15 { + width: 15%; + } + .md .row .tablet-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .tablet-10 { + width: 10%; + } + .md .row .tablet-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .tablet-5 { + width: 5%; + } + .md .row .tablet-auto:nth-last-child(1), + .md .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .tablet-auto:nth-last-child(1), + .md .row.no-gap .tablet-auto:nth-last-child(1) ~ .tablet-auto { + width: 100%; + } + .md .row .tablet-auto:nth-last-child(2), + .md .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .tablet-auto:nth-last-child(2), + .md .row.no-gap .tablet-auto:nth-last-child(2) ~ .tablet-auto { + width: 50%; + } + .md .row .tablet-auto:nth-last-child(3), + .md .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .tablet-auto:nth-last-child(3), + .md .row.no-gap .tablet-auto:nth-last-child(3) ~ .tablet-auto { + width: 33.33333333%; + } + .md .row .tablet-auto:nth-last-child(4), + .md .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .tablet-auto:nth-last-child(4), + .md .row.no-gap .tablet-auto:nth-last-child(4) ~ .tablet-auto { + width: 25%; + } + .md .row .tablet-auto:nth-last-child(5), + .md .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .tablet-auto:nth-last-child(5), + .md .row.no-gap .tablet-auto:nth-last-child(5) ~ .tablet-auto { + width: 20%; + } + .md .row .tablet-auto:nth-last-child(6), + .md .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); + } + .md .row.no-gap .tablet-auto:nth-last-child(6), + .md .row.no-gap .tablet-auto:nth-last-child(6) ~ .tablet-auto { + width: 16.66666667%; + } + .md .row .tablet-auto:nth-last-child(7), + .md .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); + } + .md .row.no-gap .tablet-auto:nth-last-child(7), + .md .row.no-gap .tablet-auto:nth-last-child(7) ~ .tablet-auto { + width: 14.28571429%; + } + .md .row .tablet-auto:nth-last-child(8), + .md .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + width: calc((100% - 16px*7) / 8); + } + .md .row.no-gap .tablet-auto:nth-last-child(8), + .md .row.no-gap .tablet-auto:nth-last-child(8) ~ .tablet-auto { + width: 12.5%; + } + .md .row .tablet-auto:nth-last-child(9), + .md .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); + } + .md .row.no-gap .tablet-auto:nth-last-child(9), + .md .row.no-gap .tablet-auto:nth-last-child(9) ~ .tablet-auto { + width: 11.11111111%; + } + .md .row .tablet-auto:nth-last-child(10), + .md .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .tablet-auto:nth-last-child(10), + .md .row.no-gap .tablet-auto:nth-last-child(10) ~ .tablet-auto { + width: 10%; + } + .md .row .tablet-auto:nth-last-child(11), + .md .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); + } + .md .row.no-gap .tablet-auto:nth-last-child(11), + .md .row.no-gap .tablet-auto:nth-last-child(11) ~ .tablet-auto { + width: 9.09090909%; + } + .md .row .tablet-auto:nth-last-child(12), + .md .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); + } + .md .row.no-gap .tablet-auto:nth-last-child(12), + .md .row.no-gap .tablet-auto:nth-last-child(12) ~ .tablet-auto { + width: 8.33333333%; + } + .md .row .tablet-auto:nth-last-child(13), + .md .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); + } + .md .row.no-gap .tablet-auto:nth-last-child(13), + .md .row.no-gap .tablet-auto:nth-last-child(13) ~ .tablet-auto { + width: 7.69230769%; + } + .md .row .tablet-auto:nth-last-child(14), + .md .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); + } + .md .row.no-gap .tablet-auto:nth-last-child(14), + .md .row.no-gap .tablet-auto:nth-last-child(14) ~ .tablet-auto { + width: 7.14285714%; + } + .md .row .tablet-auto:nth-last-child(15), + .md .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); + } + .md .row.no-gap .tablet-auto:nth-last-child(15), + .md .row.no-gap .tablet-auto:nth-last-child(15) ~ .tablet-auto { + width: 6.66666667%; + } + .md .row .tablet-auto:nth-last-child(16), + .md .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + width: calc((100% - 16px*15) / 16); + } + .md .row.no-gap .tablet-auto:nth-last-child(16), + .md .row.no-gap .tablet-auto:nth-last-child(16) ~ .tablet-auto { + width: 6.25%; + } + .md .row .tablet-auto:nth-last-child(17), + .md .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); + } + .md .row.no-gap .tablet-auto:nth-last-child(17), + .md .row.no-gap .tablet-auto:nth-last-child(17) ~ .tablet-auto { + width: 5.88235294%; + } + .md .row .tablet-auto:nth-last-child(18), + .md .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); + } + .md .row.no-gap .tablet-auto:nth-last-child(18), + .md .row.no-gap .tablet-auto:nth-last-child(18) ~ .tablet-auto { + width: 5.55555556%; + } + .md .row .tablet-auto:nth-last-child(19), + .md .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); + } + .md .row.no-gap .tablet-auto:nth-last-child(19), + .md .row.no-gap .tablet-auto:nth-last-child(19) ~ .tablet-auto { + width: 5.26315789%; + } + .md .row .tablet-auto:nth-last-child(20), + .md .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .tablet-auto:nth-last-child(20), + .md .row.no-gap .tablet-auto:nth-last-child(20) ~ .tablet-auto { + width: 5%; + } + .md .row .tablet-auto:nth-last-child(21), + .md .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); + } + .md .row.no-gap .tablet-auto:nth-last-child(21), + .md .row.no-gap .tablet-auto:nth-last-child(21) ~ .tablet-auto { + width: 4.76190476%; + } +} +@media (min-width: 1025px) { + .md .row .desktop-100 { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .desktop-100 { + width: 100%; + } + .md .row .desktop-95 { + width: 95%; + width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684); + } + .md .row.no-gap .desktop-95 { + width: 95%; + } + .md .row .desktop-90 { + width: 90%; + width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112); + } + .md .row.no-gap .desktop-90 { + width: 90%; + } + .md .row .desktop-85 { + width: 85%; + width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942); + } + .md .row.no-gap .desktop-85 { + width: 85%; + } + .md .row .desktop-80 { + width: 80%; + width: calc((100% - 16px*0.25) / 1.25); + } + .md .row.no-gap .desktop-80 { + width: 80%; + } + .md .row .desktop-75 { + width: 75%; + width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333); + } + .md .row.no-gap .desktop-75 { + width: 75%; + } + .md .row .desktop-70 { + width: 70%; + width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286); + } + .md .row.no-gap .desktop-70 { + width: 70%; + } + .md .row .desktop-66 { + width: 66.66666666666666%; + width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002); + } + .md .row.no-gap .desktop-66 { + width: 66.66666666666666%; + } + .md .row .desktop-65 { + width: 65%; + width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385); + } + .md .row.no-gap .desktop-65 { + width: 65%; + } + .md .row .desktop-60 { + width: 60%; + width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667); + } + .md .row.no-gap .desktop-60 { + width: 60%; + } + .md .row .desktop-55 { + width: 55%; + width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181); + } + .md .row.no-gap .desktop-55 { + width: 55%; + } + .md .row .desktop-50 { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .desktop-50 { + width: 50%; + } + .md .row .desktop-45 { + width: 45%; + width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223); + } + .md .row.no-gap .desktop-45 { + width: 45%; + } + .md .row .desktop-40 { + width: 40%; + width: calc((100% - 16px*1.5) / 2.5); + } + .md .row.no-gap .desktop-40 { + width: 40%; + } + .md .row .desktop-35 { + width: 35%; + width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857); + } + .md .row.no-gap .desktop-35 { + width: 35%; + } + .md .row .desktop-33 { + width: 33.333333333333336%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .desktop-33 { + width: 33.333333333333336%; + } + .md .row .desktop-30 { + width: 30%; + width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335); + } + .md .row.no-gap .desktop-30 { + width: 30%; + } + .md .row .desktop-25 { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .desktop-25 { + width: 25%; + } + .md .row .desktop-20 { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .desktop-20 { + width: 20%; + } + .md .row .desktop-15 { + width: 15%; + width: calc((100% - 16px*5.666666666666667) / 6.666666666666667); + } + .md .row.no-gap .desktop-15 { + width: 15%; + } + .md .row .desktop-10 { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .desktop-10 { + width: 10%; + } + .md .row .desktop-5 { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .desktop-5 { + width: 5%; + } + .md .row .desktop-auto:nth-last-child(1), + .md .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + width: calc((100% - 16px*0) / 1); + } + .md .row.no-gap .desktop-auto:nth-last-child(1), + .md .row.no-gap .desktop-auto:nth-last-child(1) ~ .desktop-auto { + width: 100%; + } + .md .row .desktop-auto:nth-last-child(2), + .md .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + width: calc((100% - 16px*1) / 2); + } + .md .row.no-gap .desktop-auto:nth-last-child(2), + .md .row.no-gap .desktop-auto:nth-last-child(2) ~ .desktop-auto { + width: 50%; + } + .md .row .desktop-auto:nth-last-child(3), + .md .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + width: calc((100% - 16px*2) / 3); + } + .md .row.no-gap .desktop-auto:nth-last-child(3), + .md .row.no-gap .desktop-auto:nth-last-child(3) ~ .desktop-auto { + width: 33.33333333%; + } + .md .row .desktop-auto:nth-last-child(4), + .md .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + width: calc((100% - 16px*3) / 4); + } + .md .row.no-gap .desktop-auto:nth-last-child(4), + .md .row.no-gap .desktop-auto:nth-last-child(4) ~ .desktop-auto { + width: 25%; + } + .md .row .desktop-auto:nth-last-child(5), + .md .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + width: calc((100% - 16px*4) / 5); + } + .md .row.no-gap .desktop-auto:nth-last-child(5), + .md .row.no-gap .desktop-auto:nth-last-child(5) ~ .desktop-auto { + width: 20%; + } + .md .row .desktop-auto:nth-last-child(6), + .md .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + width: calc((100% - 16px*5) / 6); + } + .md .row.no-gap .desktop-auto:nth-last-child(6), + .md .row.no-gap .desktop-auto:nth-last-child(6) ~ .desktop-auto { + width: 16.66666667%; + } + .md .row .desktop-auto:nth-last-child(7), + .md .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + width: calc((100% - 16px*6) / 7); + } + .md .row.no-gap .desktop-auto:nth-last-child(7), + .md .row.no-gap .desktop-auto:nth-last-child(7) ~ .desktop-auto { + width: 14.28571429%; + } + .md .row .desktop-auto:nth-last-child(8), + .md .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + width: calc((100% - 16px*7) / 8); + } + .md .row.no-gap .desktop-auto:nth-last-child(8), + .md .row.no-gap .desktop-auto:nth-last-child(8) ~ .desktop-auto { + width: 12.5%; + } + .md .row .desktop-auto:nth-last-child(9), + .md .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + width: calc((100% - 16px*8) / 9); + } + .md .row.no-gap .desktop-auto:nth-last-child(9), + .md .row.no-gap .desktop-auto:nth-last-child(9) ~ .desktop-auto { + width: 11.11111111%; + } + .md .row .desktop-auto:nth-last-child(10), + .md .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + width: calc((100% - 16px*9) / 10); + } + .md .row.no-gap .desktop-auto:nth-last-child(10), + .md .row.no-gap .desktop-auto:nth-last-child(10) ~ .desktop-auto { + width: 10%; + } + .md .row .desktop-auto:nth-last-child(11), + .md .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + width: calc((100% - 16px*10) / 11); + } + .md .row.no-gap .desktop-auto:nth-last-child(11), + .md .row.no-gap .desktop-auto:nth-last-child(11) ~ .desktop-auto { + width: 9.09090909%; + } + .md .row .desktop-auto:nth-last-child(12), + .md .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + width: calc((100% - 16px*11) / 12); + } + .md .row.no-gap .desktop-auto:nth-last-child(12), + .md .row.no-gap .desktop-auto:nth-last-child(12) ~ .desktop-auto { + width: 8.33333333%; + } + .md .row .desktop-auto:nth-last-child(13), + .md .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + width: calc((100% - 16px*12) / 13); + } + .md .row.no-gap .desktop-auto:nth-last-child(13), + .md .row.no-gap .desktop-auto:nth-last-child(13) ~ .desktop-auto { + width: 7.69230769%; + } + .md .row .desktop-auto:nth-last-child(14), + .md .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + width: calc((100% - 16px*13) / 14); + } + .md .row.no-gap .desktop-auto:nth-last-child(14), + .md .row.no-gap .desktop-auto:nth-last-child(14) ~ .desktop-auto { + width: 7.14285714%; + } + .md .row .desktop-auto:nth-last-child(15), + .md .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + width: calc((100% - 16px*14) / 15); + } + .md .row.no-gap .desktop-auto:nth-last-child(15), + .md .row.no-gap .desktop-auto:nth-last-child(15) ~ .desktop-auto { + width: 6.66666667%; + } + .md .row .desktop-auto:nth-last-child(16), + .md .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + width: calc((100% - 16px*15) / 16); + } + .md .row.no-gap .desktop-auto:nth-last-child(16), + .md .row.no-gap .desktop-auto:nth-last-child(16) ~ .desktop-auto { + width: 6.25%; + } + .md .row .desktop-auto:nth-last-child(17), + .md .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + width: calc((100% - 16px*16) / 17); + } + .md .row.no-gap .desktop-auto:nth-last-child(17), + .md .row.no-gap .desktop-auto:nth-last-child(17) ~ .desktop-auto { + width: 5.88235294%; + } + .md .row .desktop-auto:nth-last-child(18), + .md .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + width: calc((100% - 16px*17) / 18); + } + .md .row.no-gap .desktop-auto:nth-last-child(18), + .md .row.no-gap .desktop-auto:nth-last-child(18) ~ .desktop-auto { + width: 5.55555556%; + } + .md .row .desktop-auto:nth-last-child(19), + .md .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + width: calc((100% - 16px*18) / 19); + } + .md .row.no-gap .desktop-auto:nth-last-child(19), + .md .row.no-gap .desktop-auto:nth-last-child(19) ~ .desktop-auto { + width: 5.26315789%; + } + .md .row .desktop-auto:nth-last-child(20), + .md .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + width: calc((100% - 16px*19) / 20); + } + .md .row.no-gap .desktop-auto:nth-last-child(20), + .md .row.no-gap .desktop-auto:nth-last-child(20) ~ .desktop-auto { + width: 5%; + } + .md .row .desktop-auto:nth-last-child(21), + .md .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + width: calc((100% - 16px*20) / 21); + } + .md .row.no-gap .desktop-auto:nth-last-child(21), + .md .row.no-gap .desktop-auto:nth-last-child(21) ~ .desktop-auto { + width: 4.76190476%; + } +} +/* === Calendar/Datepicker === */ +.calendar { + overflow: hidden; + height: 320px; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.calendar.modal-in { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: 220px; + } + .calendar.calendar-modal { + height: calc(100vh - 44px); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-modal { + position: absolute; + height: 420px; + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: 380px; + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 12000; + background: #fff; + width: 90%; + border-radius: 4px; + -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +.calendar-modal.modal-in { + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + -webkit-transform: translate3d(-50%, 100%, 0); + transform: translate3d(-50%, 100%, 0); +} +.calendar-popover { + width: 320px; +} +.calendar-popover .calendar { + height: 320px; +} +.calendar-week-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 11px; +} +.calendar-week-header .calendar-week-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + -webkit-transition: 300ms; + transition: 300ms; +} +.calendar-month { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.calendar-day { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: #000; + height: 100%; +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: #b8b8b8; +} +.calendar-day.calendar-day-disabled { + color: #d4d4d4; + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 100%; + position: relative; +} +.calendar-day .calendar-day-events { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + left: 0; + width: 100%; + top: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: 4px; + height: 4px; + border-radius: 50%; +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 50%; + max-width: 200px; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.md .calendar-header { + height: 56px; + background: #2196f3; + font-size: 20px; + line-height: 56px; + padding: 0 24px; + color: #fff; + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.md .calendar-footer { + position: relative; + width: 100%; + height: 48px; + padding: 6px 8px; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.md .calendar .toolbar { + background: none !important; + color: #212121; +} +.md .calendar .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .calendar .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .calendar .toolbar a.link .ripple-wave { + background: rgba(0, 0, 0, 0.1); +} +.md .calendar .toolbar .icon-next, +.md .calendar .toolbar .icon-prev, +.md .calendar .toolbar .icon-forward, +.md .calendar .toolbar .icon-back { + opacity: 0.54; +} +.md .calendar-week-header { + color: rgba(0, 0, 0, 0.54); + height: 24px; +} +.md .calendar-week-header .calendar-week-day { + line-height: 24px; +} +.md .calendar-day.calendar-day-today .calendar-day-number { + color: #2196f3; +} +.md .calendar-day.calendar-day-selected .calendar-day-number { + background: #2196f3; + color: #fff; +} +.md .calendar-day .calendar-day-number { + width: 32px; + height: 32px; + line-height: 32px; +} +.md .calendar-day .calendar-day-event { + background: #2196f3; +} +.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + color: #fff; +} +.md .calendar-month-selector a.icon-only, +.md .calendar-year-selector a.icon-only { + min-width: 36px; +} +.md .calendar-sheet:before { + content: ''; + position: absolute; + background-color: #ccc; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .calendar-sheet:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .calendar-sheet:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md.device-iphone-x .calendar-sheet .sheet-modal-inner { + margin-bottom: constant(safe-area-inset-bottom); + margin-bottom: env(safe-area-inset-bottom); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge.calendar .calendar-row, + .md.device-iphone-x .ios-edges.calendar .calendar-row, + .md.device-iphone-x .popup.calendar .calendar-row, + .md.device-iphone-x .sheet-modal.calendar .calendar-row, + .md.device-iphone-x .panel-left.calendar .calendar-row, + .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row, + .md.device-iphone-x .ios-left-edge.calendar .calendar-week-header, + .md.device-iphone-x .ios-edges.calendar .calendar-week-header, + .md.device-iphone-x .popup.calendar .calendar-week-header, + .md.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .md.device-iphone-x .panel-left.calendar .calendar-week-header, + .md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header, + .md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge.calendar .calendar-row, + .md.device-iphone-x .ios-edges.calendar .calendar-row, + .md.device-iphone-x .popup.calendar .calendar-row, + .md.device-iphone-x .sheet-modal.calendar .calendar-row, + .md.device-iphone-x .panel-right.calendar .calendar-row, + .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row, + .md.device-iphone-x .ios-right-edge.calendar .calendar-week-header, + .md.device-iphone-x .ios-edges.calendar .calendar-week-header, + .md.device-iphone-x .popup.calendar .calendar-week-header, + .md.device-iphone-x .sheet-modal.calendar .calendar-week-header, + .md.device-iphone-x .panel-right.calendar .calendar-week-header, + .md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header, + .md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } +} +.md .theme-dark .calendar-popover .calendar-week-header { + background-color: transparent; +} +.md .theme-dark .calendar-week-header { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar-day { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .calendar-day.calendar-day-disabled { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar-day.calendar-day-prev, +.md .theme-dark .calendar-day.calendar-day-next { + color: rgba(255, 255, 255, 0.35); +} +.md .theme-dark .calendar-modal, +.calendar-modal.md .theme-dark { + background: #202020; +} +.md .theme-dark .calendar.calendar-sheet:before, +.calendar.md .theme-dark.calendar-sheet:before { + background-color: rgba(255, 255, 255, 0.2); +} +.md .theme-dark .calendar .toolbar, +.calendar.md .theme-dark .toolbar { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .calendar .toolbar a.link:before, +.calendar.md .theme-dark .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .calendar .toolbar a.link.active-state:before, +.calendar.md .theme-dark .toolbar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .calendar .toolbar a.link .ripple-wave, +.calendar.md .theme-dark .toolbar a.link .ripple-wave { + background-color: rgba(255, 255, 255, 0.3); +} +.md .color-theme-red .calendar-header, +.md .color-red .calendar-header { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number, +.md .color-red .calendar-day.calendar-day-today .calendar-day-number { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-red .calendar-day.calendar-day-selected .calendar-day-number { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-red .calendar-day .calendar-day-event, +.md .color-red .calendar-day .calendar-day-event { + background: #f44336; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number, +.md .color-green .calendar-day.calendar-day-today .calendar-day-number { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-green .calendar-day.calendar-day-selected .calendar-day-number { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-green .calendar-day .calendar-day-event, +.md .color-green .calendar-day .calendar-day-event { + background: #4caf50; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number, +.md .color-blue .calendar-day.calendar-day-today .calendar-day-number { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-day .calendar-day-event, +.md .color-blue .calendar-day .calendar-day-event { + background: #2196f3; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number, +.md .color-pink .calendar-day.calendar-day-today .calendar-day-number { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-day .calendar-day-event, +.md .color-pink .calendar-day .calendar-day-event { + background: #e91e63; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number, +.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-day .calendar-day-event, +.md .color-yellow .calendar-day .calendar-day-event { + background: #ffeb3b; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number, +.md .color-orange .calendar-day.calendar-day-today .calendar-day-number { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-day .calendar-day-event, +.md .color-orange .calendar-day .calendar-day-event { + background: #ff9800; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number, +.md .color-gray .calendar-day.calendar-day-today .calendar-day-number { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-day .calendar-day-event, +.md .color-gray .calendar-day .calendar-day-event { + background: #9e9e9e; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number, +.md .color-white .calendar-day.calendar-day-today .calendar-day-number { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-white .calendar-day.calendar-day-selected .calendar-day-number { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-white .calendar-day .calendar-day-event, +.md .color-white .calendar-day .calendar-day-event { + background: #ffffff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number, +.md .color-black .calendar-day.calendar-day-today .calendar-day-number { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number, +.md .color-black .calendar-day.calendar-day-selected .calendar-day-number { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after, +.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after { + background-color: #fff; +} +.md .color-theme-black .calendar-day .calendar-day-event, +.md .color-black .calendar-day .calendar-day-event { + background: #000000; +} +/* === Picker === */ +.picker { + width: 100%; + height: 260px; +} +.picker.picker-inline, +.popover .picker { + height: 200px; +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: 200px; + } +} +.picker-popover { + width: 280px; +} +.picker-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + left: 100%; +} +.picker-column.picker-column-last:after { + right: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.picker-items { + -webkit-transition: 300ms; + transition: 300ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.picker-item { + height: 36px; + line-height: 36px; + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + -webkit-transform: translate3d(0, 0, 0) rotateX(0deg); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: 36px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: -18px; + pointer-events: none; +} +.picker-3d .picker-columns { + overflow: hidden; + -webkit-perspective: 1200px; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + -webkit-transform-origin: center center -110px; + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.md .picker-popover .toolbar { + border-radius: 2px 2px 0 0; +} +.md .picker-columns { + font-size: 20px; +} +.md .picker-column-divider { + color: rgba(0, 0, 0, 0.87); +} +.md .picker-popover .picker > .toolbar + .picker-columns { + height: calc(100% - 48px); +} +.md .picker-center-highlight:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.15); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .picker-center-highlight:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .picker-center-highlight:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .picker-center-highlight:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.15); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.md.device-pixel-ratio-2 .picker-center-highlight:after { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .picker-center-highlight:after { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .theme-dark .picker-column-divider { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .picker-center-highlight:before { + background-color: rgba(255, 255, 255, 0.15); +} +.md .theme-dark .picker-center-highlight:after { + background-color: rgba(255, 255, 255, 0.15); +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ptr-preloader .preloader { + position: absolute; + left: 50%; +} +.md .ptr-preloader { + position: absolute; + left: 50%; + top: 16px; + width: 40px; + height: 40px; + border-radius: 50%; + background: #fff; + margin-left: -20px; + margin-top: -7px; + z-index: 100; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +@media (min-width: 768px) { + .md .ptr-preloader { + top: 24px; + } +} +.md .ptr-preloader .preloader { + width: 22px; + height: 22px; + margin-left: -11px; + margin-top: -11px; + top: 50%; + visibility: hidden; +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 3px solid #757575; + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + -webkit-transform: rotate(150deg); + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + -webkit-transform: rotate(-40deg); + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + -webkit-animation: none; + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + -webkit-transform: translate3d(0, 66px, 0); + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + -webkit-transition: 300ms; + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transform: rotate(620deg) !important; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.md .ptr-no-navbar .ptr-preloader { + top: auto; + bottom: 100%; + margin-bottom: 7px; +} +.md .page-with-subnavbar .ptr-preloader, +.md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader, +.md .searchbar ~ .ptr-content .ptr-preloader { + top: 64px; +} +@media (min-width: 768px) { + .md .page-with-subnavbar .ptr-preloader, + .md .toolbar:not(.toolbar-bottom-md) ~ .ptr-content .ptr-preloader, + .md .searchbar ~ .ptr-content .ptr-preloader { + top: 72px; + } +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + -webkit-animation: lazyFadeIn 600ms; + animation: lazyFadeIn 600ms; +} +@-webkit-keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: right; +} +.data-table thead { + font-size: 12px; +} +.data-table thead th, +.data-table thead td { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; +} +.data-table th, +.data-table td { + padding: 0; + position: relative; +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: left; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-right: 8px; +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: left; + white-space: nowrap; +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 18px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: ''; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-size: 0; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 0; +} +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + -webkit-transform: rotate(180deg) !important; + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header { + height: 64px; +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-actions { + margin-right: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.data-table .data-table-actions a.link { + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; +} +.data-table .data-table-header-selected { + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; +} +.data-table .data-table-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-size: 12px; + overflow: hidden; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: right; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + -webkit-transform: none !important; + transform: none !important; + font-size: 12px; + margin-left: 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + right: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-right: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-right: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.theme-dark .data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); +} +.md .data-table thead th, +.md .data-table thead td { + font-weight: 500; + height: 56px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.md .data-table thead th:not(.sortable-cell-active), +.md .data-table thead td:not(.sortable-cell-active) { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table thead i.icon, +.md .data-table thead i.material-icons { + font-size: 16px; + width: 16px; + height: 16px; +} +.md .data-table tbody { + font-size: 13px; +} +.md .data-table tbody tr.data-table-row-selected { + background: #f5f5f5; +} +.md .data-table tbody td { + height: 48px; +} +.md .data-table th, +.md .data-table td { + padding-left: 28px; + padding-right: 28px; +} +.md .data-table th.label-cell, +.md .data-table td.label-cell { + padding-left: 24px; + padding-right: 24px; +} +.md .data-table th:first-child, +.md .data-table td:first-child { + padding-right: 24px; +} +.md .data-table th:last-child, +.md .data-table td:last-child { + padding-left: 24px; +} +.md .data-table th.checkbox-cell, +.md .data-table td.checkbox-cell { + width: 18px; + padding-right: 24px; + padding-left: 12px; +} +.md .data-table th.checkbox-cell + td, +.md .data-table td.checkbox-cell + td, +.md .data-table th.checkbox-cell + th, +.md .data-table td.checkbox-cell + th { + padding-right: 12px; +} +.md .data-table th.actions-cell a.link, +.md .data-table td.actions-cell a.link { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-right: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-right: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-left: 8px; +} +.md .data-table.card .card-header, +.md .card .data-table .card-header, +.md .data-table.card .card-footer, +.md .card .data-table .card-footer { + padding-right: 24px; + padding-left: 14px; +} +.md .data-table.card .card-footer, +.md .card .data-table .card-footer { + height: 56px; +} +.md .data-table-title { + font-size: 20px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link { + margin-right: 24px; +} +.md .data-table-actions a.link { + color: rgba(0, 0, 0, 0.54); +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table .card-header > .data-table-header, +.md .data-table .card-header > .data-table-header-selected { + padding-right: 24px; + padding-left: 14px; + margin-right: -24px; + margin-left: -14px; + padding-top: 4px; + padding-bottom: 4px; + height: 100%; +} +.md .data-table-header-selected { + background: rgba(33, 150, 243, 0.1); +} +.md .data-table-title-selected { + color: #2196f3; +} +.md .data-table tbody td:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .data-table tbody td:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .data-table tbody td:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md.device-desktop .data-table tbody tr:hover { + background: #f5f5f5; +} +.md .data-table-footer { + height: 56px; + color: rgba(0, 0, 0, 0.54); +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-right: 32px; +} +.md .data-table-rows-select .input { + margin-right: 24px; +} +.md .data-table-pagination-label { + margin-left: 20px; +} +.md .data-table-footer:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .data-table-footer:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .data-table-footer:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.md .input-cell .table-head-label + .input { + margin-top: 4px; +} +.md .input-cell .input { + height: 24px; +} +.md .input-cell .input input, +.md .input-cell .input textarea, +.md .input-cell .input select { + height: 24px; + color: #212121; + font-size: 14px; +} +.md .input-cell .input .input-clear-button { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +@media (max-width: 480px) and (orientation: portrait) { + .md .data-table.data-table-collapsible td { + padding-left: 16px; + padding-right: 16px; + } + .md .data-table.data-table-collapsible td:not(.checkbox-cell):before { + color: rgba(0, 0, 0, 0.54); + font-weight: 500; + line-height: 16px; + } + .md .data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.12); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + } + .md.device-pixel-ratio-2 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + } + .md.device-pixel-ratio-3 .data-table-collapsible tr:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); + } +} +.md .theme-dark .data-table thead th:not(.sortable-cell-active), +.data-table.md .theme-dark thead th:not(.sortable-cell-active), +.md .theme-dark .data-table thead td:not(.sortable-cell-active), +.data-table.md .theme-dark thead td:not(.sortable-cell-active), +.md .theme-dark .data-table .data-table-actions a.link, +.data-table.md .theme-dark .data-table-actions a.link, +.md .theme-dark .data-table td.actions-cell a.link, +.data-table.md .theme-dark td.actions-cell a.link, +.md .theme-dark .data-table th.actions-cell a.link, +.data-table.md .theme-dark th.actions-cell a.link { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .data-table .data-table-links a.link:before, +.data-table.md .theme-dark .data-table-links a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .data-table .data-table-links a.link.active-state:before, +.data-table.md .theme-dark .data-table-links a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .data-table tbody td:before, +.data-table.md .theme-dark tbody td:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .data-table.data-table-collapsible tr:before, +.data-table.md .theme-dark.data-table-collapsible tr:before { + background-color: rgba(255, 255, 255, 0.08); +} +.md .theme-dark .data-table tbody tr.data-table-row-selected, +.data-table.md .theme-dark tbody tr.data-table-row-selected { + background-color: rgba(255, 255, 255, 0.05); +} +.md.device-desktop .theme-dark .data-table tbody tr:hover, +.md.device-desktop .theme-dark.data-table tbody tr:hover { + background-color: rgba(255, 255, 255, 0.05); +} +.md .color-theme-red .data-table-header-selected, +.md .data-table-header-selected.color-red { + background: rgba(244, 67, 54, 0.1); +} +.md .color-theme-red .data-table-title-selected, +.md .color-red .data-table-title-selected { + color: #f44336; +} +.md .color-theme-green .data-table-header-selected, +.md .data-table-header-selected.color-green { + background: rgba(76, 175, 80, 0.1); +} +.md .color-theme-green .data-table-title-selected, +.md .color-green .data-table-title-selected { + color: #4caf50; +} +.md .color-theme-blue .data-table-header-selected, +.md .data-table-header-selected.color-blue { + background: rgba(33, 150, 243, 0.1); +} +.md .color-theme-blue .data-table-title-selected, +.md .color-blue .data-table-title-selected { + color: #2196f3; +} +.md .color-theme-pink .data-table-header-selected, +.md .data-table-header-selected.color-pink { + background: rgba(233, 30, 99, 0.1); +} +.md .color-theme-pink .data-table-title-selected, +.md .color-pink .data-table-title-selected { + color: #e91e63; +} +.md .color-theme-yellow .data-table-header-selected, +.md .data-table-header-selected.color-yellow { + background: rgba(255, 235, 59, 0.1); +} +.md .color-theme-yellow .data-table-title-selected, +.md .color-yellow .data-table-title-selected { + color: #ffeb3b; +} +.md .color-theme-orange .data-table-header-selected, +.md .data-table-header-selected.color-orange { + background: rgba(255, 152, 0, 0.1); +} +.md .color-theme-orange .data-table-title-selected, +.md .color-orange .data-table-title-selected { + color: #ff9800; +} +.md .color-theme-gray .data-table-header-selected, +.md .data-table-header-selected.color-gray { + background: rgba(158, 158, 158, 0.1); +} +.md .color-theme-gray .data-table-title-selected, +.md .color-gray .data-table-title-selected { + color: #9e9e9e; +} +.md .color-theme-white .data-table-header-selected, +.md .data-table-header-selected.color-white { + background: rgba(255, 255, 255, 0.1); +} +.md .color-theme-white .data-table-title-selected, +.md .color-white .data-table-title-selected { + color: #ffffff; +} +.md .color-theme-black .data-table-header-selected, +.md .data-table-header-selected.color-black { + background: rgba(0, 0, 0, 0.1); +} +.md .color-theme-black .data-table-title-selected, +.md .color-black .data-table-title-selected { + color: #000000; +} +/* === FAB === */ +.fab { + position: absolute; + z-index: 1500; +} +.fab > a, +.fab-buttons a { + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + z-index: 1; +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + -webkit-transition: 300ms; + transition: 300ms; +} +.fab > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab[class*="fab-center"] { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.fab div.fab-buttons a { + width: 40px; + height: 40px; +} +.fab-buttons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0) scale(1) !important; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + -webkit-transition-delay: 50ms; + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + -webkit-transition-delay: 150ms; + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + -webkit-transition-delay: 200ms; + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + -webkit-transition-delay: 250ms; + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: 40px; + margin-left: -20px; +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.fab-buttons-top a { + -webkit-transform: translate3d(0, 8px, 0) scale(0.3); + transform: translate3d(0, 8px, 0) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.fab-buttons-bottom a { + -webkit-transform: translate3d(0, -8px, 0) scale(0.3); + transform: translate3d(0, -8px, 0) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: 40px; + margin-top: -20px; +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; +} +.fab-buttons-left a { + -webkit-transform: translate3d(8px, 0px, 0) scale(0.3); + transform: translate3d(8px, 0px, 0) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fab-buttons-right a { + -webkit-transform: translate3d(-8px, 0, 0) scale(0.3); + transform: translate3d(-8px, 0, 0) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: -20px; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform: translateY(-8px) scale(0.3); + transform: translateY(-8px) scale(0.3); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: -20px; + top: 50%; + margin-left: 16px; + -webkit-transform: translateX(-8px) scale(0.3); + transform: translateX(-8px) scale(0.3); + -webkit-transform-origin: left center; + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: -20px; + top: 100%; + margin-top: 16px; + -webkit-transform: translateY(8px) scale(0.3); + transform: translateY(8px) scale(0.3); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: -20px; + top: 50%; + margin-right: 16px; + -webkit-transform: translateX(8px) scale(0.3); + transform: translateX(8px) scale(0.3); + -webkit-transform-origin: right center; + transform-origin: right center; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + padding-left: 20px; + padding-right: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: 4px 12px; + border-radius: 4px; + background: #fff; + color: #333; + white-space: nowrap; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.md .fab > a, +.md .fab-buttons a { + background: #2196f3; + width: 56px; + height: 56px; + border-radius: 28px; + color: #fff; + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} +.md .fab > a.active-state, +.md .fab-buttons a.active-state { + background: #0c82df; +} +.md .fab[class*="fab-left"] { + left: 15px; +} +.md .fab[class*="fab-right"] { + right: 15px; +} +.md .fab[class*="-top"] { + top: 15px; +} +.md .fab[class*="-bottom"] { + bottom: 15px; +} +.md .navbar ~ * .fab[class*="-top"], +.md .navbar ~ .fab[class*="-top"] { + margin-top: 56px; +} +@media (min-width: 768px) { + .md .navbar ~ * .fab[class*="-top"], + .md .navbar ~ .fab[class*="-top"] { + margin-top: 64px; + } +} +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], +.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 48px; +} +.md .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], +.md .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 72px; +} +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], +.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 104px; +} +.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], +.md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 128px; +} +@media (min-width: 768px) { + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .fab[class*="-top"], + .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .fab[class*="-top"] { + margin-top: 112px; + } + .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ * .fab[class*="-top"], + .md .navbar + .tabbar-labels:not(.toolbar-bottom-md) ~ .fab[class*="-top"] { + margin-top: 136px; + } +} +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"], +.md .messagebar ~ * .fab[class*="-bottom"], +.md .messagebar ~ .fab[class*="-bottom"] { + margin-bottom: 48px; +} +.md .toolbar-bottom-md.tabbar-labels ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md.tabbar-labels ~ .fab[class*="-bottom"] { + margin-bottom: 72px; +} +.md .fab-morph { + border-radius: 28px; + background: #2196f3; + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} +.md .fab-morph > a { + -webkit-box-shadow: none; + box-shadow: none; + background: none !important; +} +.md .fab-extended { + min-width: 48px; +} +.md .fab-extended > a { + height: 48px; +} +.md .fab-extended > a i { + left: 24px; +} +.md .fab-extended i ~ .fab-text { + padding-left: 48px; +} +.md .fab-text { + font-weight: 500; + letter-spacing: 0.03em; +} +.md .fab-label { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} +.md .color-theme-red .fab > a, +.md .color-theme-red .fab-buttons a, +.md .color-theme-red.fab > a, +.md .color-theme-red.fab-buttons a { + background: #f44336; +} +.md .color-theme-red .fab > a.active-state, +.md .color-theme-red .fab-buttons a.active-state, +.md .color-theme-red.fab > a.active-state, +.md .color-theme-red.fab-buttons a.active-state { + background: #f21f0f; +} +.md .color-theme-red .fab-morph, +.md .color-theme-red.fab-morph { + background: #f44336; +} +.md .color-theme-green .fab > a, +.md .color-theme-green .fab-buttons a, +.md .color-theme-green.fab > a, +.md .color-theme-green.fab-buttons a { + background: #4caf50; +} +.md .color-theme-green .fab > a.active-state, +.md .color-theme-green .fab-buttons a.active-state, +.md .color-theme-green.fab > a.active-state, +.md .color-theme-green.fab-buttons a.active-state { + background: #409343; +} +.md .color-theme-green .fab-morph, +.md .color-theme-green.fab-morph { + background: #4caf50; +} +.md .color-theme-blue .fab > a, +.md .color-theme-blue .fab-buttons a, +.md .color-theme-blue.fab > a, +.md .color-theme-blue.fab-buttons a { + background: #2196f3; +} +.md .color-theme-blue .fab > a.active-state, +.md .color-theme-blue .fab-buttons a.active-state, +.md .color-theme-blue.fab > a.active-state, +.md .color-theme-blue.fab-buttons a.active-state { + background: #0c82df; +} +.md .color-theme-blue .fab-morph, +.md .color-theme-blue.fab-morph { + background: #2196f3; +} +.md .color-theme-pink .fab > a, +.md .color-theme-pink .fab-buttons a, +.md .color-theme-pink.fab > a, +.md .color-theme-pink.fab-buttons a { + background: #e91e63; +} +.md .color-theme-pink .fab > a.active-state, +.md .color-theme-pink .fab-buttons a.active-state, +.md .color-theme-pink.fab > a.active-state, +.md .color-theme-pink.fab-buttons a.active-state { + background: #ca1452; +} +.md .color-theme-pink .fab-morph, +.md .color-theme-pink.fab-morph { + background: #e91e63; +} +.md .color-theme-yellow .fab > a, +.md .color-theme-yellow .fab-buttons a, +.md .color-theme-yellow.fab > a, +.md .color-theme-yellow.fab-buttons a { + background: #ffeb3b; +} +.md .color-theme-yellow .fab > a.active-state, +.md .color-theme-yellow .fab-buttons a.active-state, +.md .color-theme-yellow.fab > a.active-state, +.md .color-theme-yellow.fab-buttons a.active-state { + background: #ffe712; +} +.md .color-theme-yellow .fab-morph, +.md .color-theme-yellow.fab-morph { + background: #ffeb3b; +} +.md .color-theme-orange .fab > a, +.md .color-theme-orange .fab-buttons a, +.md .color-theme-orange.fab > a, +.md .color-theme-orange.fab-buttons a { + background: #ff9800; +} +.md .color-theme-orange .fab > a.active-state, +.md .color-theme-orange .fab-buttons a.active-state, +.md .color-theme-orange.fab > a.active-state, +.md .color-theme-orange.fab-buttons a.active-state { + background: #d68000; +} +.md .color-theme-orange .fab-morph, +.md .color-theme-orange.fab-morph { + background: #ff9800; +} +.md .color-theme-gray .fab > a, +.md .color-theme-gray .fab-buttons a, +.md .color-theme-gray.fab > a, +.md .color-theme-gray.fab-buttons a { + background: #9e9e9e; +} +.md .color-theme-gray .fab > a.active-state, +.md .color-theme-gray .fab-buttons a.active-state, +.md .color-theme-gray.fab > a.active-state, +.md .color-theme-gray.fab-buttons a.active-state { + background: #8a8a8a; +} +.md .color-theme-gray .fab-morph, +.md .color-theme-gray.fab-morph { + background: #9e9e9e; +} +.md .color-theme-white .fab > a, +.md .color-theme-white .fab-buttons a, +.md .color-theme-white.fab > a, +.md .color-theme-white.fab-buttons a { + background: #ffffff; +} +.md .color-theme-white .fab > a.active-state, +.md .color-theme-white .fab-buttons a.active-state, +.md .color-theme-white.fab > a.active-state, +.md .color-theme-white.fab-buttons a.active-state { + background: #ebebeb; +} +.md .color-theme-white .fab-morph, +.md .color-theme-white.fab-morph { + background: #ffffff; +} +.md .color-theme-black .fab > a, +.md .color-theme-black .fab-buttons a, +.md .color-theme-black.fab > a, +.md .color-theme-black.fab-buttons a { + background: #000000; +} +.md .color-theme-black .fab > a.active-state, +.md .color-theme-black .fab-buttons a.active-state, +.md .color-theme-black.fab > a.active-state, +.md .color-theme-black.fab-buttons a.active-state { + background: #000000; +} +.md .color-theme-black .fab-morph, +.md .color-theme-black.fab-morph { + background: #000000; +} +.md .fab.color-red > a, +.md .fab.color-red .fab-buttons > a, +.md .fab-buttons.color-red a, +.md .fab > a.color-red, +.md .fab .fab-buttons > a.color-red { + background: #f44336; +} +.md .fab.color-red > a.active-state, +.md .fab.color-red .fab-buttons > a.active-state, +.md .fab-buttons.color-red a.active-state, +.md .fab > a.color-red.active-state, +.md .fab .fab-buttons > a.color-red.active-state { + background: #f21f0f; +} +.md .fab-morph.color-red { + background: #f44336; +} +.md .fab.color-green > a, +.md .fab.color-green .fab-buttons > a, +.md .fab-buttons.color-green a, +.md .fab > a.color-green, +.md .fab .fab-buttons > a.color-green { + background: #4caf50; +} +.md .fab.color-green > a.active-state, +.md .fab.color-green .fab-buttons > a.active-state, +.md .fab-buttons.color-green a.active-state, +.md .fab > a.color-green.active-state, +.md .fab .fab-buttons > a.color-green.active-state { + background: #409343; +} +.md .fab-morph.color-green { + background: #4caf50; +} +.md .fab.color-blue > a, +.md .fab.color-blue .fab-buttons > a, +.md .fab-buttons.color-blue a, +.md .fab > a.color-blue, +.md .fab .fab-buttons > a.color-blue { + background: #2196f3; +} +.md .fab.color-blue > a.active-state, +.md .fab.color-blue .fab-buttons > a.active-state, +.md .fab-buttons.color-blue a.active-state, +.md .fab > a.color-blue.active-state, +.md .fab .fab-buttons > a.color-blue.active-state { + background: #0c82df; +} +.md .fab-morph.color-blue { + background: #2196f3; +} +.md .fab.color-pink > a, +.md .fab.color-pink .fab-buttons > a, +.md .fab-buttons.color-pink a, +.md .fab > a.color-pink, +.md .fab .fab-buttons > a.color-pink { + background: #e91e63; +} +.md .fab.color-pink > a.active-state, +.md .fab.color-pink .fab-buttons > a.active-state, +.md .fab-buttons.color-pink a.active-state, +.md .fab > a.color-pink.active-state, +.md .fab .fab-buttons > a.color-pink.active-state { + background: #ca1452; +} +.md .fab-morph.color-pink { + background: #e91e63; +} +.md .fab.color-yellow > a, +.md .fab.color-yellow .fab-buttons > a, +.md .fab-buttons.color-yellow a, +.md .fab > a.color-yellow, +.md .fab .fab-buttons > a.color-yellow { + background: #ffeb3b; +} +.md .fab.color-yellow > a.active-state, +.md .fab.color-yellow .fab-buttons > a.active-state, +.md .fab-buttons.color-yellow a.active-state, +.md .fab > a.color-yellow.active-state, +.md .fab .fab-buttons > a.color-yellow.active-state { + background: #ffe712; +} +.md .fab-morph.color-yellow { + background: #ffeb3b; +} +.md .fab.color-orange > a, +.md .fab.color-orange .fab-buttons > a, +.md .fab-buttons.color-orange a, +.md .fab > a.color-orange, +.md .fab .fab-buttons > a.color-orange { + background: #ff9800; +} +.md .fab.color-orange > a.active-state, +.md .fab.color-orange .fab-buttons > a.active-state, +.md .fab-buttons.color-orange a.active-state, +.md .fab > a.color-orange.active-state, +.md .fab .fab-buttons > a.color-orange.active-state { + background: #d68000; +} +.md .fab-morph.color-orange { + background: #ff9800; +} +.md .fab.color-gray > a, +.md .fab.color-gray .fab-buttons > a, +.md .fab-buttons.color-gray a, +.md .fab > a.color-gray, +.md .fab .fab-buttons > a.color-gray { + background: #9e9e9e; +} +.md .fab.color-gray > a.active-state, +.md .fab.color-gray .fab-buttons > a.active-state, +.md .fab-buttons.color-gray a.active-state, +.md .fab > a.color-gray.active-state, +.md .fab .fab-buttons > a.color-gray.active-state { + background: #8a8a8a; +} +.md .fab-morph.color-gray { + background: #9e9e9e; +} +.md .fab.color-white > a, +.md .fab.color-white .fab-buttons > a, +.md .fab-buttons.color-white a, +.md .fab > a.color-white, +.md .fab .fab-buttons > a.color-white { + background: #ffffff; +} +.md .fab.color-white > a.active-state, +.md .fab.color-white .fab-buttons > a.active-state, +.md .fab-buttons.color-white a.active-state, +.md .fab > a.color-white.active-state, +.md .fab .fab-buttons > a.color-white.active-state { + background: #ebebeb; +} +.md .fab-morph.color-white { + background: #ffffff; +} +.md .fab.color-black > a, +.md .fab.color-black .fab-buttons > a, +.md .fab-buttons.color-black a, +.md .fab > a.color-black, +.md .fab .fab-buttons > a.color-black { + background: #000000; +} +.md .fab.color-black > a.active-state, +.md .fab.color-black .fab-buttons > a.active-state, +.md .fab-buttons.color-black a.active-state, +.md .fab > a.color-black.active-state, +.md .fab .fab-buttons > a.color-black.active-state { + background: #000000; +} +.md .fab-morph.color-black { + background: #000000; +} +.md.device-iphone-x .fab[class*="-bottom"] { + bottom: calc(16px + constant(safe-area-inset-bottom)); + bottom: calc(16px + env(safe-area-inset-bottom)); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .fab[class*="fab-left"], + .md.device-iphone-x .ios-edges .fab[class*="fab-left"], + .md.device-iphone-x .popup .fab[class*="fab-left"], + .md.device-iphone-x .sheet-modal .fab[class*="fab-left"], + .md.device-iphone-x .panel-left .fab[class*="fab-left"] { + left: calc(16px + constant(safe-area-inset-left)); + left: calc(16px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .fab[class*="fab-right"], + .md.device-iphone-x .ios-edges .fab[class*="fab-right"], + .md.device-iphone-x .popup .fab[class*="fab-right"], + .md.device-iphone-x .sheet-modal .fab[class*="fab-right"], + .md.device-iphone-x .panel-right .fab[class*="fab-right"] { + right: calc(16px + constant(safe-area-inset-right)); + right: calc(16px + env(safe-area-inset-right)); + } +} +/* === Searchbar === */ +.searchbar { + width: 100%; + position: relative; + z-index: 200; +} +.searchbar .searchbar-input-wrap { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; + height: 100%; + position: relative; +} +.searchbar .searchbar-input-wrap input[type="search"] { + padding: 0; +} +.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.searchbar-expandable { + position: absolute; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + pointer-events: none; +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.md .searchbar { + height: 48px; + background: #fff; +} +.md .searchbar input[type="search"], +.md .searchbar input[type="text"] { + padding-right: 65px; + padding-left: 48px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-size: 20px; + color: #000; + font-weight: normal; +} +.md .searchbar input[type="search"]::-webkit-input-placeholder, +.md .searchbar input[type="text"]::-webkit-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]:-ms-input-placeholder, +.md .searchbar input[type="text"]:-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]::-ms-input-placeholder, +.md .searchbar input[type="text"]::-ms-input-placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar input[type="search"]::placeholder, +.md .searchbar input[type="text"]::placeholder { + color: #939398; + opacity: 1; +} +.md .searchbar-expandable { + height: 100%; +} +.md .searchbar-backdrop { + background: rgba(0, 0, 0, 0.25); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + width: 48px; + height: 48px; + right: -4px; + top: 50%; + margin-top: -24px; + background-size: 24px 24px; + background-repeat: no-repeat; + background-position: center; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .searchbar-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); +} +.md .searchbar-disable-button { + -webkit-transform: rotate(-90deg) scale(0.5); + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E"); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + -webkit-transform: rotate(90deg) scale(0.5); + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + border-radius: 0; + background-repeat: no-repeat; + background-position: center; + background-size: 24px 24px; + background-color: transparent; + left: 0; +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + display: none; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page-content .searchbar { + border-radius: 2px; + margin: 8px; + width: auto; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.md .page-content .searchbar .searchbar-inner { + border-radius: 2px; +} +.md .page > .searchbar { + z-index: 510; +} +.md .page > .searchbar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 10px; + pointer-events: none; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); +} +.md .page > .searchbar.no-shadow:after { + display: none; +} +.md .page > .searchbar input[type="search"], +.md .subnavbar .searchbar input[type="search"], +.md .searchbar-expandable input[type="search"], +.md .page > .searchbar input[type="text"], +.md .subnavbar .searchbar input[type="text"], +.md .searchbar-expandable input[type="text"] { + padding-right: 73px; +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + right: 4px; +} +.md .searchbar-expandable { + width: 56px; + height: 100%; + opacity: 0; + top: 50%; + margin-top: -28px; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); + right: 100%; + margin-right: -56px; +} +.md .navbar .searchbar-expandable { + border-radius: 28px; + width: 56px; + margin-top: -28px; + margin-right: -56px; +} +@media (min-width: 768px) { + .md .navbar .searchbar-expandable { + border-radius: 32px; + width: 64px; + margin-top: -32px; + margin-right: -64px; + } +} +.md .toolbar .searchbar-expandable, +.md .subnavbar .searchbar-expandable { + border-radius: 24px; + width: 48px; + margin-top: -24px; + margin-right: -56px; +} +.md .tabbar-labels .searchbar-expandable { + border-radius: 36px; + width: 72px; + margin-top: -36px; + margin-right: -72px; +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + right: 0; + margin-right: 0; +} +.md .page > .searchbar ~ * .page-content, +.md .page > .searchbar ~ .page-content { + padding-top: 48px; +} +.md .page > .navbar ~ .searchbar { + top: 56px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .searchbar { + top: 64px; + } +} +.md .page > .navbar ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .searchbar ~ .page-content { + padding-top: 104px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .searchbar ~ .page-content { + padding-top: 112px; + } +} +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 48px; +} +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, +.md .page > .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 96px; +} +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 72px; +} +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 120px; +} +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 104px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar { + top: 112px; + } +} +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 152px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .searchbar ~ .page-content { + padding-top: 160px; + } +} +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 128px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar { + top: 136px; + } +} +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 176px; +} +@media (min-width: 768px) { + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ * .page-content, + .md .page > .navbar ~ .tabbar-labels:not(.toolbar-bottom-md) ~ .searchbar ~ .page-content { + padding-top: 184px; + } +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .searchbar-inner, + .md.device-iphone-x .ios-edges .searchbar-inner, + .md.device-iphone-x .popup .searchbar-inner, + .md.device-iphone-x .sheet-modal .searchbar-inner, + .md.device-iphone-x .panel-left .searchbar-inner { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + } + .md.device-iphone-x .ios-right-edge .searchbar-inner, + .md.device-iphone-x .ios-edges .searchbar-inner, + .md.device-iphone-x .popup .searchbar-inner, + .md.device-iphone-x .sheet-modal .searchbar-inner, + .md.device-iphone-x .panel-right .searchbar-inner { + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } + .md.device-iphone-x .ios-right-edge .searchbar-disable-button, + .md.device-iphone-x .ios-edges .searchbar-disable-button, + .md.device-iphone-x .popup .searchbar-disable-button, + .md.device-iphone-x .sheet-modal .searchbar-disable-button, + .md.device-iphone-x .panel-right .searchbar-disable-button { + right: calc(4px + constant(safe-area-inset-right)); + right: calc(4px + env(safe-area-inset-right)); + } +} +/* === Messages === */ +.messages { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; +} +.message { + max-width: 70%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + position: relative; + z-index: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.message-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; + font-size: 12px; +} +.message-footer { + font-size: 11px; + margin-bottom: -1em; +} +.message-bubble { + -webkit-box-sizing: border-box; + box-sizing: border-box; + word-break: break-word; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + line-height: 1.2; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + font-size: 12px; + line-height: 1; +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.message-received { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} +.message-received .message-content { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} +.message-sent .message-content { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + -webkit-animation: message-appear-from-bottom 300ms; + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + -webkit-animation: message-appear-from-top 300ms; + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: #000; + vertical-align: middle; + border-radius: 50%; +} +@-webkit-keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-bottom { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.md .messages-content, +.md .messages { + background: #eee; +} +.md .message { + margin-top: 16px; +} +.md .message:last-child { + margin-bottom: 16px; +} +.md .messages-title { + font-size: 12px; + color: rgba(0, 0, 0, 0.51); + margin-top: 16px; +} +.md .messages-title:last-child { + margin-bottom: 16px; +} +.md .messages-title b { + font-weight: 500; +} +.md .message-avatar { + width: 32px; + height: 32px; +} +.md .message-header, +.md .message-footer, +.md .message-name { + color: rgba(0, 0, 0, 0.51); +} +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-bubble { + font-size: 16px; + border-radius: 2px; + padding: 6px 8px; + min-height: 32px; +} +.md .message-text-header, +.md .message-text-footer { + color: rgba(0, 0, 0, 0.51); +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received { + margin-left: 8px; +} +.md .message-received .message-bubble { + color: #333; + background: #fff; +} +.md .message-received .message-avatar + .message-content { + margin-left: 8px; +} +.md .message-received.message-tail .message-bubble { + border-radius: 2px 2px 2px 0; +} +.md .message-received.message-tail .message-bubble:before { + position: absolute; + content: ''; + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid #fff; + right: 100%; + bottom: 0; + width: 0; + height: 0; +} +.md .message-sent { + margin-right: 8px; +} +.md .message-sent .message-bubble { + color: #333; + background: #c8e6c9; +} +.md .message-sent .message-avatar + .message-content { + margin-right: 8px; +} +.md .message-sent.message-tail .message-bubble { + border-radius: 2px 2px 0 2px; +} +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + border-right: 8px solid transparent; + border-left: 0 solid transparent; + border-bottom: 8px solid #c8e6c9; + left: 100%; + bottom: 0; + width: 0; + height: 0; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; + opacity: 0.6; +} +.md .message-typing-indicator > div + div { + margin-right: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + -webkit-animation: md-message-typing-indicator 900ms infinite; + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + -webkit-animation: md-message-typing-indicator 900ms 150ms infinite; + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + -webkit-animation: md-message-typing-indicator 900ms 300ms infinite; + animation: md-message-typing-indicator 900ms 300ms infinite; +} +.md .theme-dark .messages-content, +.messages-content.md .theme-dark, +.md .theme-dark .messages, +.messages.md .theme-dark { + background-color: transparent; +} +.md .theme-dark .messages-title { + color: rgba(255, 255, 255, 0.54); +} +.md .theme-dark .message-header, +.md .theme-dark .message-footer, +.md .theme-dark .message-name { + color: rgba(255, 255, 255, 0.54); +} +@media (orientation: landscape) { + .md.device-iphone-x .ios-left-edge .message-received, + .md.device-iphone-x .ios-edges .message-received, + .md.device-iphone-x .popup .message-received, + .md.device-iphone-x .sheet-modal .message-received, + .md.device-iphone-x .panel-left .message-received { + margin-left: calc(8px + constant(safe-area-inset-left)); + margin-left: calc(8px + env(safe-area-inset-left)); + } + .md.device-iphone-x .ios-right-edge .message-sent, + .md.device-iphone-x .ios-edges .message-sent, + .md.device-iphone-x .popup .message-sent, + .md.device-iphone-x .sheet-modal .message-sent, + .md.device-iphone-x .panel-right .message-sent { + margin-right: calc(8px + constant(safe-area-inset-right)); + margin-right: calc(8px + env(safe-area-inset-right)); + } +} +@-webkit-keyframes md-message-typing-indicator { + 0% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + 25% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 50% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} +@keyframes md-message-typing-indicator { + 0% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + 25% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } + 50% { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} +/* === Messagebar === */ +.toolbar.messagebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + background: #fff; + height: auto; +} +.toolbar.messagebar .toolbar-inner { + position: relative; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.toolbar.messagebar .messagebar-area { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.toolbar.messagebar textarea { + width: 100%; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.toolbar.messagebar a.link { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.messagebar-attachments { + width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: 155px; + position: relative; +} +@media (orientation: landscape) { + .messagebar-attachment { + height: 120px; + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; +} +.messagebar-attachment + .messagebar-attachment { + margin-right: 8px; +} +.messagebar-sheet { + overflow: auto; + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + height: 252px; +} +@media (orientation: landscape) { + .messagebar-sheet { + height: 192px; + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: 125px; + width: 125px; + margin-right: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: 95px; + height: 95px; + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top), +.md.device-iphone-x .messagebar:not(.messagebar-top) { + height: auto !important; +} +.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible), +.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible) { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.ios.device-iphone-x .messagebar-sheet, +.md.device-iphone-x .messagebar-sheet { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); +} +.md .messagebar { + font-size: 16px; +} +.md .messagebar:after { + display: none; +} +.md .messagebar textarea { + padding: 5px 8px; + height: 32px; + color: #333; + font-size: 16px; + line-height: 22px; +} +.md .messagebar a.link { + color: #333; +} +.md .messagebar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .messagebar a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .messagebar:before { + content: ''; + position: absolute; + background-color: #d1d1d1; + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; +} +.md.device-pixel-ratio-2 .messagebar:before { + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +} +.md.device-pixel-ratio-3 .messagebar:before { + -webkit-transform: scaleY(0.33); + transform: scaleY(0.33); +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid #ddd; +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet { + background: #fff; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background: #2196f3; + cursor: pointer; + border-radius: 2px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +.md .theme-dark .messagebar, +.messagebar.md .theme-dark { + background: #000; +} +.md .theme-dark .messagebar:before, +.messagebar.md .theme-dark:before { + background-color: rgba(255, 255, 255, 0.2); +} +.md .theme-dark .messagebar a.link, +.messagebar.md .theme-dark a.link { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .messagebar a.link:before, +.messagebar.md .theme-dark a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .theme-dark .messagebar a.link.active-state:before, +.messagebar.md .theme-dark a.link.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .theme-dark .messagebar textarea, +.messagebar.md .theme-dark textarea { + color: rgba(255, 255, 255, 0.87); +} +.md .theme-dark .messagebar-attachments { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} +/* 3D Effects */ +.swiper-container-3d { + -webkit-perspective: 1200px; + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + -ms-touch-action: pan-x; + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: 300ms opacity; + transition: 300ms opacity; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transform: scale(0.33); + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + -webkit-transform: scale(1); + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + -webkit-transform: scale(0.66); + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + -webkit-transform: scale(0.33); + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0px, -50%, 0); + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + -webkit-transition: 200ms top, 200ms -webkit-transform; + transition: 200ms top, 200ms -webkit-transform; + transition: 200ms transform, 200ms top; + transition: 200ms transform, 200ms top, 200ms -webkit-transform; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + -webkit-transition: 200ms left, 200ms -webkit-transform; + transition: 200ms left, 200ms -webkit-transform; + transition: 200ms transform, 200ms left; + transition: 200ms transform, 200ms left, 200ms -webkit-transform; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + -webkit-transform-origin: right top; + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; +} +.md .swiper-lazy-preloader { + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +.md .swiper-button-prev, +.md .swiper-container-rtl .swiper-button-next { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next, +.md .swiper-container-rtl .swiper-button-prev { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-pagination-bullet-active { + background: #2196f3; +} +.md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #2196f3; +} +.md .swiper-button-prev.color-red, +.md .swiper-container-rtl .swiper-button-next.color-red, +.md .color-theme-red .swiper-button-prev, +.md .color-theme-red .swiper-container-rtl .swiper-button-next { + 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'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-red, +.md .swiper-container-rtl .swiper-button-prev.color-red, +.md .color-theme-red .swiper-button-next, +.md .color-theme-red .swiper-container-rtl .swiper-button-prev { + 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'%23f44336'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-red .swiper-pagination-bullet-active, +.md .color-theme-red .swiper-pagination-bullet-active { + background: #f44336; +} +.md .color-red .swiper-pagination-progressbar, +.md .color-theme-red .swiper-pagination-progressbar, +.md .color-red.swiper-pagination-progressbar, +.md .color-theme-red.swiper-pagination-progressbar { + background: rgba(244, 67, 54, 0.25); +} +.md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #f44336; +} +.md .swiper-button-prev.color-green, +.md .swiper-container-rtl .swiper-button-next.color-green, +.md .color-theme-green .swiper-button-prev, +.md .color-theme-green .swiper-container-rtl .swiper-button-next { + 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'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-green, +.md .swiper-container-rtl .swiper-button-prev.color-green, +.md .color-theme-green .swiper-button-next, +.md .color-theme-green .swiper-container-rtl .swiper-button-prev { + 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'%234caf50'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-green .swiper-pagination-bullet-active, +.md .color-theme-green .swiper-pagination-bullet-active { + background: #4caf50; +} +.md .color-green .swiper-pagination-progressbar, +.md .color-theme-green .swiper-pagination-progressbar, +.md .color-green.swiper-pagination-progressbar, +.md .color-theme-green.swiper-pagination-progressbar { + background: rgba(76, 175, 80, 0.25); +} +.md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #4caf50; +} +.md .swiper-button-prev.color-blue, +.md .swiper-container-rtl .swiper-button-next.color-blue, +.md .color-theme-blue .swiper-button-prev, +.md .color-theme-blue .swiper-container-rtl .swiper-button-next { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-blue, +.md .swiper-container-rtl .swiper-button-prev.color-blue, +.md .color-theme-blue .swiper-button-next, +.md .color-theme-blue .swiper-container-rtl .swiper-button-prev { + 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'%232196f3'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-blue .swiper-pagination-bullet-active, +.md .color-theme-blue .swiper-pagination-bullet-active { + background: #2196f3; +} +.md .color-blue .swiper-pagination-progressbar, +.md .color-theme-blue .swiper-pagination-progressbar, +.md .color-blue.swiper-pagination-progressbar, +.md .color-theme-blue.swiper-pagination-progressbar { + background: rgba(33, 150, 243, 0.25); +} +.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #2196f3; +} +.md .swiper-button-prev.color-pink, +.md .swiper-container-rtl .swiper-button-next.color-pink, +.md .color-theme-pink .swiper-button-prev, +.md .color-theme-pink .swiper-container-rtl .swiper-button-next { + 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'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-pink, +.md .swiper-container-rtl .swiper-button-prev.color-pink, +.md .color-theme-pink .swiper-button-next, +.md .color-theme-pink .swiper-container-rtl .swiper-button-prev { + 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'%23e91e63'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-pink .swiper-pagination-bullet-active, +.md .color-theme-pink .swiper-pagination-bullet-active { + background: #e91e63; +} +.md .color-pink .swiper-pagination-progressbar, +.md .color-theme-pink .swiper-pagination-progressbar, +.md .color-pink.swiper-pagination-progressbar, +.md .color-theme-pink.swiper-pagination-progressbar { + background: rgba(233, 30, 99, 0.25); +} +.md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #e91e63; +} +.md .swiper-button-prev.color-yellow, +.md .swiper-container-rtl .swiper-button-next.color-yellow, +.md .color-theme-yellow .swiper-button-prev, +.md .color-theme-yellow .swiper-container-rtl .swiper-button-next { + 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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-yellow, +.md .swiper-container-rtl .swiper-button-prev.color-yellow, +.md .color-theme-yellow .swiper-button-next, +.md .color-theme-yellow .swiper-container-rtl .swiper-button-prev { + 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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-yellow .swiper-pagination-bullet-active, +.md .color-theme-yellow .swiper-pagination-bullet-active { + background: #ffeb3b; +} +.md .color-yellow .swiper-pagination-progressbar, +.md .color-theme-yellow .swiper-pagination-progressbar, +.md .color-yellow.swiper-pagination-progressbar, +.md .color-theme-yellow.swiper-pagination-progressbar { + background: rgba(255, 235, 59, 0.25); +} +.md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffeb3b; +} +.md .swiper-button-prev.color-orange, +.md .swiper-container-rtl .swiper-button-next.color-orange, +.md .color-theme-orange .swiper-button-prev, +.md .color-theme-orange .swiper-container-rtl .swiper-button-next { + 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'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-orange, +.md .swiper-container-rtl .swiper-button-prev.color-orange, +.md .color-theme-orange .swiper-button-next, +.md .color-theme-orange .swiper-container-rtl .swiper-button-prev { + 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'%23ff9800'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-orange .swiper-pagination-bullet-active, +.md .color-theme-orange .swiper-pagination-bullet-active { + background: #ff9800; +} +.md .color-orange .swiper-pagination-progressbar, +.md .color-theme-orange .swiper-pagination-progressbar, +.md .color-orange.swiper-pagination-progressbar, +.md .color-theme-orange.swiper-pagination-progressbar { + background: rgba(255, 152, 0, 0.25); +} +.md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ff9800; +} +.md .swiper-button-prev.color-gray, +.md .swiper-container-rtl .swiper-button-next.color-gray, +.md .color-theme-gray .swiper-button-prev, +.md .color-theme-gray .swiper-container-rtl .swiper-button-next { + 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'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .swiper-button-next.color-gray, +.md .swiper-container-rtl .swiper-button-prev.color-gray, +.md .color-theme-gray .swiper-button-next, +.md .color-theme-gray .swiper-container-rtl .swiper-button-prev { + 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'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); +} +.md .color-gray .swiper-pagination-bullet-active, +.md .color-theme-gray .swiper-pagination-bullet-active { + background: #9e9e9e; +} +.md .color-gray .swiper-pagination-progressbar, +.md .color-theme-gray .swiper-pagination-progressbar, +.md .color-gray.swiper-pagination-progressbar, +.md .color-theme-gray.swiper-pagination-progressbar { + background: rgba(158, 158, 158, 0.25); +} +.md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #9e9e9e; +} +.md .swiper-button-prev.color-white, +.md .swiper-container-rtl .swiper-button-next.color-white, +.md .color-theme-white .swiper-button-prev, +.md .color-theme-white .swiper-container-rtl .swiper-button-next { + 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"); +} +.md .swiper-button-next.color-white, +.md .swiper-container-rtl .swiper-button-prev.color-white, +.md .color-theme-white .swiper-button-next, +.md .color-theme-white .swiper-container-rtl .swiper-button-prev { + 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"); +} +.md .color-white .swiper-pagination-bullet-active, +.md .color-theme-white .swiper-pagination-bullet-active { + background: #ffffff; +} +.md .color-white .swiper-pagination-progressbar, +.md .color-theme-white .swiper-pagination-progressbar, +.md .color-white.swiper-pagination-progressbar, +.md .color-theme-white.swiper-pagination-progressbar { + background: rgba(255, 255, 255, 0.25); +} +.md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #ffffff; +} +.md .swiper-button-prev.color-black, +.md .swiper-container-rtl .swiper-button-next.color-black, +.md .color-theme-black .swiper-button-prev, +.md .color-theme-black .swiper-container-rtl .swiper-button-next { + 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"); +} +.md .swiper-button-next.color-black, +.md .swiper-container-rtl .swiper-button-prev.color-black, +.md .color-theme-black .swiper-button-next, +.md .color-theme-black .swiper-container-rtl .swiper-button-prev { + 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"); +} +.md .color-black .swiper-pagination-bullet-active, +.md .color-theme-black .swiper-pagination-bullet-active { + background: #000000; +} +.md .color-black .swiper-pagination-progressbar, +.md .color-theme-black .swiper-pagination-progressbar, +.md .color-black.swiper-pagination-progressbar, +.md .color-theme-black.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); +} +.md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, +.md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: #000000; +} +/* === Photo Browser === */ +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-in 400ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: photo-browser-out 400ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + -webkit-animation: none; + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + -webkit-transform: translate3d(0, -100vh, 0); + transform: translate3d(0, -100vh, 0); +} +.page.photo-browser-page { + background: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .photo-browser-swiper-container { + background: #000; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: 0; + z-index: 10; + opacity: 1; + -webkit-transition: 400ms; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.photo-browser-caption { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 300ms; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + background: rgba(255, 255, 255, 0.8); + color: #000; +} +.photo-browser-captions-dark .photo-browser-caption { + color: #fff; +} +.photo-browser-exposed .photo-browser-caption { + color: #fff; + background: rgba(0, 0, 0, 0.8); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: #fff; + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: background-color; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + -webkit-transition: 400ms; + transition: 400ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container { + background: #000; +} +@-webkit-keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-in { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@-webkit-keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +@keyframes photo-browser-out { + 0% { + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + -webkit-transform: translate3d(0, 0, 0) scale(1.05); + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +.md .toolbar ~ .photo-browser-captions { + bottom: 48px; + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.md .toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); +} +.md .photo-browser-exposed .toolbar ~ .photo-browser-captions { + -webkit-transform: translate3d(0, 48px, 0); + transform: translate3d(0, 48px, 0); +} +.md .photo-browser-page .toolbar { + -webkit-transform: none; + transform: none; +} +.md .photo-browser-page .navbar, +.md .photo-browser-page .toolbar { + background: rgba(33, 150, 243, 0.95); + -webkit-transition: 400ms; + transition: 400ms; +} +.md .photo-browser-dark .navbar, +.md .photo-browser-page-dark .navbar, +.md .photo-browser-dark .toolbar, +.md .photo-browser-page-dark .toolbar { + background: rgba(30, 30, 30, 0.8) !important; + color: #fff; +} +.md .photo-browser-dark .navbar a, +.md .photo-browser-page-dark .navbar a, +.md .photo-browser-dark .toolbar a, +.md .photo-browser-page-dark .toolbar a { + color: #fff; +} +.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(244, 67, 54, 0.95); +} +.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(76, 175, 80, 0.95); +} +.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(33, 150, 243, 0.95); +} +.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(233, 30, 99, 0.95); +} +.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 235, 59, 0.95); +} +.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 152, 0, 0.95); +} +.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(158, 158, 158, 0.95); +} +.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(255, 255, 255, 0.95); +} +.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar, +.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar, +.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar { + background-color: rgba(0, 0, 0, 0.95); +} +.md.device-iphone-x .photo-browser-captions { + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); +} +.md.device-iphone-x .toolbar ~ .photo-browser-captions { + bottom: calc(48px + constant(safe-area-inset-bottom)); + bottom: calc(48px + env(safe-area-inset-bottom)); +} +/* === Notifications === */ +.notification { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + direction: ltr; +} +.notification-icon { + font-size: 0; +} +.notification-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; +} +html.with-statusbar.device-ios .notification, +html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification { + margin-top: 20px; +} +html.with-statusbar.device-android .notification, +html.with-statusbar.md:not(.device-ios):not(.device-android) .notification { + margin-top: 24px; +} +html.with-statusbar.device-iphone-x .notification { + margin-top: constant(safe-area-inset-top); + margin-top: env(safe-area-inset-top); +} +.md .notification { + left: 0; + top: 0; + width: 100%; + background: #fff; + border-radius: 0px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + padding: 16px; + color: #000; + max-width: 568px; +} +@media (min-width: 568px) { + .md .notification { + left: 50%; + margin-left: -284px; + } +} +.md .notification.modal-in { + -webkit-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-animation: notification-md-in 400ms ease-out; + animation: notification-md-in 400ms ease-out; +} +.md .notification.modal-in.notification-transitioning { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} +.md .notification.modal-out { + -webkit-animation: none; + animation: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + width: 16px; + height: 16px; + margin-right: 8px; + line-height: 16px; +} +.md .notification-icon i { + width: 16px; + height: 16px; + font-size: 16px; +} +.md .notification-title { + font-size: 12px; + line-height: 1; + color: #2196f3; +} +.md .notification-subtitle { + font-size: 14px; + line-height: 1.35; + color: #212121; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-text { + font-size: 14px; + line-height: 1.35; + color: #757575; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + font-size: 12px; + color: #757575; + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: #757575; +} +.md .notification-close-button { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); + width: 16px; + height: 16px; + background-position: center top; + background-repeat: no-repeat; + background-size: 100% auto; + position: relative; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + -webkit-transition-duration: 600ms; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; +} +.md .notification-close-button:before { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 48px; + height: 48px; + margin-left: -22px; + margin-top: -22px; +} +@-webkit-keyframes notification-md-in { + 0% { + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); + } + 50% { + -webkit-transform: translate3d(0, 10%, 0); + transform: translate3d(0, 10%, 0); + } + 100% { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + } +} +@keyframes notification-md-in { + 0% { + -webkit-transform: translate3d(0, -150%, 0); + transform: translate3d(0, -150%, 0); + } + 50% { + -webkit-transform: translate3d(0, 10%, 0); + transform: translate3d(0, 10%, 0); + } + 100% { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + -webkit-animation: none; + animation: none; +} +.autocomplete-dropdown { + background: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + right: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: 20px; + height: 20px; +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #a9a9a9; +} +.autocomplete-dropdown .list { + margin: 0; +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + -webkit-flex-shrink: 10; + -ms-flex-negative: 10; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-right: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-left: 16px; +} +.md .autocomplete-dropdown { + -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); +} +.md .autocomplete-dropdown .autocomplete-preloader { + left: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .autocomplete-dropdown .list { + color: rgba(0, 0, 0, 0.54); +} +.md .autocomplete-dropdown .list b { + font-weight: normal; + color: #212121; +} +.md .searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-right: 73px; +} +.md .searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 8px 8px; + position: relative; + overflow: hidden; +} +.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: #939398; +} +/* === Tooltip === */ +.tooltip { + position: absolute; + z-index: 20000; + background: rgba(0, 0, 0, 0.87); + border-radius: 4px; + padding: 8px 16px; + color: #fff; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + -webkit-transform: scale(0.9); + transform: scale(0.9); + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + z-index: 99000; + font-weight: 500; +} +.tooltip.tooltip-in { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); +} +.device-desktop .tooltip { + font-size: 12px; + padding: 6px 8px; +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* === Elevation === */ +.elevation-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.elevation-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.elevation-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.elevation-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.elevation-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.elevation-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.elevation-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.elevation-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.elevation-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.elevation-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-0:hover { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.device-desktop .elevation-hover-1:hover { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-2:hover { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-3:hover { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-4:hover { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-5:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-6:hover { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-7:hover { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-8:hover { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-9:hover { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-10:hover { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-11:hover { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-12:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-13:hover { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-14:hover { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-15:hover { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-16:hover { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-17:hover { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-18:hover { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-19:hover { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-20:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-21:hover { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-22:hover { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-23:hover { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.device-desktop .elevation-hover-24:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; +} +.elevation-transition-100 { + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-300 { + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-400 { + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +.elevation-transition-500 { + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: -webkit-box-shadow; + transition-property: -webkit-box-shadow; + transition-property: box-shadow; + transition-property: box-shadow, -webkit-box-shadow; +} +/* === Typography === */ +.display-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-shrink-2 { + -webkit-flex-shrink: 2 !important; + -ms-flex-negative: 2 !important; + flex-shrink: 2 !important; +} +.flex-shrink-3 { + -webkit-flex-shrink: 3 !important; + -ms-flex-negative: 3 !important; + flex-shrink: 3 !important; +} +.flex-shrink-4 { + -webkit-flex-shrink: 4 !important; + -ms-flex-negative: 4 !important; + flex-shrink: 4 !important; +} +.flex-shrink-5 { + -webkit-flex-shrink: 5 !important; + -ms-flex-negative: 5 !important; + flex-shrink: 5 !important; +} +.flex-shrink-6 { + -webkit-flex-shrink: 6 !important; + -ms-flex-negative: 6 !important; + flex-shrink: 6 !important; +} +.flex-shrink-7 { + -webkit-flex-shrink: 7 !important; + -ms-flex-negative: 7 !important; + flex-shrink: 7 !important; +} +.flex-shrink-8 { + -webkit-flex-shrink: 8 !important; + -ms-flex-negative: 8 !important; + flex-shrink: 8 !important; +} +.flex-shrink-9 { + -webkit-flex-shrink: 9 !important; + -ms-flex-negative: 9 !important; + flex-shrink: 9 !important; +} +.flex-shrink-10 { + -webkit-flex-shrink: 10 !important; + -ms-flex-negative: 10 !important; + flex-shrink: 10 !important; +} +.justify-content-flex-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-flex-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-space-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-space-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-space-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.justify-content-stretch { + -webkit-box-pack: stretch !important; + -webkit-justify-content: stretch !important; + -ms-flex-pack: stretch !important; + justify-content: stretch !important; +} +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: start !important; + -ms-flex-pack: start !important; + justify-content: start !important; +} +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: end !important; + -ms-flex-pack: end !important; + justify-content: end !important; +} +.justify-content-left { + -webkit-box-pack: left !important; + -webkit-justify-content: left !important; + -ms-flex-pack: left !important; + justify-content: left !important; +} +.justify-content-right { + -webkit-box-pack: right !important; + -webkit-justify-content: right !important; + -ms-flex-pack: right !important; + justify-content: right !important; +} +.align-content-flex-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-flex-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-space-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-space-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-items-flex-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-flex-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-self-flex-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-flex-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.md .padding { + padding: 16px !important; +} +.md .padding-top { + padding-top: 16px !important; +} +.md .padding-bottom { + padding-bottom: 16px !important; +} +.md .padding-left { + padding-left: 16px !important; +} +.md .padding-right { + padding-right: 16px !important; +} +.md .padding-vertical { + padding-top: 16px !important; + padding-bottom: 16px !important; +} +.md .padding-horizontal { + padding-left: 16px !important; + padding-right: 16px !important; +} +.md .margin { + margin: 16px !important; +} +.md .margin-top { + margin-top: 16px !important; +} +.md .margin-bottom { + margin-bottom: 16px !important; +} +.md .margin-left { + margin-left: 16px !important; +} +.md .margin-right { + margin-right: 16px !important; +} +.md .margin-vertical { + margin-top: 16px !important; + margin-bottom: 16px !important; +} +.md .margin-horizontal { + margin-left: 16px !important; + margin-right: 16px !important; +} +.md .text-color-red { + color: #f44336 !important; +} +.md .bg-color-red { + background-color: #f44336 !important; +} +.md .border-color-red { + border-color: #f44336 !important; +} +.md .text-color-green { + color: #4caf50 !important; +} +.md .bg-color-green { + background-color: #4caf50 !important; +} +.md .border-color-green { + border-color: #4caf50 !important; +} +.md .text-color-blue { + color: #2196f3 !important; +} +.md .bg-color-blue { + background-color: #2196f3 !important; +} +.md .border-color-blue { + border-color: #2196f3 !important; +} +.md .text-color-pink { + color: #e91e63 !important; +} +.md .bg-color-pink { + background-color: #e91e63 !important; +} +.md .border-color-pink { + border-color: #e91e63 !important; +} +.md .text-color-yellow { + color: #ffeb3b !important; +} +.md .bg-color-yellow { + background-color: #ffeb3b !important; +} +.md .border-color-yellow { + border-color: #ffeb3b !important; +} +.md .text-color-orange { + color: #ff9800 !important; +} +.md .bg-color-orange { + background-color: #ff9800 !important; +} +.md .border-color-orange { + border-color: #ff9800 !important; +} +.md .text-color-gray { + color: #9e9e9e !important; +} +.md .bg-color-gray { + background-color: #9e9e9e !important; +} +.md .border-color-gray { + border-color: #9e9e9e !important; +} +.md .text-color-white { + color: #ffffff !important; +} +.md .bg-color-white { + background-color: #ffffff !important; +} +.md .border-color-white { + border-color: #ffffff !important; +} +.md .text-color-black { + color: #000000 !important; +} +.md .bg-color-black { + background-color: #000000 !important; +} +.md .border-color-black { + border-color: #000000 !important; +} diff --git a/framework7/css/framework7.rtl.md.min.css b/framework7/css/framework7.rtl.md.min.css new file mode 100644 index 0000000..3d89ec1 --- /dev/null +++ b/framework7/css/framework7.rtl.md.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ +html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}.md body{font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;color:#212121;line-height:1.5}.md .if-ios,.md .ios-only{display:none!important}.md a{color:#2196f3}.md .theme-dark{color:rgba(255,255,255,.87)}.md .color-theme-red a{color:#f44336}.md .color-theme-green a{color:#4caf50}.md .color-theme-blue a{color:#2196f3}.md .color-theme-pink a{color:#e91e63}.md .color-theme-yellow a{color:#ffeb3b}.md .color-theme-orange a{color:#ff9800}.md .color-theme-gray a{color:#9e9e9e}.md .color-theme-white a{color:#fff}.md .color-theme-black a{color:#000}.md a.color-red{color:#f44336}.md a.color-green{color:#4caf50}.md a.color-blue{color:#2196f3}.md a.color-pink{color:#e91e63}.md a.color-yellow{color:#ffeb3b}.md a.color-orange{color:#ff9800}.md a.color-gray{color:#9e9e9e}.md a.color-white{color:#fff}.md a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.device-ios.device-iphone-x .statusbar{height:constant(safe-area-inset-top);height:env(safe-area-inset-top)}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-iphone-x .framework7-root{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.md .statusbar{background:#0a6ebd}.md .color-theme-red .statusbar{background:#d2190b}.md .color-theme-green .statusbar{background:#357a38}.md .color-theme-blue .statusbar{background:#0a6ebd}.md .color-theme-pink .statusbar{background:#aa1145}.md .color-theme-yellow .statusbar{background:#eed500}.md .color-theme-orange .statusbar{background:#b36a00}.md .color-theme-gray .statusbar{background:#787878}.md .color-theme-white .statusbar{background:#d9d9d9}.md .color-theme-black .statusbar{background:#000}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1}.md .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.md .page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.md .page{background:#fff}.md .page-next{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.md .page-transitioning,.md .page-transitioning .page-opacity-effect,.md .page-transitioning .page-shadow-effect{-webkit-transition-duration:250ms;transition-duration:250ms}.md .page-transitioning-swipeback,.md .page-transitioning-swipeback .page-opacity-effect,.md .page-transitioning-swipeback .page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.md .router-transition-backward .page,.md .router-transition-forward .page{pointer-events:none}.md .router-transition-css-forward .page-next{-webkit-animation:md-page-next-to-current 250ms forwards;animation:md-page-next-to-current 250ms forwards}.md .router-transition-css-forward .page-current{-webkit-animation:none;animation:none}.md .router-transition-css-backward .page-current{-webkit-animation:md-page-current-to-next 250ms forwards;animation:md-page-current-to-next 250ms forwards}.md .router-transition-css-backward .page-previous{-webkit-animation:none;animation:none}.md .theme-dark .page,.page.md .theme-dark{background:#171717}@-webkit-keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1}}@-webkit-keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}@keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.md .link i+i,.md .link i+span,.md .link span+i,.md .link span+span{margin-right:8px}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.md .navbar{height:56px;background:#2196f3;color:#fff;font-size:20px}.md .navbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .navbar.no-shadow:after{display:none}.md .navbar a{color:inherit}.md .navbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;height:56px;line-height:56px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .navbar .title{margin:0 16px;line-height:1.2;text-align:left}.md .navbar .subtitle{line-height:1.2;font-size:14px;font-weight:400;color:rgba(255,255,255,.85)}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:16px}.md .navbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.md .page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:56px}@media (min-width:768px){.md .navbar{height:64px}.md .navbar a.link{height:64px;line-height:64px}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:64px}}.md .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .navbar-hidden:after{display:none}.md .color-theme-red .navbar,.md .color-theme-red.navbar{background:#f44336}.md .color-theme-green .navbar,.md .color-theme-green.navbar{background:#4caf50}.md .color-theme-blue .navbar,.md .color-theme-blue.navbar{background:#2196f3}.md .color-theme-pink .navbar,.md .color-theme-pink.navbar{background:#e91e63}.md .color-theme-yellow .navbar,.md .color-theme-yellow.navbar{background:#ffeb3b}.md .color-theme-orange .navbar,.md .color-theme-orange.navbar{background:#ff9800}.md .color-theme-gray .navbar,.md .color-theme-gray.navbar{background:#9e9e9e}.md .color-theme-white .navbar,.md .color-theme-white.navbar{background:#fff}.md .color-theme-black .navbar,.md .color-theme-black.navbar{background:#000}.md .navbar.color-red{background:#f44336}.md .navbar.color-green{background:#4caf50}.md .navbar.color-blue{background:#2196f3}.md .navbar.color-pink{background:#e91e63}.md .navbar.color-yellow{background:#ffeb3b}.md .navbar.color-orange{background:#ff9800}.md .navbar.color-gray{background:#9e9e9e}.md .navbar.color-white{background:#fff}.md .navbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-left-edge .navbar-inner,.md.device-iphone-x .panel-left .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .navbar-inner,.md.device-iphone-x .ios-right-edge .navbar-inner,.md.device-iphone-x .panel-right .navbar-inner,.md.device-iphone-x .popup .navbar-inner,.md.device-iphone-x .sheet-modal .navbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.md .toolbar{background:#2196f3;height:48px;color:#fff;font-size:14px;top:0}.md .toolbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .toolbar.no-shadow:after{display:none}.md .toolbar a{color:#fff}.md .toolbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;line-height:48px;height:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .toolbar a.link i+i,.md .toolbar a.link i+span,.md .toolbar a.link span+i,.md .toolbar a.link span+span{margin-right:8px}.md .toolbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .toolbar-inner{overflow:hidden}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0;font-size:14px;text-transform:uppercase;font-weight:500;letter-spacing:.03em}.md .tabbar i.icon,.md .tabbar-labels i.icon{height:24px}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;color:rgba(255,255,255,.7);position:relative}.md .tabbar a.tab-link.active-state,.md .tabbar a.tab-link.tab-link-active,.md .tabbar-labels a.tab-link.active-state,.md .tabbar-labels a.tab-link.tab-link-active{color:#fff}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;bottom:0;height:2px;background:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;right:0}.md .messagebar,.md .toolbar-bottom-md{top:auto!important;bottom:0!important}.md .messagebar:after,.md .toolbar-bottom-md:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:10px;top:auto;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .messagebar .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight{bottom:auto;top:0}.md .tabbar-labels{height:72px}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:12px;padding-bottom:12px}.md .tabbar-labels .tabbar-label{margin-top:10px;max-width:100%;overflow:hidden}.md .tabbar-labels.toolbar-bottom-md{height:56px}.md .tabbar-labels.toolbar-bottom-md a.link,.md .tabbar-labels.toolbar-bottom-md a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-labels.toolbar-bottom-md .tabbar-label{text-transform:none;line-height:1.2;font-weight:400;letter-spacing:0}.md .tabbar-scrollable .toolbar-inner{overflow:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:48px}.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:72px}.md .toolbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .toolbar-hidden:after{display:none}.md .toolbar-hidden.messagebar,.md .toolbar-hidden.toolbar-bottom-md{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:56px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:104px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:128px}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-104px,0);transform:translate3d(0,-104px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-128px,0);transform:translate3d(0,-128px,0)}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-56px,0);transform:translate3d(0,-56px,0)}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:64px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:112px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:136px}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden){-webkit-transform:translate3d(0,-64px,0);transform:translate3d(0,-64px,0)}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-112px,0);transform:translate3d(0,-112px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-136px,0);transform:translate3d(0,-136px,0)}}.md .messagebar~* .page-content,.md .messagebar~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content{padding-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:56px}.md .navbar-transitioning+.toolbar,.md .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .color-theme-red .toolbar:not(.messagebar),.md .color-theme-red.toolbar:not(.messagebar){background:#f44336}.md .color-theme-green .toolbar:not(.messagebar),.md .color-theme-green.toolbar:not(.messagebar){background:#4caf50}.md .color-theme-blue .toolbar:not(.messagebar),.md .color-theme-blue.toolbar:not(.messagebar){background:#2196f3}.md .color-theme-pink .toolbar:not(.messagebar),.md .color-theme-pink.toolbar:not(.messagebar){background:#e91e63}.md .color-theme-yellow .toolbar:not(.messagebar),.md .color-theme-yellow.toolbar:not(.messagebar){background:#ffeb3b}.md .color-theme-orange .toolbar:not(.messagebar),.md .color-theme-orange.toolbar:not(.messagebar){background:#ff9800}.md .color-theme-gray .toolbar:not(.messagebar),.md .color-theme-gray.toolbar:not(.messagebar){background:#9e9e9e}.md .color-theme-white .toolbar:not(.messagebar),.md .color-theme-white.toolbar:not(.messagebar){background:#fff}.md .color-theme-black .toolbar:not(.messagebar),.md .color-theme-black.toolbar:not(.messagebar){background:#000}.md .toolbar:not(.messagebar).color-red{background:#f44336}.md .toolbar:not(.messagebar).color-green{background:#4caf50}.md .toolbar:not(.messagebar).color-blue{background:#2196f3}.md .toolbar:not(.messagebar).color-pink{background:#e91e63}.md .toolbar:not(.messagebar).color-yellow{background:#ffeb3b}.md .toolbar:not(.messagebar).color-orange{background:#ff9800}.md .toolbar:not(.messagebar).color-gray{background:#9e9e9e}.md .toolbar:not(.messagebar).color-white{background:#fff}.md .toolbar:not(.messagebar).color-black{background:#000}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md),.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md){height:calc(48px + constant(safe-area-inset-top));height:calc(48px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{height:auto}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner{bottom:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.md.device-iphone-x .login-screen>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .page>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .panel>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .popup>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .view>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels,.md.device-iphone-x .views>.toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels{height:calc(72px + constant(safe-area-inset-top));height:calc(72px + env(safe-area-inset-top))}.md.device-iphone-x .login-screen>.toolbar-bottom-md,.md.device-iphone-x .page>.toolbar-bottom-md,.md.device-iphone-x .panel>.toolbar-bottom-md,.md.device-iphone-x .popup>.toolbar-bottom-md,.md.device-iphone-x .view>.toolbar-bottom-md,.md.device-iphone-x .views>.toolbar-bottom-md{height:calc(48px + constant(safe-area-inset-bottom));height:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .login-screen>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .page>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .panel>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .popup>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .view>.toolbar-bottom-md .toolbar-inner,.md.device-iphone-x .views>.toolbar-bottom-md .toolbar-inner{height:auto;top:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .login-screen>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .page>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .panel>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .popup>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .view>.toolbar-bottom-md.tabbar-labels,.md.device-iphone-x .views>.toolbar-bottom-md.tabbar-labels{height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}.md.device-iphone-x .messagebar~* .page-content,.md.device-iphone-x .messagebar~.page-content,.md.device-iphone-x .toolbar-bottom-md~* .page-content,.md.device-iphone-x .toolbar-bottom-md~.page-content{padding-bottom:calc(48px + constant(safe-area-inset-bottom));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~* .page-content,.md.device-iphone-x .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:calc(56px + constant(safe-area-inset-bottom));padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-left-edge .toolbar-inner,.md.device-iphone-x .panel-left .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .toolbar-inner,.md.device-iphone-x .ios-right-edge .toolbar-inner,.md.device-iphone-x .panel-right .toolbar-inner,.md.device-iphone-x .popup .toolbar-inner,.md.device-iphone-x .sheet-modal .toolbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap}.subnavbar .left,.subnavbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar-inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.md .subnavbar{height:48px;background:#2196f3;color:#fff}.md .subnavbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .subnavbar.no-shadow:after{display:none}.md .subnavbar .title{margin:0 16px;font-size:20px;line-height:48px;display:inline-block;text-align:left;font-weight:500}.md .subnavbar .title:first-child{margin-right:56px}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a{color:inherit}.md .subnavbar a.link{line-height:48px;height:48px;min-width:48px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .subnavbar a.icon-only{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:0}.md .subnavbar-inner{padding:0 16px}.md .subnavbar-inner>a.link:first-child{margin-right:-16px}.md .subnavbar-inner>a.link:last-child{margin-left:-16px}.md .page-with-subnavbar .page-content,.md .subnavbar~* .page-content,.md .subnavbar~.page-content{padding-top:48px}.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:104px}@media (min-width:768px){.md .navbar~.subnavbar~* .page-content,.md .navbar~.subnavbar~.page-content,.md .page-with-subnavbar .navbar~* .page-content,.md .page-with-subnavbar .navbar~.page-content{padding-top:112px}}.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:56px}@media (min-width:768px){.md .navbar~* .subnavbar,.md .navbar~.subnavbar,.md .page-with-subnavbar .navbar~* .subnavbar,.md .page-with-subnavbar .navbar~.subnavbar{top:64px}}.md .color-theme-red .subnavbar,.md .color-theme-red.subnavbar{background:#f44336}.md .color-theme-green .subnavbar,.md .color-theme-green.subnavbar{background:#4caf50}.md .color-theme-blue .subnavbar,.md .color-theme-blue.subnavbar{background:#2196f3}.md .color-theme-pink .subnavbar,.md .color-theme-pink.subnavbar{background:#e91e63}.md .color-theme-yellow .subnavbar,.md .color-theme-yellow.subnavbar{background:#ffeb3b}.md .color-theme-orange .subnavbar,.md .color-theme-orange.subnavbar{background:#ff9800}.md .color-theme-gray .subnavbar,.md .color-theme-gray.subnavbar{background:#9e9e9e}.md .color-theme-white .subnavbar,.md .color-theme-white.subnavbar{background:#fff}.md .color-theme-black .subnavbar,.md .color-theme-black.subnavbar{background:#000}.md .subnavbar.color-red{background:#f44336}.md .subnavbar.color-green{background:#4caf50}.md .subnavbar.color-blue{background:#2196f3}.md .subnavbar.color-pink{background:#e91e63}.md .subnavbar.color-yellow{background:#ffeb3b}.md .subnavbar.color-orange{background:#ff9800}.md .subnavbar.color-gray{background:#9e9e9e}.md .subnavbar.color-white{background:#fff}.md .subnavbar.color-black{background:#000}@media (orientation:landscape){.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-left-edge .subnavbar-inner,.md.device-iphone-x .panel-left .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .subnavbar-inner,.md.device-iphone-x .ios-right-edge .subnavbar-inner,.md.device-iphone-x .panel-right .subnavbar-inner,.md.device-iphone-x .popup .subnavbar-inner,.md.device-iphone-x .sheet-modal .subnavbar-inner{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.block{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-title{position:relative;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1}.block-strong.inset{border-radius:7px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}.block-footer,.block-header{font-size:14px}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block-header{margin-bottom:10px}.block-footer{margin-top:10px}@media (min-width:768px){.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}.md .block{margin:32px 0;padding:0 16px}.md .block-title{color:rgba(0,0,0,.54);margin:32px 16px 16px;line-height:16px;font-weight:500}.md .block-title+.block,.md .block-title+.block-header,.md .block-title+.card,.md .block-title+.list,.md .block-title+.timeline{margin-top:0px}.md .block-strong{padding:16px}.md .block-strong:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .block-strong:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block-strong:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .block-strong:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .block-strong:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .block.inset{margin-left:16px;margin-right:16px}.md .block-strong.inset{border-radius:4px}.md .block-footer,.md .block-header{padding:0 16px;color:rgba(0,0,0,.54)}.md .block .block-footer,.md .block .block-header{padding:0}.md .block-header{margin-top:32px}.md .block-header+.block,.md .block-header+.card,.md .block-header+.list,.md .block-header+.timeline{margin-top:10px}.md .block-footer{margin-bottom:32px}.md .block .block-header,.md .card .block-header,.md .list .block-header,.md .timeline .block-header{margin-top:0}.md .block .block-footer,.md .card .block-footer,.md .list .block-footer,.md .timeline .block-footer{margin-bottom:0}.md .block+.block-footer,.md .card+.block-footer,.md .list+.block-footer,.md .timeline+.block-footer{margin-top:-22px}.md .block+.block-footer{margin-top:-22px;margin-bottom:32px}@media (min-width:768px){.md .block.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .block-strong.tablet-inset{border-radius:4px}}.md .theme-dark .block-title{color:#fff}.md .theme-dark .block-footer,.md .theme-dark .block-header{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-footer,.md.device-iphone-x .ios-left-edge .block-header,.md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-footer,.md.device-iphone-x .panel-left .block-header,.md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .block-footer,.md.device-iphone-x .ios-edges .block-header,.md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-footer,.md.device-iphone-x .ios-right-edge .block-header,.md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-footer,.md.device-iphone-x .panel-right .block-header,.md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-footer,.md.device-iphone-x .popup .block-header,.md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-footer,.md.device-iphone-x .sheet-modal .block-header,.md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:0}.md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list{position:relative;z-index:1}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:8px}.list .item-inner{position:relative;width:100%;padding-top:8px;padding-bottom:8px;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.list .item-title{min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%}.list .item-after{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto}.list .item-link,.list .list-button{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.list .item-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-title-row .item-after{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.list .item-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.list .item-cell{display:block;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.list.simple-list li:last-child:after{display:none!important}.list.links-list a{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color;display:block;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.list.links-list li:last-child a:after{display:none!important}.media-list .item-inner,li.media-item .item-inner{display:block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background:0 0}.media-list .item-media,li.media-item .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.item-link.no-chevron .item-inner,.links-list .no-chevron a,.links-list.no-chevron a,.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,.media-list.no-chevron .item-link .item-title-row,.no-chevron .item-link .item-inner,.no-chevron .links-list a,.no-chevron .media-list .item-link .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item .no-chevron .item-title-row,li.media-item.chevron-center .item-title-row,li.media-item.no-chevron .item-title-row{background-image:none!important}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{background-image:none}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{background-position:left center!important}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}.list li.list-group-title:before,li.list-group-title:before{display:none!important}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}@media (min-width:768px){.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}}.links-list.theme-dark a,.list.theme-dark .item-link .item-inner,.media-list.theme-dark .item-link .item-title-row,.theme-dark .links-list a,.theme-dark .list .item-link .item-inner,.theme-dark .media-list .item-link .item-title-row,.theme-dark li.media-item .item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.media-list.theme-dark .item-link .item-inner,.theme-dark .media-list .item-link .item-inner,.theme-dark li.media-item .item-link .item-inner{background-image:none}.md .list{margin:32px 0;font-size:16px}.md .list .item-cell{width:100%;min-width:0;margin-right:16px}.md .list .item-cell:first-child{margin-right:0}.md .list ul ul{padding-right:56px}.md .list .item-media{padding-top:8px;min-width:40px}.md .list .item-media i+i,.md .list .item-media i+img{margin-right:8px}.md .list .item-media+.item-inner{margin-right:16px}.md .list .item-inner{min-height:48px;padding-left:16px}.md .list .item-after{color:#757575;font-size:14px;padding-right:8px}.md .list .item-link,.md .list .list-button{color:inherit}.md .list .item-link .item-inner,.md .list .list-button .item-inner{padding-left:42px}.md .list .item-link.active-state,.md .list .list-button.active-state{background-color:rgba(0,0,0,.1)}.md .list .list-button{padding:0 16px;font-size:16px;line-height:48px}.md .list .item-content{min-height:48px;padding-right:16px}.md .list .item-subtitle{font-size:14px}.md .list .item-text{font-size:14px;color:#757575;line-height:20px;max-height:40px}.md .list .item-footer,.md .list .item-header{font-weight:400;font-size:12px;line-height:1.2;white-space:normal}.md .list .item-footer{color:rgba(0,0,0,.5)}.md .list .item-link.no-chevron .item-inner,.md .list .no-chevron .item-link .item-inner,.md .list.no-chevron .item-link .item-inner,.md .no-chevron .list .item-link .item-inner{padding-left:16px}.md .simple-list li:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .simple-list li:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .simple-list li:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .simple-list li{padding-left:16px;padding-right:16px;line-height:48px;height:48px}.md .simple-list li:after{width:auto;left:0;right:16px}.md .links-list a:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .links-list a:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .links-list a:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .links-list a{height:48px;color:inherit}.md .links-list a.active-state{background-color:rgba(0,0,0,.1)}.md .links-list a:after{width:auto}.md .links-list a{padding-right:16px;padding-left:42px}.md .links-list a:after{right:16px;left:0}.md .links-list .no-chevron a,.md .links-list a.no-chevron,.md .links-list.no-chevron a,.md .no-chevron .links-list a{padding-left:16px}.md .media-list .item-inner,.md li.media-item .item-inner{padding-top:14px;padding-bottom:14px}.md .media-list .item-link .item-inner,.md li.media-item .item-link .item-inner{padding-left:16px}.md .media-list .item-link .item-title-row,.md li.media-item .item-link .item-title-row{padding-left:26px}.md .media-list .item-media,.md li.media-item .item-media{padding-top:14px;padding-bottom:14px}.md .media-list .chevron-center .item-link .item-inner,.md .media-list .item-link.chevron-center .item-inner,.md .media-list.chevron-center .item-link .item-inner,.md li.media-item .chevron-center .item-link .item-inner,.md li.media-item .item-link.chevron-center .item-inner,.md li.media-item.chevron-center .item-link .item-inner{padding-left:42px}.md .media-list .chevron-center .item-title-row,.md .media-list .no-chevron .item-link .item-title-row,.md .media-list.chevron-center .item-title-row,.md .media-list.no-chevron .item-link .item-title-row,.md .no-chevron .media-list .item-link .item-title-row,.md .no-chevron li.media-item .item-link .item-title-row,.md li.media-item .chevron-center .item-title-row,.md li.media-item.chevron-center .item-title-row,.md li.media-item.no-chevron .item-link .item-title-row{padding-left:0!important}.md .links-list a,.md .list .item-link .item-inner{background-position:16px center}.md .item-divider,.md .list-group-title{padding:0 16px;background:#f4f4f4;color:rgba(0,0,0,.54);height:48px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.md .item-divider:before,.md .list-group-title:before{display:none!important}.md .item-divider:after,.md .list-group-title:after{display:none!important}.md .list-group-title{margin-top:0}.md .list .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .list ul:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list ul:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .list ul:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .list ul:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .list.inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.inset ul{border-radius:4px}.md .list.inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.inset li:first-child:last-child>a{border-radius:4px}@media (min-width:768px){.md .list.tablet-inset{margin-left:16px;margin-right:16px;border-radius:4px}.md .list.tablet-inset li:first-child>a{border-radius:4px 4px 0 0}.md .list.tablet-inset li:last-child>a{border-radius:0 0 4px 4px}.md .list.tablet-inset li:first-child:last-child>a{border-radius:4px}}.md li li:last-child .item-inner:after,.md li:last-child li .item-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .md li li:last-child .item-inner:after,html.device-pixel-ratio-2 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .md li li:last-child .item-inner:after,html.device-pixel-ratio-3 .md li:last-child li .item-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{background-position:calc(16px + constant(safe-area-inset-left)) center;background-position:calc(16px + env(safe-area-inset-left)) center}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-left));padding-left:calc(42px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row{padding-left:0}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header{padding-right:16px}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after{right:calc(16px + constant(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after,.md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after{right:calc(16px + const(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(16px + constant(safe-area-inset-left));margin-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer,.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header{padding-left:15px}}@media (orientation:landscape) and (min-width:768px){.md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(16px + constant(safe-area-inset-right));margin-right:calc(16px + env(safe-area-inset-right))}}.list.md .theme-dark ul:before,.md .theme-dark .list ul:before{background-color:rgba(255,255,255,.08)}.list.md .theme-dark ul:after,.md .theme-dark .list ul:after{background-color:rgba(255,255,255,.08)}.list.md .theme-dark li li:last-child .item-inner:after,.list.md .theme-dark li:last-child li .item-inner:after,.md .theme-dark .list li li:last-child .item-inner:after,.md .theme-dark .list li:last-child li .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-group-title:before{background-color:rgba(255,255,255,.08)}.md .theme-dark .list-button:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-inner:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-divider,.md .theme-dark .list-group-title{background-color:#111;color:#fff}.links-list.md .theme-dark a .simple-list li:after,.md .theme-dark .links-list a:after,.md .theme-dark .simple-list li:after,.simple-list.md .theme-dark li:after{background-color:rgba(255,255,255,.08)}.links-list.md .theme-dark a.active-state,.list.md .theme-dark .item-link.active-state,.list.md .theme-dark .list-button.active-state,.md .theme-dark .links-list a.active-state,.md .theme-dark .list .item-link.active-state,.md .theme-dark .list .list-button.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .item-after,.md .theme-dark .item-text{color:rgba(255,255,255,.54)}.md .color-theme-red .list-button{color:#f44336}.md .color-theme-green .list-button{color:#4caf50}.md .color-theme-blue .list-button{color:#2196f3}.md .color-theme-pink .list-button{color:#e91e63}.md .color-theme-yellow .list-button{color:#ffeb3b}.md .color-theme-orange .list-button{color:#ff9800}.md .color-theme-gray .list-button{color:#9e9e9e}.md .color-theme-white .list-button{color:#fff}.md .color-theme-black .list-button{color:#000}.md .links-list a.color-red,.md .links-list li.color-red a,.md .list .item-link.color-red,.md .list .list-button.color-red,.md .list li.color-red .item-link,.md .list li.color-red .list-button,.md .simple-list li.color-red{color:#f44336}.md .links-list a.color-green,.md .links-list li.color-green a,.md .list .item-link.color-green,.md .list .list-button.color-green,.md .list li.color-green .item-link,.md .list li.color-green .list-button,.md .simple-list li.color-green{color:#4caf50}.md .links-list a.color-blue,.md .links-list li.color-blue a,.md .list .item-link.color-blue,.md .list .list-button.color-blue,.md .list li.color-blue .item-link,.md .list li.color-blue .list-button,.md .simple-list li.color-blue{color:#2196f3}.md .links-list a.color-pink,.md .links-list li.color-pink a,.md .list .item-link.color-pink,.md .list .list-button.color-pink,.md .list li.color-pink .item-link,.md .list li.color-pink .list-button,.md .simple-list li.color-pink{color:#e91e63}.md .links-list a.color-yellow,.md .links-list li.color-yellow a,.md .list .item-link.color-yellow,.md .list .list-button.color-yellow,.md .list li.color-yellow .item-link,.md .list li.color-yellow .list-button,.md .simple-list li.color-yellow{color:#ffeb3b}.md .links-list a.color-orange,.md .links-list li.color-orange a,.md .list .item-link.color-orange,.md .list .list-button.color-orange,.md .list li.color-orange .item-link,.md .list li.color-orange .list-button,.md .simple-list li.color-orange{color:#ff9800}.md .links-list a.color-gray,.md .links-list li.color-gray a,.md .list .item-link.color-gray,.md .list .list-button.color-gray,.md .list li.color-gray .item-link,.md .list li.color-gray .list-button,.md .simple-list li.color-gray{color:#9e9e9e}.md .links-list a.color-white,.md .links-list li.color-white a,.md .list .item-link.color-white,.md .list .list-button.color-white,.md .list li.color-white .item-link,.md .list li.color-white .list-button,.md .simple-list li.color-white{color:#fff}.md .links-list a.color-black,.md .links-list li.color-black a,.md .list .item-link.color-black,.md .list .list-button.color-black,.md .list li.color-black .item-link,.md .list li.color-black .list-button,.md .simple-list li.color-black{color:#000}.badge{display:inline-block;color:#fff;background:#8e8e93;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px}.md .badge{font-size:10px;border-radius:3px;padding:1px 6px;vertical-align:middle}.md .f7-icons .badge,.md .framework7-icons .badge,.md .icon .badge,.md .material-icons .badge{line-height:1.4;padding:1px 5px;font-family:Roboto,Noto,Helvetica,Arial,sans-serif;font-size:10px}.md .badge.color-red{background-color:#f44336}.md .badge.color-green{background-color:#4caf50}.md .badge.color-blue{background-color:#2196f3}.md .badge.color-pink{background-color:#e91e63}.md .badge.color-yellow{background-color:#ffeb3b}.md .badge.color-orange{background-color:#ff9800}.md .badge.color-gray{background-color:#9e9e9e}.md .badge.color-white{background-color:#fff}.md .badge.color-black{background-color:#000}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=button].button,input[type=submit].button{width:100%}button{width:100%}.segmented{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.segmented .button,.segmented button{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.subnavbar .segmented{width:100%}.md .button{color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}.md .button.active-state{background:rgba(0,0,0,.1)}.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active{background-color:#2196f3;color:#fff}.md .button.button-active.active-state,.md .button.button-fill-md.active-state,.md .button.button-fill.active-state,.md .button.tab-link-active.active-state{background:#0c82df}.md .button.button-big,.md .button.button-big-md{height:48px;line-height:48px;border-radius:4px}.md .button.button-round,.md .button.button-round-md{border-radius:36px}.md .button.button-outline{border:2px solid #2196f3;line-height:32px}.md .button.button-outline.button-big,.md .button.button-outline.button-big-md{line-height:44px}.md .button.button-small,.md .button.button-small-md{height:28px;line-height:28px;font-size:13px;font-weight:500;letter-spacing:.03em}.md .button.button-small-md.button-outline,.md .button.button-small.button-outline{border-width:2px;line-height:24px}.md .button>i.icon+i.icon,.md .button>i.icon+span,.md .button>span:not(.ripple-wave)+i.icon,.md .button>span:not(.ripple-wave)+span{margin-right:8px}.md .button.button-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .button.button-raised.active-state{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .navbar .button:not(.button-fill):not(.button-fill-md),.md .subnavbar .button:not(.button-fill):not(.button-fill-md),.md .toolbar .button:not(.button-fill):not(.button-fill-md){color:#fff}.md .navbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state,.md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .toast .button:not(.button-fill):not(.button-fill-md).active-state{background:rgba(255,255,255,.15)}.md .segmented{border-radius:4px}.md .segmented.segmented-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .segmented.segmented-round{border-radius:36px}.md .segmented .button{border-radius:0;min-width:0;border-right:1px solid rgba(0,0,0,.1)}.md .segmented .button:first-child{border-radius:0 4px 4px 0;border-right:none}.md .segmented .button.button-outline{border:2px solid #2196f3}.md .segmented .button.button-outline:nth-child(n+2){border-right:none}.md .segmented .button:last-child{border-radius:4px 0 0 4px}.md .segmented .button:first-child:last-child{border-radius:4px}.md .segmented .button.button-round:first-child{border-radius:0 36px 36px 0}.md .segmented .button.button-round:last-child{border-radius:36px 0 0 36px}.md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state{background-color:rgba(255,255,255,.1)}.md .color-red .button,.md .color-theme-red .button{color:#f44336}.md .color-red .button.button-active,.md .color-red .button.button-fill,.md .color-red .button.button-fill-md,.md .color-red .button.tab-link-active,.md .color-theme-red .button.button-active,.md .color-theme-red .button.button-fill,.md .color-theme-red .button.button-fill-md,.md .color-theme-red .button.tab-link-active{background-color:#f44336;color:#fff}.md .color-red .button.button-active.active-state,.md .color-red .button.button-fill-md.active-state,.md .color-red .button.button-fill.active-state,.md .color-red .button.tab-link-active.active-state,.md .color-theme-red .button.button-active.active-state,.md .color-theme-red .button.button-fill-md.active-state,.md .color-theme-red .button.button-fill.active-state,.md .color-theme-red .button.tab-link-active.active-state{background:#f21f0f}.md .color-red .button.button-outline,.md .color-theme-red .button.button-outline{border-color:#f44336}.md .color-green .button,.md .color-theme-green .button{color:#4caf50}.md .color-green .button.button-active,.md .color-green .button.button-fill,.md .color-green .button.button-fill-md,.md .color-green .button.tab-link-active,.md .color-theme-green .button.button-active,.md .color-theme-green .button.button-fill,.md .color-theme-green .button.button-fill-md,.md .color-theme-green .button.tab-link-active{background-color:#4caf50;color:#fff}.md .color-green .button.button-active.active-state,.md .color-green .button.button-fill-md.active-state,.md .color-green .button.button-fill.active-state,.md .color-green .button.tab-link-active.active-state,.md .color-theme-green .button.button-active.active-state,.md .color-theme-green .button.button-fill-md.active-state,.md .color-theme-green .button.button-fill.active-state,.md .color-theme-green .button.tab-link-active.active-state{background:#409343}.md .color-green .button.button-outline,.md .color-theme-green .button.button-outline{border-color:#4caf50}.md .color-blue .button,.md .color-theme-blue .button{color:#2196f3}.md .color-blue .button.button-active,.md .color-blue .button.button-fill,.md .color-blue .button.button-fill-md,.md .color-blue .button.tab-link-active,.md .color-theme-blue .button.button-active,.md .color-theme-blue .button.button-fill,.md .color-theme-blue .button.button-fill-md,.md .color-theme-blue .button.tab-link-active{background-color:#2196f3;color:#fff}.md .color-blue .button.button-active.active-state,.md .color-blue .button.button-fill-md.active-state,.md .color-blue .button.button-fill.active-state,.md .color-blue .button.tab-link-active.active-state,.md .color-theme-blue .button.button-active.active-state,.md .color-theme-blue .button.button-fill-md.active-state,.md .color-theme-blue .button.button-fill.active-state,.md .color-theme-blue .button.tab-link-active.active-state{background:#0c82df}.md .color-blue .button.button-outline,.md .color-theme-blue .button.button-outline{border-color:#2196f3}.md .color-pink .button,.md .color-theme-pink .button{color:#e91e63}.md .color-pink .button.button-active,.md .color-pink .button.button-fill,.md .color-pink .button.button-fill-md,.md .color-pink .button.tab-link-active,.md .color-theme-pink .button.button-active,.md .color-theme-pink .button.button-fill,.md .color-theme-pink .button.button-fill-md,.md .color-theme-pink .button.tab-link-active{background-color:#e91e63;color:#fff}.md .color-pink .button.button-active.active-state,.md .color-pink .button.button-fill-md.active-state,.md .color-pink .button.button-fill.active-state,.md .color-pink .button.tab-link-active.active-state,.md .color-theme-pink .button.button-active.active-state,.md .color-theme-pink .button.button-fill-md.active-state,.md .color-theme-pink .button.button-fill.active-state,.md .color-theme-pink .button.tab-link-active.active-state{background:#ca1452}.md .color-pink .button.button-outline,.md .color-theme-pink .button.button-outline{border-color:#e91e63}.md .color-theme-yellow .button,.md .color-yellow .button{color:#ffeb3b}.md .color-theme-yellow .button.button-active,.md .color-theme-yellow .button.button-fill,.md .color-theme-yellow .button.button-fill-md,.md .color-theme-yellow .button.tab-link-active,.md .color-yellow .button.button-active,.md .color-yellow .button.button-fill,.md .color-yellow .button.button-fill-md,.md .color-yellow .button.tab-link-active{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .button.button-active.active-state,.md .color-theme-yellow .button.button-fill-md.active-state,.md .color-theme-yellow .button.button-fill.active-state,.md .color-theme-yellow .button.tab-link-active.active-state,.md .color-yellow .button.button-active.active-state,.md .color-yellow .button.button-fill-md.active-state,.md .color-yellow .button.button-fill.active-state,.md .color-yellow .button.tab-link-active.active-state{background:#ffe712}.md .color-theme-yellow .button.button-outline,.md .color-yellow .button.button-outline{border-color:#ffeb3b}.md .color-orange .button,.md .color-theme-orange .button{color:#ff9800}.md .color-orange .button.button-active,.md .color-orange .button.button-fill,.md .color-orange .button.button-fill-md,.md .color-orange .button.tab-link-active,.md .color-theme-orange .button.button-active,.md .color-theme-orange .button.button-fill,.md .color-theme-orange .button.button-fill-md,.md .color-theme-orange .button.tab-link-active{background-color:#ff9800;color:#fff}.md .color-orange .button.button-active.active-state,.md .color-orange .button.button-fill-md.active-state,.md .color-orange .button.button-fill.active-state,.md .color-orange .button.tab-link-active.active-state,.md .color-theme-orange .button.button-active.active-state,.md .color-theme-orange .button.button-fill-md.active-state,.md .color-theme-orange .button.button-fill.active-state,.md .color-theme-orange .button.tab-link-active.active-state{background:#d68000}.md .color-orange .button.button-outline,.md .color-theme-orange .button.button-outline{border-color:#ff9800}.md .color-gray .button,.md .color-theme-gray .button{color:#9e9e9e}.md .color-gray .button.button-active,.md .color-gray .button.button-fill,.md .color-gray .button.button-fill-md,.md .color-gray .button.tab-link-active,.md .color-theme-gray .button.button-active,.md .color-theme-gray .button.button-fill,.md .color-theme-gray .button.button-fill-md,.md .color-theme-gray .button.tab-link-active{background-color:#9e9e9e;color:#fff}.md .color-gray .button.button-active.active-state,.md .color-gray .button.button-fill-md.active-state,.md .color-gray .button.button-fill.active-state,.md .color-gray .button.tab-link-active.active-state,.md .color-theme-gray .button.button-active.active-state,.md .color-theme-gray .button.button-fill-md.active-state,.md .color-theme-gray .button.button-fill.active-state,.md .color-theme-gray .button.tab-link-active.active-state{background:#8a8a8a}.md .color-gray .button.button-outline,.md .color-theme-gray .button.button-outline{border-color:#9e9e9e}.md .color-theme-white .button,.md .color-white .button{color:#fff}.md .color-theme-white .button.button-active,.md .color-theme-white .button.button-fill,.md .color-theme-white .button.button-fill-md,.md .color-theme-white .button.tab-link-active,.md .color-white .button.button-active,.md .color-white .button.button-fill,.md .color-white .button.button-fill-md,.md .color-white .button.tab-link-active{background-color:#fff;color:#fff}.md .color-theme-white .button.button-active.active-state,.md .color-theme-white .button.button-fill-md.active-state,.md .color-theme-white .button.button-fill.active-state,.md .color-theme-white .button.tab-link-active.active-state,.md .color-white .button.button-active.active-state,.md .color-white .button.button-fill-md.active-state,.md .color-white .button.button-fill.active-state,.md .color-white .button.tab-link-active.active-state{background:#ebebeb}.md .color-theme-white .button.button-outline,.md .color-white .button.button-outline{border-color:#fff}.md .color-black .button,.md .color-theme-black .button{color:#000}.md .color-black .button.button-active,.md .color-black .button.button-fill,.md .color-black .button.button-fill-md,.md .color-black .button.tab-link-active,.md .color-theme-black .button.button-active,.md .color-theme-black .button.button-fill,.md .color-theme-black .button.button-fill-md,.md .color-theme-black .button.tab-link-active{background-color:#000;color:#fff}.md .color-black .button.button-active.active-state,.md .color-black .button.button-fill-md.active-state,.md .color-black .button.button-fill.active-state,.md .color-black .button.tab-link-active.active-state,.md .color-theme-black .button.button-active.active-state,.md .color-theme-black .button.button-fill-md.active-state,.md .color-theme-black .button.button-fill.active-state,.md .color-theme-black .button.tab-link-active.active-state{background:#000}.md .color-black .button.button-outline,.md .color-theme-black .button.button-outline{border-color:#000}.md .button.color-red{color:#f44336}.md .button.color-red.button-active,.md .button.color-red.button-fill,.md .button.color-red.button-fill-md,.md .button.color-red.tab-link-active{background-color:#f44336;color:#fff}.md .button.color-red.button-active.active-state,.md .button.color-red.button-fill-md.active-state,.md .button.color-red.button-fill.active-state,.md .button.color-red.tab-link-active.active-state{background:#f21f0f}.md .button.color-red.button-outline{border-color:#f44336}.md .button.color-green{color:#4caf50}.md .button.color-green.button-active,.md .button.color-green.button-fill,.md .button.color-green.button-fill-md,.md .button.color-green.tab-link-active{background-color:#4caf50;color:#fff}.md .button.color-green.button-active.active-state,.md .button.color-green.button-fill-md.active-state,.md .button.color-green.button-fill.active-state,.md .button.color-green.tab-link-active.active-state{background:#409343}.md .button.color-green.button-outline{border-color:#4caf50}.md .button.color-blue{color:#2196f3}.md .button.color-blue.button-active,.md .button.color-blue.button-fill,.md .button.color-blue.button-fill-md,.md .button.color-blue.tab-link-active{background-color:#2196f3;color:#fff}.md .button.color-blue.button-active.active-state,.md .button.color-blue.button-fill-md.active-state,.md .button.color-blue.button-fill.active-state,.md .button.color-blue.tab-link-active.active-state{background:#0c82df}.md .button.color-blue.button-outline{border-color:#2196f3}.md .button.color-pink{color:#e91e63}.md .button.color-pink.button-active,.md .button.color-pink.button-fill,.md .button.color-pink.button-fill-md,.md .button.color-pink.tab-link-active{background-color:#e91e63;color:#fff}.md .button.color-pink.button-active.active-state,.md .button.color-pink.button-fill-md.active-state,.md .button.color-pink.button-fill.active-state,.md .button.color-pink.tab-link-active.active-state{background:#ca1452}.md .button.color-pink.button-outline{border-color:#e91e63}.md .button.color-yellow{color:#ffeb3b}.md .button.color-yellow.button-active,.md .button.color-yellow.button-fill,.md .button.color-yellow.button-fill-md,.md .button.color-yellow.tab-link-active{background-color:#ffeb3b;color:#fff}.md .button.color-yellow.button-active.active-state,.md .button.color-yellow.button-fill-md.active-state,.md .button.color-yellow.button-fill.active-state,.md .button.color-yellow.tab-link-active.active-state{background:#ffe712}.md .button.color-yellow.button-outline{border-color:#ffeb3b}.md .button.color-orange{color:#ff9800}.md .button.color-orange.button-active,.md .button.color-orange.button-fill,.md .button.color-orange.button-fill-md,.md .button.color-orange.tab-link-active{background-color:#ff9800;color:#fff}.md .button.color-orange.button-active.active-state,.md .button.color-orange.button-fill-md.active-state,.md .button.color-orange.button-fill.active-state,.md .button.color-orange.tab-link-active.active-state{background:#d68000}.md .button.color-orange.button-outline{border-color:#ff9800}.md .button.color-gray{color:#9e9e9e}.md .button.color-gray.button-active,.md .button.color-gray.button-fill,.md .button.color-gray.button-fill-md,.md .button.color-gray.tab-link-active{background-color:#9e9e9e;color:#fff}.md .button.color-gray.button-active.active-state,.md .button.color-gray.button-fill-md.active-state,.md .button.color-gray.button-fill.active-state,.md .button.color-gray.tab-link-active.active-state{background:#8a8a8a}.md .button.color-gray.button-outline{border-color:#9e9e9e}.md .button.color-white{color:#fff}.md .button.color-white.button-active,.md .button.color-white.button-fill,.md .button.color-white.button-fill-md,.md .button.color-white.tab-link-active{background-color:#fff;color:#fff}.md .button.color-white.button-active.active-state,.md .button.color-white.button-fill-md.active-state,.md .button.color-white.button-fill.active-state,.md .button.color-white.tab-link-active.active-state{background:#ebebeb}.md .button.color-white.button-outline{border-color:#fff}.md .button.color-black{color:#000}.md .button.color-black.button-active,.md .button.color-black.button-fill,.md .button.color-black.button-fill-md,.md .button.color-black.tab-link-active{background-color:#000;color:#fff}.md .button.color-black.button-active.active-state,.md .button.color-black.button-fill-md.active-state,.md .button.color-black.button-fill.active-state,.md .button.color-black.tab-link-active.active-state{background:#000}.md .button.color-black.button-outline{border-color:#000}.md .actions-button,.md .button,.md .checkbox,.md .dialog-button,.md .fab a,.md .radio,.md .ripple,.md .speed-dial-buttons a,.md .tab-link,.md a.item-link,.md a.link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md .ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;background:rgba(0,0,0,.1);padding:0;margin:0;font-size:0;-webkit-transform:translate3d(0px,0px,0) scale(0);transform:translate3d(0px,0px,0) scale(0);-webkit-transition-duration:1.4s;transition-duration:1.4s}.md .ripple-wave.ripple-wave-fill{-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.35}.md .ripple-wave.ripple-wave-out{-webkit-transition-duration:.6s;transition-duration:.6s;opacity:0}.button-fill .md .ripple-wave,.picker-calendar-day .md .ripple-wave{z-index:1}.md .button-active .ripple-wave,.md .button-fill .ripple-wave,.md .fab a .ripple-wave,.md .navbar .ripple-wave,.md .stepper-fill .ripple-wave,.md .subnavbar .ripple-wave,.md .toast .ripple-wave,.md .toolbar .ripple-wave{background:rgba(255,255,255,.3)}.md .messagebar .ripple-wave,.md .searchbar .ripple-wave{background:rgba(0,0,0,.1)}.md .data-table .sortable-cell .ripple-wave{z-index:0}.md .checkbox .ripple-wave,.md .radio .ripple-wave{background:rgba(33,150,243,.5);z-index:0}.calendar.md .theme-dark .ripple-wave,.md .theme-dark .calendar .ripple-wave,.md .theme-dark .messagebar .ripple-wave,.md .theme-dark .page-content .ripple-wave,.md .theme-dark .popover .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-color-red .ripple-wave,.md .ripple-red .ripple-wave{background-color:rgba(244,67,54,.3)}.md .ripple-color-green .ripple-wave,.md .ripple-green .ripple-wave{background-color:rgba(76,175,80,.3)}.md .ripple-blue .ripple-wave,.md .ripple-color-blue .ripple-wave{background-color:rgba(33,150,243,.3)}.md .ripple-color-pink .ripple-wave,.md .ripple-pink .ripple-wave{background-color:rgba(233,30,99,.3)}.md .ripple-color-yellow .ripple-wave,.md .ripple-yellow .ripple-wave{background-color:rgba(255,235,59,.3)}.md .ripple-color-orange .ripple-wave,.md .ripple-orange .ripple-wave{background-color:rgba(255,152,0,.3)}.md .ripple-color-gray .ripple-wave,.md .ripple-gray .ripple-wave{background-color:rgba(158,158,158,.3)}.md .ripple-color-white .ripple-wave,.md .ripple-white .ripple-wave{background-color:rgba(255,255,255,.3)}.md .ripple-black .ripple-wave,.md .ripple-color-black .ripple-wave{background-color:rgba(0,0,0,.3)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.md .icon-back{width:24px;height:24px}.md .icon-forward{width:24px;height:24px}.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-red,.md a.link .color-red .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-red,.md a.link .color-red .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-red,.md a.link .color-red .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-red,.md a.link .color-red .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-green,.md a.link .color-green .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-green,.md a.link .color-green .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-green,.md a.link .color-green .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-green,.md a.link .color-green .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-blue,.md a.link .color-blue .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-blue,.md a.link .color-blue .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-blue,.md a.link .color-blue .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-blue,.md a.link .color-blue .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-pink,.md a.link .color-pink .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-pink,.md a.link .color-pink .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-pink,.md a.link .color-pink .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-pink,.md a.link .color-pink .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-yellow,.md a.link .color-yellow .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-yellow,.md a.link .color-yellow .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-yellow,.md a.link .color-yellow .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-yellow,.md a.link .color-yellow .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-orange,.md a.link .color-orange .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-orange,.md a.link .color-orange .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-orange,.md a.link .color-orange .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-orange,.md a.link .color-orange .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-gray,.md a.link .color-gray .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-gray,.md a.link .color-gray .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-gray,.md a.link .color-gray .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-gray,.md a.link .color-gray .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-white,.md a.link .color-white .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-white,.md a.link .color-white .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-white,.md a.link .color-white .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-white,.md a.link .color-white .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-forward.color-black,.md a.link .color-black .icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-back.color-black,.md a.link .color-black .icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.md .icon-prev.color-black,.md a.link .color-black .icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon-next.color-black,.md a.link .color-black .icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .icon.color-red{color:#f44336}.md .icon.color-green{color:#4caf50}.md .icon.color-blue{color:#2196f3}.md .icon.color-pink{color:#e91e63}.md .icon.color-yellow{color:#ffeb3b}.md .icon.color-orange{color:#ff9800}.md .icon.color-gray{color:#9e9e9e}.md .icon.color-white{color:#fff}.md .icon.color-black{color:#000}.custom-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.custom-modal-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.custom-modal-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-backdrop.backdrop-in{visibility:visible;opacity:1}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;display:none;-webkit-transition-duration:.4s;transition-duration:.4s}.dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.dialog-inner{position:relative}.dialog-title{font-weight:500}.dialog-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}.dialog-input-field .item-input-wrap{margin:0;padding:0}.dialog-input{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;-webkit-box-shadow:none;box-shadow:none}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.md .dialog{width:280px;margin-left:-140px;border-radius:4px;color:#757575;background:#fff;font-size:16px;-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}.md .dialog.modal-in{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.md .dialog.modal-out{opacity:0;z-index:13499;-webkit-transform:translate3d(0,0,0) scale(.815);transform:translate3d(0,0,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title{font-size:20px;color:#212121;line-height:1.3}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-buttons .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);letter-spacing:.03em;font-weight:500}input[type=button].md .dialog-button,input[type=submit].md .dialog-button{width:100%}.md .dialog-button.active-state{background:rgba(0,0,0,.1)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-input{height:36px;padding:0;border:none;font-size:16px;-webkit-transition-duration:.2s;transition-duration:.2s;position:relative}.md .dialog-input::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .dialog-input::placeholder{color:rgba(0,0,0,.35)}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.md .dialog-button.color-red{color:#f44336}.md .dialog-button.color-green{color:#4caf50}.md .dialog-button.color-blue{color:#2196f3}.md .dialog-button.color-pink{color:#e91e63}.md .dialog-button.color-yellow{color:#ffeb3b}.md .dialog-button.color-orange{color:#ff9800}.md .dialog-button.color-gray{color:#9e9e9e}.md .dialog-button.color-white{color:#fff}.md .dialog-button.color-black{color:#000}.popup-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.popup-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup-backdrop.backdrop-in{visibility:visible;opacity:1}.popup{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.popup.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){html.with-statusbar .popup-backdrop{z-index:9500}html.with-statusbar.device-ios .popup,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup{height:calc(100% - 24px);top:24px}}@media (min-width:630px),(min-height:630px){html.with-statusbar.device-ios .popup-tablet-fullscreen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup-tablet-fullscreen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup-tablet-fullscreen,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 24px);top:24px}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}@media (min-width:630px) and (min-height:630px){.md .popup:not(.popup-tablet-fullscreen){-webkit-box-shadow:0px 20px 44px rgba(0,0,0,.5);box-shadow:0px 20px 44px rgba(0,0,0,.5)}}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.login-screen.modal-in,.login-screen.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.login-screen.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.with-statusbar.device-ios .login-screen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .login-screen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .login-screen,html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 24px);top:24px}.login-screen-content{background:#fff}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:480px}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:center}.md .login-screen-content .block,.md .login-screen-content .list,.md .login-screen-content .login-screen-title{margin:24px auto}.md .login-screen-content .list-button{text-align:center;color:#2196f3}.md .login-screen-title{font-size:34px}.login-screen-content.md .theme-dark,.md .theme-dark .login-screen-content{background:0 0}.md .color-theme-red .login-screen-content .list-button{color:#f44336}.md .color-theme-green .login-screen-content .list-button{color:#4caf50}.md .color-theme-blue .login-screen-content .list-button{color:#2196f3}.md .color-theme-pink .login-screen-content .list-button{color:#e91e63}.md .color-theme-yellow .login-screen-content .list-button{color:#ffeb3b}.md .color-theme-orange .login-screen-content .list-button{color:#ff9800}.md .color-theme-gray .login-screen-content .list-button{color:#9e9e9e}.md .color-theme-white .login-screen-content .list-button{color:#fff}.md .color-theme-black .login-screen-content .list-button{color:#000}.md .login-screen-content .list-button.color-red{color:#f44336}.md .login-screen-content .list-button.color-green{color:#4caf50}.md .login-screen-content .list-button.color-blue{color:#2196f3}.md .login-screen-content .list-button.color-pink{color:#e91e63}.md .login-screen-content .list-button.color-yellow{color:#ffeb3b}.md .login-screen-content .list-button.color-orange{color:#ff9800}.md .login-screen-content .list-button.color-gray{color:#9e9e9e}.md .login-screen-content .list-button.color-white{color:#fff}.md .login-screen-content .list-button.color-black{color:#000}.popover-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.popover-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-backdrop.backdrop-in{visibility:visible;opacity:1}.popover{width:260px;z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;-webkit-transition-duration:.3s;transition-duration:.3s}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover.modal-in{opacity:1}.popover.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative}.popover-from-actions-label:last-child:after{display:none!important}.md .popover{background:#fff;border-radius:4px;-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);-webkit-transform:scale(.85,.6);transform:scale(.85,.6);-webkit-transition-property:opacity,border-radius,-webkit-transform;transition-property:opacity,border-radius,-webkit-transform;transition-property:opacity,transform,border-radius;transition-property:opacity,transform,border-radius,-webkit-transform}.md .popover.modal-in{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.md .popover.modal-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.md .popover .list:first-child ul{border-radius:3px 3px 0 0}.md .popover .list:first-child li:first-child,.md .popover .list:first-child li:first-child a,.md .popover .list:first-child li:first-child>label{border-radius:3px 3px 0 0}.md .popover .list:last-child ul{border-radius:0 0 3px 3px}.md .popover .list:last-child li:last-child,.md .popover .list:last-child li:last-child a,.md .popover .list:last-child li:last-child>label{border-radius:0 0 3px 3px}.md .popover .list:first-child:last-child li:first-child:last-child,.md .popover .list:first-child:last-child li:first-child:last-child a,.md .popover .list:first-child:last-child li:first-child:last-child>label,.md .popover .list:first-child:last-child ul{border-radius:13px}.md .popover .list+.list{margin-top:35px}.md .popover-on-top{-webkit-transform-origin:center bottom;transform-origin:center bottom}.md .popover-on-bottom{-webkit-transform-origin:center top;transform-origin:center top}.md .popover-from-actions .list{margin:0}.md .popover-from-actions .item-link i.icon{width:24px;height:24px;font-size:24px}.md .popover-from-actions-label{padding:8px 16px;color:rgba(0,0,0,.54);padding-top:12px;padding-bottom:12px}.md .popover-from-actions-label:after{content:'';position:absolute;background-color:#d2d2d6;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .popover-from-actions-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .popover-from-actions-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .theme-dark .popover{background-color:#202020}.md .theme-dark .popover-from-actions-label{color:rgba(255,255,255,.54)}.md .theme-dark .popover-from-actions-label:after{background-color:rgba(255,255,255,.08)}.actions-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.actions-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-backdrop.backdrop-in{visibility:visible;opacity:1}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.actions-modal.modal-in,.actions-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.actions-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.actions-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal.modal-out{z-index:13499;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}.actions-group{position:relative}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:500}.actions-button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.actions-button-media{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-button-text{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.actions-label{line-height:1.3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.actions-grid .actions-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.actions-grid .actions-button{width:33.33333333%;display:block}.actions-grid .actions-button-media{margin-left:auto;margin-right:auto}.actions-grid .actions-button-text{margin-left:0!important;text-align:center}.md .actions-modal{background:#fff}.md .actions-group:last-child:after{display:none!important}.md .actions-group:after{content:'';position:absolute;background-color:#d2d2d6;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .actions-group:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .actions-group:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .actions-button,.md .actions-label{padding:0 16px}.md .actions-button{line-height:48px;font-size:16px;color:rgba(0,0,0,.87);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.md .actions-button,.md .actions-button a{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md .actions-button a.active-state,.md .actions-button.active-state{background:rgba(0,0,0,.1)}.md .actions-button-media{min-width:40px}.md .actions-button-media i.icon{width:24px;height:24px;font-size:24px}.md .actions-button-media+.actions-button-text{margin-left:16px}.md .actions-label{font-size:16px;color:rgba(0,0,0,.54);padding-top:12px;padding-bottom:12px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.md .actions-grid{padding:0}.md .actions-grid .actions-button-media{width:48px;height:48px}.md .actions-grid .actions-button-media i.icon{width:48px;height:48px;font-size:48px}.md .actions-grid .actions-button{padding:16px;line-height:1}.md .actions-grid .actions-button-text{margin-top:8px;line-height:16px;height:16px;font-size:12px;color:#757575}.md .actions-button.color-red,.md .actions-button.color-red .actions-button-text,.md .actions-label.color-red{color:#f44336}.md .actions-button.color-green,.md .actions-button.color-green .actions-button-text,.md .actions-label.color-green{color:#4caf50}.md .actions-button.color-blue,.md .actions-button.color-blue .actions-button-text,.md .actions-label.color-blue{color:#2196f3}.md .actions-button.color-pink,.md .actions-button.color-pink .actions-button-text,.md .actions-label.color-pink{color:#e91e63}.md .actions-button.color-yellow,.md .actions-button.color-yellow .actions-button-text,.md .actions-label.color-yellow{color:#ffeb3b}.md .actions-button.color-orange,.md .actions-button.color-orange .actions-button-text,.md .actions-label.color-orange{color:#ff9800}.md .actions-button.color-gray,.md .actions-button.color-gray .actions-button-text,.md .actions-label.color-gray{color:#9e9e9e}.md .actions-button.color-white,.md .actions-button.color-white .actions-button-text,.md .actions-label.color-white{color:#fff}.md .actions-button.color-black,.md .actions-button.color-black .actions-button-text,.md .actions-label.color-black{color:#000}.md.device-iphone-x .actions-modal.modal-in{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:11000}.sheet-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:260px;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:12500}.sheet-modal.modal-in,.sheet-modal.modal-out{-webkit-transition-duration:.3s;transition-duration:.3s}.sheet-modal.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.sheet-modal.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sheet-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.md .sheet-modal{background:#fff}.md .sheet-modal .toolbar{top:0}.md .sheet-modal .toolbar:after{display:none}.md .sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - 48px)}.md .sheet-modal .toolbar a.link:not(.tab-link){-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .sheet-modal .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.sheet-modal-inner .page-content{padding-top:0}.md.device-iphone-x .sheet-modal .sheet-modal-inner>.page-content,.md.device-iphone-x .sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.md .theme-dark .sheet-modal{background-color:#202020}.toast{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;position:absolute;max-width:568px;z-index:20000;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.toast.modal-in{opacity:1}.toast .toast-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.toast .toast-text{line-height:20px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.toast .toast-button{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons{font-size:50px;width:50px;height:50px}.toast.toast-with-icon .toast-icon .material-icons{font-size:48px;width:48px;height:48px}.toast.toast-center{top:50%;opacity:0}@media (min-width:1024px){.toast{opacity:0}}html.with-statusbar.device-ios .toast-top,html.with-statusbar.ios:not(.device-ios):not(.device-android) .toast-top{margin-top:20px}html.with-statusbar.device-iphone-x .toast-top{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}html.with-statusbar.device-android .toast-top,html.with-statusbar.md:not(.device-ios):not(.device-android) .toast-top{margin-top:24px}.md .toast{-webkit-transition-duration:.2s;transition-duration:.2s;border-radius:4px;background:#323232;opacity:0;left:8px;width:calc(100% - 16px);-webkit-transform:scale(.9);transform:scale(.9)}.md .toast.modal-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.md .toast.modal-out{-webkit-transform:scale(1);transform:scale(1);opacity:0}.md .toast.toast-center{left:50%;width:auto;background:rgba(0,0,0,.75);-webkit-transform:scale(.9) translate3d(-55%,-55%,0);transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{-webkit-transform:scale(1) translate3d(-50%,-50%,0);transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{-webkit-transform:scale(1) translate3d(-50%,-50%,0);transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:8px}.md .toast.toast-top{top:8px}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:24px}.md .toast.toast-top{top:24px}}.md .toast-content{padding:14px 24px}.md .toast-button{margin-top:-8px;margin-bottom:-8px;margin-right:16px;margin-left:-8px}@media (max-width:568px){.md.device-iphone-x .toast-bottom .toast-content{padding-bottom:calc(14px + constant(safe-area-inset-bottom));padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (min-width:1024px){.md.device-iphone-x .toast-bottom.modal-in{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}}.preloader{display:inline-block;vertical-align:middle}.preloader-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;-webkit-transition-duration:.4s;transition-duration:.4s;visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.preloader-backdrop.backdrop-in{visibility:visible;opacity:1}.preloader-modal{position:absolute;left:50%;top:50%;padding:8px;background:rgba(0,0,0,.8);z-index:14500;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.preloader-modal .preloader{display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.md .preloader{font-size:0;display:inline-block;width:32px;height:32px;-webkit-animation:md-preloader-outer 3.3s linear infinite;animation:md-preloader-outer 3.3s linear infinite}@-webkit-keyframes md-preloader-outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes md-preloader-outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;-webkit-animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:4px solid #757575}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #757575;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1.3125s;animation-duration:1.3125s;-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;-webkit-animation-name:md-preloader-left-rotate;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;-webkit-animation-name:md-preloader-right-rotate;animation-name:md-preloader-right-rotate}.md .preloader-modal{border-radius:4px}.md .preloader.color-red .preloader-inner-gap,.md .preloader.color-red .preloader-inner-half-circle,.md .preloader.preloader-red .preloader-inner-gap,.md .preloader.preloader-red .preloader-inner-half-circle{border-color:#f44336}.md .preloader.color-green .preloader-inner-gap,.md .preloader.color-green .preloader-inner-half-circle,.md .preloader.preloader-green .preloader-inner-gap,.md .preloader.preloader-green .preloader-inner-half-circle{border-color:#4caf50}.md .preloader.color-blue .preloader-inner-gap,.md .preloader.color-blue .preloader-inner-half-circle,.md .preloader.preloader-blue .preloader-inner-gap,.md .preloader.preloader-blue .preloader-inner-half-circle{border-color:#2196f3}.md .preloader.color-pink .preloader-inner-gap,.md .preloader.color-pink .preloader-inner-half-circle,.md .preloader.preloader-pink .preloader-inner-gap,.md .preloader.preloader-pink .preloader-inner-half-circle{border-color:#e91e63}.md .preloader.color-yellow .preloader-inner-gap,.md .preloader.color-yellow .preloader-inner-half-circle,.md .preloader.preloader-yellow .preloader-inner-gap,.md .preloader.preloader-yellow .preloader-inner-half-circle{border-color:#ffeb3b}.md .preloader.color-orange .preloader-inner-gap,.md .preloader.color-orange .preloader-inner-half-circle,.md .preloader.preloader-orange .preloader-inner-gap,.md .preloader.preloader-orange .preloader-inner-half-circle{border-color:#ff9800}.md .preloader.color-gray .preloader-inner-gap,.md .preloader.color-gray .preloader-inner-half-circle,.md .preloader.preloader-gray .preloader-inner-gap,.md .preloader.preloader-gray .preloader-inner-half-circle{border-color:#9e9e9e}.md .preloader.color-white .preloader-inner-gap,.md .preloader.color-white .preloader-inner-half-circle,.md .preloader.preloader-white .preloader-inner-gap,.md .preloader.preloader-white .preloader-inner-half-circle{border-color:#fff}.md .preloader.color-black .preloader-inner-gap,.md .preloader.color-black .preloader-inner-half-circle,.md .preloader.preloader-black .preloader-inner-gap,.md .preloader.preloader-black .preloader-inner-half-circle{border-color:#000}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{-webkit-animation-name:md-preloader-left-rotate-multicolor;animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{-webkit-animation-name:md-preloader-right-rotate-multicolor;animation-name:md-preloader-right-rotate-multicolor}@-webkit-keyframes md-preloader-left-rotate{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes md-preloader-left-rotate{0%,100%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes md-preloader-right-rotate{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes md-preloader-right-rotate{0%,100%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes md-preloader-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes md-preloader-inner-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;-webkit-transform:rotate(130deg);transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;-webkit-transform:rotate(130deg);transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@-webkit-keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;-webkit-transform-origin:center top!important;transform-origin:center top!important}.with-statusbar.device-ios .framework7-root>.progressbar,.with-statusbar.device-ios .framework7-root>.progressbar-infinite,.with-statusbar.device-ios body>.progressbar,.with-statusbar.device-ios body>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.ios:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:20px}.with-statusbar.device-android .framework7-root>.progressbar,.with-statusbar.device-android .framework7-root>.progressbar-infinite,.with-statusbar.device-android body>.progressbar,.with-statusbar.device-android body>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root>.progressbar-infinite,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar,.with-statusbar.md:not(.device-ios):not(.device-android) body>.progressbar-infinite{top:24px}.with-statusbar.device-iphone-x .framework7-root>.progressbar,.with-statusbar.device-iphone-x .framework7-root>.progressbar-infinite,.with-statusbar.device-iphone-x body>.progressbar,.with-statusbar.device-iphone-x body>.progressbar-infinite{top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}.progressbar{vertical-align:middle}.progressbar span{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-duration:150ms;transition-duration:150ms}.progressbar-infinite:after,.progressbar-infinite:before{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{-webkit-animation:progressbar-in 150ms forwards;animation:progressbar-in 150ms forwards}.progressbar-out{-webkit-animation:progressbar-out 150ms forwards;animation:progressbar-out 150ms forwards}@-webkit-keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.md .progressbar,.md .progressbar-infinite{height:4px;background:rgba(33,150,243,.5);-webkit-transform-origin:center bottom;transform-origin:center bottom}.md .progressbar span{background:#2196f3}.md .progressbar-infinite{z-index:15000}.md .progressbar-infinite:after,.md .progressbar-infinite:before{content:'';background:#2196f3}.md .progressbar-infinite:before{-webkit-animation:md-progressbar-infinite-1 2s linear infinite;animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{-webkit-animation:md-progressbar-infinite-2 2s linear infinite;animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;-webkit-animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;-webkit-animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.md .color-theme-red .progressbar,.md .color-theme-red .progressbar-infinite{background:rgba(244,67,54,.5)}.md .color-theme-red .progressbar span{background:#f44336}.md .color-theme-red .progressbar-infinite:after,.md .color-theme-red .progressbar-infinite:before{background:#f44336}.md .color-theme-green .progressbar,.md .color-theme-green .progressbar-infinite{background:rgba(76,175,80,.5)}.md .color-theme-green .progressbar span{background:#4caf50}.md .color-theme-green .progressbar-infinite:after,.md .color-theme-green .progressbar-infinite:before{background:#4caf50}.md .color-theme-blue .progressbar,.md .color-theme-blue .progressbar-infinite{background:rgba(33,150,243,.5)}.md .color-theme-blue .progressbar span{background:#2196f3}.md .color-theme-blue .progressbar-infinite:after,.md .color-theme-blue .progressbar-infinite:before{background:#2196f3}.md .color-theme-pink .progressbar,.md .color-theme-pink .progressbar-infinite{background:rgba(233,30,99,.5)}.md .color-theme-pink .progressbar span{background:#e91e63}.md .color-theme-pink .progressbar-infinite:after,.md .color-theme-pink .progressbar-infinite:before{background:#e91e63}.md .color-theme-yellow .progressbar,.md .color-theme-yellow .progressbar-infinite{background:rgba(255,235,59,.5)}.md .color-theme-yellow .progressbar span{background:#ffeb3b}.md .color-theme-yellow .progressbar-infinite:after,.md .color-theme-yellow .progressbar-infinite:before{background:#ffeb3b}.md .color-theme-orange .progressbar,.md .color-theme-orange .progressbar-infinite{background:rgba(255,152,0,.5)}.md .color-theme-orange .progressbar span{background:#ff9800}.md .color-theme-orange .progressbar-infinite:after,.md .color-theme-orange .progressbar-infinite:before{background:#ff9800}.md .color-theme-gray .progressbar,.md .color-theme-gray .progressbar-infinite{background:rgba(158,158,158,.5)}.md .color-theme-gray .progressbar span{background:#9e9e9e}.md .color-theme-gray .progressbar-infinite:after,.md .color-theme-gray .progressbar-infinite:before{background:#9e9e9e}.md .color-theme-white .progressbar,.md .color-theme-white .progressbar-infinite{background:rgba(255,255,255,.5)}.md .color-theme-white .progressbar span{background:#fff}.md .color-theme-white .progressbar-infinite:after,.md .color-theme-white .progressbar-infinite:before{background:#fff}.md .color-theme-black .progressbar,.md .color-theme-black .progressbar-infinite{background:rgba(0,0,0,.5)}.md .color-theme-black .progressbar span{background:#000}.md .color-theme-black .progressbar-infinite:after,.md .color-theme-black .progressbar-infinite:before{background:#000}.md .progressbar-infinite.color-red,.md .progressbar.color-red{background:rgba(244,67,54,.5)}.md .progressbar.color-red span{background:#f44336}.md .progressbar-infinite.color-red:after,.md .progressbar-infinite.color-red:before{background:#f44336}.md .progressbar-infinite.color-green,.md .progressbar.color-green{background:rgba(76,175,80,.5)}.md .progressbar.color-green span{background:#4caf50}.md .progressbar-infinite.color-green:after,.md .progressbar-infinite.color-green:before{background:#4caf50}.md .progressbar-infinite.color-blue,.md .progressbar.color-blue{background:rgba(33,150,243,.5)}.md .progressbar.color-blue span{background:#2196f3}.md .progressbar-infinite.color-blue:after,.md .progressbar-infinite.color-blue:before{background:#2196f3}.md .progressbar-infinite.color-pink,.md .progressbar.color-pink{background:rgba(233,30,99,.5)}.md .progressbar.color-pink span{background:#e91e63}.md .progressbar-infinite.color-pink:after,.md .progressbar-infinite.color-pink:before{background:#e91e63}.md .progressbar-infinite.color-yellow,.md .progressbar.color-yellow{background:rgba(255,235,59,.5)}.md .progressbar.color-yellow span{background:#ffeb3b}.md .progressbar-infinite.color-yellow:after,.md .progressbar-infinite.color-yellow:before{background:#ffeb3b}.md .progressbar-infinite.color-orange,.md .progressbar.color-orange{background:rgba(255,152,0,.5)}.md .progressbar.color-orange span{background:#ff9800}.md .progressbar-infinite.color-orange:after,.md .progressbar-infinite.color-orange:before{background:#ff9800}.md .progressbar-infinite.color-gray,.md .progressbar.color-gray{background:rgba(158,158,158,.5)}.md .progressbar.color-gray span{background:#9e9e9e}.md .progressbar-infinite.color-gray:after,.md .progressbar-infinite.color-gray:before{background:#9e9e9e}.md .progressbar-infinite.color-white,.md .progressbar.color-white{background:rgba(255,255,255,.5)}.md .progressbar.color-white span{background:#fff}.md .progressbar-infinite.color-white:after,.md .progressbar-infinite.color-white:before{background:#fff}.md .progressbar-infinite.color-black,.md .progressbar.color-black{background:rgba(0,0,0,.5)}.md .progressbar.color-black span{background:#000}.md .progressbar-infinite.color-black:after,.md .progressbar-infinite.color-black:before{background:#000}@-webkit-keyframes md-progressbar-infinite-1{0%{-webkit-transform:translateX(-10%) scaleX(.1);transform:translateX(-10%) scaleX(.1)}25%{-webkit-transform:translateX(30%) scaleX(.6);transform:translateX(30%) scaleX(.6)}50%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}100%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-1{0%{-webkit-transform:translateX(-10%) scaleX(.1);transform:translateX(-10%) scaleX(.1)}25%{-webkit-transform:translateX(30%) scaleX(.6);transform:translateX(30%) scaleX(.6)}50%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}100%{-webkit-transform:translateX(100%) scaleX(1);transform:translateX(100%) scaleX(1)}}@-webkit-keyframes md-progressbar-infinite-2{0%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}40%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}75%{-webkit-transform:translateX(60%) scaleX(.35);transform:translateX(60%) scaleX(.35)}90%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}100%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-2{0%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}40%{-webkit-transform:translateX(-100%) scaleX(1);transform:translateX(-100%) scaleX(1)}75%{-webkit-transform:translateX(60%) scaleX(.35);transform:translateX(60%) scaleX(.35)}90%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}100%{-webkit-transform:translateX(100%) scaleX(.1);transform:translateX(100%) scaleX(.1)}}@-webkit-keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@-webkit-keyframes md-progressbar-infinite-multicolor-fill{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#f44336}24.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#f44336}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#2196f3}49.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#2196f3}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#ffeb3b}74.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#ffeb3b}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#4caf50}100%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#4caf50}}@keyframes md-progressbar-infinite-multicolor-fill{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#f44336}24.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#f44336}25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#2196f3}49.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#2196f3}50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#ffeb3b}74.9%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#ffeb3b}75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#4caf50}100%{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#4caf50}}.sortable .sortable-handler{position:absolute;top:0;bottom:1px;z-index:10;background-repeat:no-repeat;background-size:18px 12px;opacity:0;pointer-events:none;cursor:move;-webkit-transition-duration:.3s;transition-duration:.3s;left:0;background-position:0% 50%}.sortable .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable li.sorting{z-index:50;background:rgba(255,255,255,.8);-webkit-transition-duration:0s;transition-duration:0s}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1;background-position:50% 50%}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.sortable.theme-dark li.sorting,.theme-dark .sortable li.sorting{background-color:rgba(50,50,50,.8)}.md .sortable-handler{width:50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E")}.md .sortable li.sorting{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .sortable-enabled .item-inner,.md .sortable-enabled .item-link .item-inner{padding-left:50px}.md .list.sortable-enabled .item-link.no-chevron .item-inner,.md .list.sortable-enabled .no-chevron .item-link .item-inner,.md .list.sortable-enabled.no-chevron .item-link .item-inner,.md .no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:50px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .sortable-handler,.md.device-iphone-x .ios-left-edge .sortable-handler,.md.device-iphone-x .panel-left .sortable-handler,.md.device-iphone-x .popup .sortable-handler,.md.device-iphone-x .sheet-modal .sortable-handler{left:constant(safe-area-inset-left);left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-right));padding-left:calc(42px + env(safe-area-inset-right))}}.swipeout{overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swipeout-deleting{-webkit-transition-duration:.3s;transition-duration:.3s}.swipeout-deleting .swipeout-content{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:#fff;background:#c7c7cc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-right{right:0%;-webkit-transform:translateX(100%);transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.md .swipeout-actions-left>a,.md .swipeout-actions-left>button,.md .swipeout-actions-left>div,.md .swipeout-actions-left>span,.md .swipeout-actions-right>a,.md .swipeout-actions-right>button,.md .swipeout-actions-right>div,.md .swipeout-actions-right>span{padding:0 24px;color:#fff}.md .swipeout-actions-left .swipeout-delete,.md .swipeout-actions-right .swipeout-delete{background:#f44336}.md .swipeout-actions-left>a.color-red,.md .swipeout-actions-left>button.color-red,.md .swipeout-actions-left>div.color-red,.md .swipeout-actions-left>span.color-red,.md .swipeout-actions-right>a.color-red,.md .swipeout-actions-right>button.color-red,.md .swipeout-actions-right>div.color-red,.md .swipeout-actions-right>span.color-red{background-color:#f44336}.md .swipeout-actions-left>a.color-green,.md .swipeout-actions-left>button.color-green,.md .swipeout-actions-left>div.color-green,.md .swipeout-actions-left>span.color-green,.md .swipeout-actions-right>a.color-green,.md .swipeout-actions-right>button.color-green,.md .swipeout-actions-right>div.color-green,.md .swipeout-actions-right>span.color-green{background-color:#4caf50}.md .swipeout-actions-left>a.color-blue,.md .swipeout-actions-left>button.color-blue,.md .swipeout-actions-left>div.color-blue,.md .swipeout-actions-left>span.color-blue,.md .swipeout-actions-right>a.color-blue,.md .swipeout-actions-right>button.color-blue,.md .swipeout-actions-right>div.color-blue,.md .swipeout-actions-right>span.color-blue{background-color:#2196f3}.md .swipeout-actions-left>a.color-pink,.md .swipeout-actions-left>button.color-pink,.md .swipeout-actions-left>div.color-pink,.md .swipeout-actions-left>span.color-pink,.md .swipeout-actions-right>a.color-pink,.md .swipeout-actions-right>button.color-pink,.md .swipeout-actions-right>div.color-pink,.md .swipeout-actions-right>span.color-pink{background-color:#e91e63}.md .swipeout-actions-left>a.color-yellow,.md .swipeout-actions-left>button.color-yellow,.md .swipeout-actions-left>div.color-yellow,.md .swipeout-actions-left>span.color-yellow,.md .swipeout-actions-right>a.color-yellow,.md .swipeout-actions-right>button.color-yellow,.md .swipeout-actions-right>div.color-yellow,.md .swipeout-actions-right>span.color-yellow{background-color:#ffeb3b}.md .swipeout-actions-left>a.color-orange,.md .swipeout-actions-left>button.color-orange,.md .swipeout-actions-left>div.color-orange,.md .swipeout-actions-left>span.color-orange,.md .swipeout-actions-right>a.color-orange,.md .swipeout-actions-right>button.color-orange,.md .swipeout-actions-right>div.color-orange,.md .swipeout-actions-right>span.color-orange{background-color:#ff9800}.md .swipeout-actions-left>a.color-gray,.md .swipeout-actions-left>button.color-gray,.md .swipeout-actions-left>div.color-gray,.md .swipeout-actions-left>span.color-gray,.md .swipeout-actions-right>a.color-gray,.md .swipeout-actions-right>button.color-gray,.md .swipeout-actions-right>div.color-gray,.md .swipeout-actions-right>span.color-gray{background-color:#9e9e9e}.md .swipeout-actions-left>a.color-white,.md .swipeout-actions-left>button.color-white,.md .swipeout-actions-left>div.color-white,.md .swipeout-actions-left>span.color-white,.md .swipeout-actions-right>a.color-white,.md .swipeout-actions-right>button.color-white,.md .swipeout-actions-right>div.color-white,.md .swipeout-actions-right>span.color-white{background-color:#fff}.md .swipeout-actions-left>a.color-black,.md .swipeout-actions-left>button.color-black,.md .swipeout-actions-left>div.color-black,.md .swipeout-actions-left>span.color-black,.md .swipeout-actions-right>a.color-black,.md .swipeout-actions-right>button.color-black,.md .swipeout-actions-right>div.color-black,.md .swipeout-actions-right>span.color-black{background-color:#000}.accordion-item-toggle{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color}.accordion-item-toggle .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .item-link .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{-webkit-transform:none;transform:none}.md .list .accordion-item-toggle .item-inner{padding-left:42px;background-repeat:no-repeat;background-position:16px center}.md .list .accordion-item-toggle.active-state{background-color:rgba(0,0,0,.1)}.md .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .accordion-item.media-item>.item-link .item-title-row,.md .links-list .accordion-item>a,.md .list .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .accordion-item-opened.media-item>.item-link .item-title-row,.md .links-list .accordion-item-opened>a,.md .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item>a,.md .theme-dark .list .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item-opened>a,.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list{margin:0}.md .contacts-list .list-group-title{padding:0 16px;pointer-events:none;background:0 0;color:#2196f3;font-weight:500;line-height:48px;height:48px;font-size:20px;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:-48px}.md .contacts-list li:not(.list-group-title){padding-right:56px}.md .theme-dark .contacts-list .list-group-title{color:#fff}.list-index{position:absolute;top:0;bottom:0;right:0;text-align:center;z-index:10;width:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{font-size:11px;font-weight:600;list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:14px;line-height:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;border-radius:50%;color:#fff;font-weight:500}.md .list-index ul{color:#2196f3}.md .list-index .list-index-skip-placeholder:after{content:'';width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:#2196f3}.md .list-index .list-index-label{width:56px;height:56px;line-height:56px;border-radius:50% 50% 0 50%;background:#2196f3;font-size:20px}.md .navbar~.list-index{top:56px}@media (min-width:768px){.md .navbar~.list-index{top:64px}}.md .navbar~.subnavbar~.list-index,.md .navbar~.toolbar:not(.toolbar-bottom-md)~.list-index,.md .page-with-subnavbar .navbar~.list-index{top:104px}.md .navbar~.tabbar-labels:not(.toolbar-bottom-md)~.list-index{top:128px}.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.page>.list-index{bottom:48px}.md .tabbar-labels.toolbar-bottom-md~* .page>.list-index,.md .tabbar-labels.toolbar-bottom-md~.list-index,.md .tabbar-labels.toolbar-bottom-md~.page>.list-index{bottom:56px}.md.device-iphone-x .toolbar-bottom-md~* .page>.list-index,.md.device-iphone-x .toolbar-bottom-md~.page>.list-index{bottom:calc(48px + constant(safe-area-inset-bottom));bottom:calc(48px + env(safe-area-inset-bottom))}.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~* .page>.list-index,.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~.list-index,.md.device-iphone-x .tabbar-labels.toolbar-bottom-md~.page>.list-index{bottom:calc(56px + constant(safe-area-inset-bottom));bottom:calc(56px + env(safe-area-inset-bottom))}.md .color-theme-red .list-index ul,.md .list-index.color-theme-red ul{color:#f44336}.md .color-theme-red .list-index .list-index-label,.md .color-theme-red .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-red .list-index-label,.md .list-index.color-theme-red .list-index-skip-placeholder:after{background-color:#f44336}.md .color-theme-green .list-index ul,.md .list-index.color-theme-green ul{color:#4caf50}.md .color-theme-green .list-index .list-index-label,.md .color-theme-green .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-green .list-index-label,.md .list-index.color-theme-green .list-index-skip-placeholder:after{background-color:#4caf50}.md .color-theme-blue .list-index ul,.md .list-index.color-theme-blue ul{color:#2196f3}.md .color-theme-blue .list-index .list-index-label,.md .color-theme-blue .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-blue .list-index-label,.md .list-index.color-theme-blue .list-index-skip-placeholder:after{background-color:#2196f3}.md .color-theme-pink .list-index ul,.md .list-index.color-theme-pink ul{color:#e91e63}.md .color-theme-pink .list-index .list-index-label,.md .color-theme-pink .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-pink .list-index-label,.md .list-index.color-theme-pink .list-index-skip-placeholder:after{background-color:#e91e63}.md .color-theme-yellow .list-index ul,.md .list-index.color-theme-yellow ul{color:#ffeb3b}.md .color-theme-yellow .list-index .list-index-label,.md .color-theme-yellow .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-yellow .list-index-label,.md .list-index.color-theme-yellow .list-index-skip-placeholder:after{background-color:#ffeb3b}.md .color-theme-orange .list-index ul,.md .list-index.color-theme-orange ul{color:#ff9800}.md .color-theme-orange .list-index .list-index-label,.md .color-theme-orange .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-orange .list-index-label,.md .list-index.color-theme-orange .list-index-skip-placeholder:after{background-color:#ff9800}.md .color-theme-gray .list-index ul,.md .list-index.color-theme-gray ul{color:#9e9e9e}.md .color-theme-gray .list-index .list-index-label,.md .color-theme-gray .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-gray .list-index-label,.md .list-index.color-theme-gray .list-index-skip-placeholder:after{background-color:#9e9e9e}.md .color-theme-white .list-index ul,.md .list-index.color-theme-white ul{color:#fff}.md .color-theme-white .list-index .list-index-label,.md .color-theme-white .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-white .list-index-label,.md .list-index.color-theme-white .list-index-skip-placeholder:after{background-color:#fff}.md .color-theme-black .list-index ul,.md .list-index.color-theme-black ul{color:#000}.md .color-theme-black .list-index .list-index-label,.md .color-theme-black .list-index .list-index-skip-placeholder:after,.md .list-index.color-theme-black .list-index-label,.md .list-index.color-theme-black .list-index-skip-placeholder:after{background-color:#000}.md .list-index.color-red ul{color:#f44336}.md .list-index.color-red .list-index-label,.md .list-index.color-red .list-index-skip-placeholder:after{background-color:#f44336}.md .list-index.color-green ul{color:#4caf50}.md .list-index.color-green .list-index-label,.md .list-index.color-green .list-index-skip-placeholder:after{background-color:#4caf50}.md .list-index.color-blue ul{color:#2196f3}.md .list-index.color-blue .list-index-label,.md .list-index.color-blue .list-index-skip-placeholder:after{background-color:#2196f3}.md .list-index.color-pink ul{color:#e91e63}.md .list-index.color-pink .list-index-label,.md .list-index.color-pink .list-index-skip-placeholder:after{background-color:#e91e63}.md .list-index.color-yellow ul{color:#ffeb3b}.md .list-index.color-yellow .list-index-label,.md .list-index.color-yellow .list-index-skip-placeholder:after{background-color:#ffeb3b}.md .list-index.color-orange ul{color:#ff9800}.md .list-index.color-orange .list-index-label,.md .list-index.color-orange .list-index-skip-placeholder:after{background-color:#ff9800}.md .list-index.color-gray ul{color:#9e9e9e}.md .list-index.color-gray .list-index-label,.md .list-index.color-gray .list-index-skip-placeholder:after{background-color:#9e9e9e}.md .list-index.color-white ul{color:#fff}.md .list-index.color-white .list-index-label,.md .list-index.color-white .list-index-skip-placeholder:after{background-color:#fff}.md .list-index.color-black ul{color:#000}.md .list-index.color-black .list-index-label,.md .list-index.color-black .list-index-skip-placeholder:after{background-color:#000}.timeline{-webkit-box-sizing:border-box;box-sizing:border-box}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline-item-date{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;margin-top:3px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:13px}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-horizontal{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;height:100%}.timeline-horizontal .timeline-item-date{width:auto;text-align:left;line-height:34px;position:absolute;left:0;top:0;width:100%;height:34px;text-align:right}.timeline-horizontal .timeline-item-content{overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal.col-100 .timeline-item{width:100vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-5 .timeline-item{width:5vw}@media (min-width:768px){.timeline-horizontal.tablet-100 .timeline-item{width:100vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-5 .timeline-item{width:5vw}}.timeline-horizontal .timeline-month,.timeline-horizontal .timeline-year{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.timeline-horizontal .timeline-month-title,.timeline-horizontal .timeline-year-title{position:absolute;left:0;top:0;width:100%;line-height:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-horizontal .timeline-month-title span,.timeline-horizontal .timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky}.timeline-horizontal .timeline-year-title{font-size:16px}.timeline-horizontal .timeline-month-title span{margin-top:-2px}.md .timeline{margin:32px 0;padding:0 16px}.md .block-strong .timeline{padding:0;margin:0}.md .timeline-item{padding:2px 0px 16px}.md .timeline-item:last-child{padding-bottom:2px}.md .timeline-item-content .block,.md .timeline-item-content .card,.md .timeline-item-content .list,.md .timeline-item-content.block,.md .timeline-item-content.card,.md .timeline-item-content.list{margin:0;width:100%}.md .timeline-item-content .block+.block,.md .timeline-item-content .block+.card,.md .timeline-item-content .block+.list,.md .timeline-item-content .card+.block,.md .timeline-item-content .card+.card,.md .timeline-item-content .card+.list,.md .timeline-item-content .list+.block,.md .timeline-item-content .list+.card,.md .timeline-item-content .list+.list{margin:16px 0 0}.md .timeline-item-inner{border-radius:2px;padding:8px 16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .timeline-item-inner+.timeline-item-inner{margin-top:16px}.md .timeline-item-divider{margin-left:16px;margin-right:16px}.md .timeline-item-time{margin-top:16px;color:rgba(0,0,0,.54)}.md .timeline-item-time:first-child{margin-top:0}.md .timeline-item-title{font-size:16px}.md .timeline-sides .timeline-item{margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item .timeline-item-date{text-align:left}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.md .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item-left .timeline-item-date{text-align:right}.md .timeline-sides .timeline-item-right{margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item-right .timeline-item-date{text-align:left}@media (min-width:768px){.md .tablet-sides .timeline-item{margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item .timeline-item-date{text-align:left}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.md .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item-left .timeline-item-date{text-align:right}.md .tablet-sides .timeline-item-right{margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item-right .timeline-item-date{text-align:left}}.md .timeline-horizontal{padding:0;margin:0;position:relative}.md .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:12px}.md .timeline-horizontal .timeline-item-date{background:#2196f3;padding:0px 12px;color:#fff}.md .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .timeline-horizontal .timeline-item-content{padding:12px;height:calc(100% - 12px)}.md .timeline-horizontal.no-shadow .timeline-item-date:after{display:none}.md .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.md .timeline-horizontal .timeline-item:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .timeline-month-title,.md .timeline-year-title{padding:0 12px;color:#fff;background:#2196f3}.md .timeline-month-title span,.md .timeline-year-title span{right:12px}.md .timeline-year-title span{margin-top:2px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(12px + constant(safe-area-inset-left));left:calc(12px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(12px + constant(safe-area-inset-left));padding-left:calc(12px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child{overflow:visible}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right));left:0}.md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal){padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}}.md .theme-dark .timeline-item-inner{background-color:rgba(255,255,255,.03)}.md .theme-dark .timeline-item-time{color:rgba(255,255,255,.54)}.md .color-theme-red .timeline-item-date,.md .color-theme-red .timeline-month-title,.md .color-theme-red .timeline-year-title{background:#f44336}.md .color-theme-green .timeline-item-date,.md .color-theme-green .timeline-month-title,.md .color-theme-green .timeline-year-title{background:#4caf50}.md .color-theme-blue .timeline-item-date,.md .color-theme-blue .timeline-month-title,.md .color-theme-blue .timeline-year-title{background:#2196f3}.md .color-theme-pink .timeline-item-date,.md .color-theme-pink .timeline-month-title,.md .color-theme-pink .timeline-year-title{background:#e91e63}.md .color-theme-yellow .timeline-item-date,.md .color-theme-yellow .timeline-month-title,.md .color-theme-yellow .timeline-year-title{background:#ffeb3b}.md .color-theme-orange .timeline-item-date,.md .color-theme-orange .timeline-month-title,.md .color-theme-orange .timeline-year-title{background:#ff9800}.md .color-theme-gray .timeline-item-date,.md .color-theme-gray .timeline-month-title,.md .color-theme-gray .timeline-year-title{background:#9e9e9e}.md .color-theme-white .timeline-item-date,.md .color-theme-white .timeline-month-title,.md .color-theme-white .timeline-year-title{background:#fff}.md .color-theme-black .timeline-item-date,.md .color-theme-black .timeline-month-title,.md .color-theme-black .timeline-year-title{background:#000}.md .timeline.color-theme-red .timeline-item-date,.md .timeline.color-theme-red .timeline-month-title,.md .timeline.color-theme-red .timeline-year-title{background:#f44336}.md .timeline.color-theme-green .timeline-item-date,.md .timeline.color-theme-green .timeline-month-title,.md .timeline.color-theme-green .timeline-year-title{background:#4caf50}.md .timeline.color-theme-blue .timeline-item-date,.md .timeline.color-theme-blue .timeline-month-title,.md .timeline.color-theme-blue .timeline-year-title{background:#2196f3}.md .timeline.color-theme-pink .timeline-item-date,.md .timeline.color-theme-pink .timeline-month-title,.md .timeline.color-theme-pink .timeline-year-title{background:#e91e63}.md .timeline.color-theme-yellow .timeline-item-date,.md .timeline.color-theme-yellow .timeline-month-title,.md .timeline.color-theme-yellow .timeline-year-title{background:#ffeb3b}.md .timeline.color-theme-orange .timeline-item-date,.md .timeline.color-theme-orange .timeline-month-title,.md .timeline.color-theme-orange .timeline-year-title{background:#ff9800}.md .timeline.color-theme-gray .timeline-item-date,.md .timeline.color-theme-gray .timeline-month-title,.md .timeline.color-theme-gray .timeline-year-title{background:#9e9e9e}.md .timeline.color-theme-white .timeline-item-date,.md .timeline.color-theme-white .timeline-month-title,.md .timeline.color-theme-white .timeline-year-title{background:#fff}.md .timeline.color-theme-black .timeline-item-date,.md .timeline.color-theme-black .timeline-month-title,.md .timeline.color-theme-black .timeline-year-title{background:#000}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{-webkit-transition-duration:.3s;transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}.panel-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:5999;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel-backdrop.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel{z-index:1000;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch;top:0;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:260px;background-color:#fff}.panel.not-animated{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{-webkit-transition-duration:0s!important;transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.panel-right{right:0}.panel-right.panel-cover{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.panel-visible-by-breakpoint{display:block;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{-webkit-transform:translate3d(-260px,0,0);transform:translate3d(-260px,0,0)}html.with-panel-left-cover .panel-left{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}html.with-statusbar.device-ios .panel,html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel{top:20px;height:calc(100% - 20px)}html.with-statusbar.device-android .panel,html.with-statusbar.md:not(.device-ios):not(.device-android) .panel{top:24px;height:calc(100% - 24px)}html.with-statusbar.device-iphone-x .panel{top:constant(safe-area-inset-top);top:env(safe-area-inset-top);height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top))}.md .panel-backdrop{-webkit-transition-duration:.3s;transition-duration:.3s;background:rgba(0,0,0,.2)}.md .panel{-webkit-transition-duration:.3s;transition-duration:.3s}.md .panel-visible{display:block}.md .panel-visible-by-breakpoint{-webkit-box-shadow:none;box-shadow:none}.md.with-panel-left-cover .panel-cover,.md.with-panel-right-cover .panel-cover{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);box-shadow:0px 0px 20px rgba(0,0,0,.5)}.md.with-panel-left-reveal .framework7-root>.view,.md.with-panel-left-reveal .views,.md.with-panel-right-reveal .framework7-root>.view,.md.with-panel-right-reveal .views{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);box-shadow:0px 0px 20px rgba(0,0,0,.5)}.md.with-panel-left-reveal .framework7-root>.view,.md.with-panel-left-reveal .views,.md.with-panel-right-reveal .framework7-root>.view,.md.with-panel-right-reveal .views,.md.with-panel-transitioning .framework7-root>.view,.md.with-panel-transitioning .views{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform,-webkit-box-shadow;transition-property:-webkit-transform,-webkit-box-shadow;transition-property:transform,box-shadow;transition-property:transform,box-shadow,-webkit-transform,-webkit-box-shadow}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card{background:#fff;position:relative;border-radius:4px;font-size:14px}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-content{position:relative}.card-content-padding{position:relative}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-footer,.card-header{min-height:44px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0}.card-header{border-radius:4px 4px 0 0}.card-header:after{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.device-pixel-ratio-2 .card-header:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 4px 4px}.card-footer:before{content:'';position:absolute;background-color:#e1e1e1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}html.device-pixel-ratio-2 .card-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.device-pixel-ratio-3 .card-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.card-footer.no-hairline:before{display:none!important}.md .card .list ul,.md .cards-list ul{background:0 0}.md .card{margin:8px;-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)}.md .card-outline{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.md .card-footer a.link,.md .card-header a.link{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;color:#2196f3;border-radius:4px;line-height:36px;height:36px;text-transform:uppercase;min-width:64px;padding:0 8px;border:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-weight:500;letter-spacing:.03em}input[type=button].md .card-footer a.link,input[type=button].md .card-header a.link,input[type=submit].md .card-footer a.link,input[type=submit].md .card-header a.link{width:100%}.md .card-footer a.link.active-state,.md .card-header a.link.active-state{background:rgba(0,0,0,.1)}.md .card-footer a.icon-only,.md .card-header a.icon-only{min-width:48px}.md .page-content>.card:last-child{margin-bottom:32px}.md .card-content-padding{padding:16px}.md .card-content-padding>.block,.md .card-content-padding>.list{margin:-16px}.md .card-footer,.md .card-header{min-height:48px;padding:4px 16px}.md .card-header{font-size:16px}.md .card-footer{color:#757575}.md .theme-dark .card{background-color:rgba(255,255,255,.03)}.md .theme-dark .card-outline{border-color:#282829}.md .theme-dark .card-header:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .card-footer{color:rgba(255,255,255,.54)}.md .theme-dark .card-footer:before{background-color:rgba(255,255,255,.08)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-left-edge){margin-left:calc(8px + constant(safe-area-inset-left));margin-left:calc(8px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .ios-right-edge .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .panel-right .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .popup .card:not(.no-ios-edges):not(.no-ios-right-edge),.md.device-iphone-x .sheet-modal .card:not(.no-ios-edges):not(.no-ios-right-edge){margin-right:calc(8px + constant(safe-area-inset-right));margin-right:calc(8px + env(safe-area-inset-right))}}.md .card-footer.color-theme-red a.link,.md .card-header.color-theme-red a.link,.md .color-theme-red .card-footer a.link,.md .color-theme-red .card-header a.link{color:#f44336}.md .card-footer.color-theme-green a.link,.md .card-header.color-theme-green a.link,.md .color-theme-green .card-footer a.link,.md .color-theme-green .card-header a.link{color:#4caf50}.md .card-footer.color-theme-blue a.link,.md .card-header.color-theme-blue a.link,.md .color-theme-blue .card-footer a.link,.md .color-theme-blue .card-header a.link{color:#2196f3}.md .card-footer.color-theme-pink a.link,.md .card-header.color-theme-pink a.link,.md .color-theme-pink .card-footer a.link,.md .color-theme-pink .card-header a.link{color:#e91e63}.md .card-footer.color-theme-yellow a.link,.md .card-header.color-theme-yellow a.link,.md .color-theme-yellow .card-footer a.link,.md .color-theme-yellow .card-header a.link{color:#ffeb3b}.md .card-footer.color-theme-orange a.link,.md .card-header.color-theme-orange a.link,.md .color-theme-orange .card-footer a.link,.md .color-theme-orange .card-header a.link{color:#ff9800}.md .card-footer.color-theme-gray a.link,.md .card-header.color-theme-gray a.link,.md .color-theme-gray .card-footer a.link,.md .color-theme-gray .card-header a.link{color:#9e9e9e}.md .card-footer.color-theme-white a.link,.md .card-header.color-theme-white a.link,.md .color-theme-white .card-footer a.link,.md .color-theme-white .card-header a.link{color:#fff}.md .card-footer.color-theme-black a.link,.md .card-header.color-theme-black a.link,.md .color-theme-black .card-footer a.link,.md .color-theme-black .card-header a.link{color:#000}.md .card-footer a.link.color-red,.md .card-header a.link.color-red{color:#f44336}.md .card-footer a.link.color-green,.md .card-header a.link.color-green{color:#4caf50}.md .card-footer a.link.color-blue,.md .card-header a.link.color-blue{color:#2196f3}.md .card-footer a.link.color-pink,.md .card-header a.link.color-pink{color:#e91e63}.md .card-footer a.link.color-yellow,.md .card-header a.link.color-yellow{color:#ffeb3b}.md .card-footer a.link.color-orange,.md .card-header a.link.color-orange{color:#ff9800}.md .card-footer a.link.color-gray,.md .card-header a.link.color-gray{color:#9e9e9e}.md .card-footer a.link.color-white,.md .card-header a.link.color-white{color:#fff}.md .card-footer a.link.color-black,.md .card-header a.link.color-black{color:#000}.chip{font-weight:400;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:2px 0}.chip-media{border-radius:50%;text-align:center;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-repeat:no-repeat}.chip .chip-delete.active-state{opacity:1}.md .chip{font-size:13px;color:rgba(0,0,0,.87);background:rgba(0,0,0,.12);height:32px;line-height:32px;border-radius:16px;padding:0 12px}.md .chip-outline{background:0 0;border:1px solid rgba(0,0,0,.12)}.md .chip-media{width:32px;height:32px;vertical-align:top;border-radius:50%;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-right:-12px}.md .chip-media+.chip-label{margin-right:8px}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-right:-8px;width:24px;height:24px;line-height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:20px 20px;opacity:.54;margin-left:-8px}.md .theme-dark .chip{background:#333;color:rgba(255,255,255,.87)}.md .theme-dark .chip-outline{background:0 0;border-color:#333}.md .theme-dark .chip-delete{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .chip.color-red{background:#f44336;color:#fff}.md .chip.color-red.chip-outline{background:0 0;border-color:#f44336;color:#f44336}.md .chip.color-green{background:#4caf50;color:#fff}.md .chip.color-green.chip-outline{background:0 0;border-color:#4caf50;color:#4caf50}.md .chip.color-blue{background:#2196f3;color:#fff}.md .chip.color-blue.chip-outline{background:0 0;border-color:#2196f3;color:#2196f3}.md .chip.color-pink{background:#e91e63;color:#fff}.md .chip.color-pink.chip-outline{background:0 0;border-color:#e91e63;color:#e91e63}.md .chip.color-yellow{background:#ffeb3b;color:#fff}.md .chip.color-yellow.chip-outline{background:0 0;border-color:#ffeb3b;color:#ffeb3b}.md .chip.color-orange{background:#ff9800;color:#fff}.md .chip.color-orange.chip-outline{background:0 0;border-color:#ff9800;color:#ff9800}.md .chip.color-gray{background:#9e9e9e;color:#fff}.md .chip.color-gray.chip-outline{background:0 0;border-color:#9e9e9e;color:#9e9e9e}.md .chip.color-white{background:#fff;color:#fff}.md .chip.color-white.chip-outline{background:0 0;border-color:#fff;color:#fff}.md .chip.color-black{background:#000;color:#fff}.md .chip.color-black.chip-outline{background:0 0;border-color:#000;color:#000}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select,.list textarea{width:100%}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:44px}.list input[type=date],.list input[type=datetime-local]{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:auto}.list textarea{resize:none;line-height:1.4;height:100px}.list .item-floating-label,.list .item-label{vertical-align:top;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.list .item-input-wrap{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;-webkit-transition-duration:.1s;transition-duration:.1s;position:absolute;top:50%;border-radius:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;left:0}.input-clear-button:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center center}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #727272;left:2px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:14px}.md .list input[type=date],.md .list input[type=datetime-local],.md .list input[type=email],.md .list input[type=number],.md .list input[type=password],.md .list input[type=search],.md .list input[type=tel],.md .list input[type=text],.md .list input[type=time],.md .list input[type=url],.md .list select{height:36px;color:#212121;font-size:16px}.md .list input[type=date]::-webkit-input-placeholder,.md .list input[type=datetime-local]::-webkit-input-placeholder,.md .list input[type=email]::-webkit-input-placeholder,.md .list input[type=number]::-webkit-input-placeholder,.md .list input[type=password]::-webkit-input-placeholder,.md .list input[type=search]::-webkit-input-placeholder,.md .list input[type=tel]::-webkit-input-placeholder,.md .list input[type=text]::-webkit-input-placeholder,.md .list input[type=time]::-webkit-input-placeholder,.md .list input[type=url]::-webkit-input-placeholder,.md .list select::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]:-ms-input-placeholder,.md .list input[type=datetime-local]:-ms-input-placeholder,.md .list input[type=email]:-ms-input-placeholder,.md .list input[type=number]:-ms-input-placeholder,.md .list input[type=password]:-ms-input-placeholder,.md .list input[type=search]:-ms-input-placeholder,.md .list input[type=tel]:-ms-input-placeholder,.md .list input[type=text]:-ms-input-placeholder,.md .list input[type=time]:-ms-input-placeholder,.md .list input[type=url]:-ms-input-placeholder,.md .list select:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]::-ms-input-placeholder,.md .list input[type=datetime-local]::-ms-input-placeholder,.md .list input[type=email]::-ms-input-placeholder,.md .list input[type=number]::-ms-input-placeholder,.md .list input[type=password]::-ms-input-placeholder,.md .list input[type=search]::-ms-input-placeholder,.md .list input[type=tel]::-ms-input-placeholder,.md .list input[type=text]::-ms-input-placeholder,.md .list input[type=time]::-ms-input-placeholder,.md .list input[type=url]::-ms-input-placeholder,.md .list select::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list input[type=date]::placeholder,.md .list input[type=datetime-local]::placeholder,.md .list input[type=email]::placeholder,.md .list input[type=number]::placeholder,.md .list input[type=password]::placeholder,.md .list input[type=search]::placeholder,.md .list input[type=tel]::placeholder,.md .list input[type=text]::placeholder,.md .list input[type=time]::placeholder,.md .list input[type=url]::placeholder,.md .list select::placeholder{color:rgba(0,0,0,.35)}.md .list textarea{color:#212121;font-size:16px;padding-top:7px;padding-bottom:7px}.md .list textarea.resizable{height:36px}.md .list textarea::-webkit-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea:-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea::-ms-input-placeholder{color:rgba(0,0,0,.35)}.md .list textarea::placeholder{color:rgba(0,0,0,.35)}.md .input:after,.md .item-input-wrap:after{-webkit-transition-duration:.2s;transition-duration:.2s}.md .item-input-wrap{min-height:36px}.md .item-input-wrap:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .item-input-wrap:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .item-input-wrap:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .input:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .input:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .input:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .item-floating-label,.md .item-label{font-size:12px;width:100%;color:rgba(0,0,0,.65);-webkit-transition-duration:.2s;transition-duration:.2s;line-height:13px;-webkit-transition-property:color,-webkit-transform;transition-property:color,-webkit-transform;transition-property:transform,color;transition-property:transform,color,-webkit-transform}.md .item-floating-label{-webkit-transform:scale(1.33333333) translateY(18px);transform:scale(1.33333333) translateY(18px);color:rgba(0,0,0,.35);width:auto;max-width:75%;pointer-events:none;-webkit-transform-origin:right;transform-origin:right}.md .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;-webkit-transition-duration:.1s;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{opacity:0;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;-webkit-transition-duration:.1s;transition-duration:.1s}.md .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused:-ms-input-placeholder{opacity:1;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.md .item-floating-label~.item-input-wrap input.input-focused::placeholder,.md .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s}.md .item-input-focused .item-floating-label,.md .item-input-with-value .item-floating-label{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.md .item-input-with-value .item-floating-label{color:rgba(0,0,0,.65)}.md .item-input .item-media{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.md .item-input .item-inner{display:block}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:14px}.md .inline-label .item-inner,.md .inline-labels .item-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{font-size:16px;width:30%;line-height:1.5;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding-top:7px}.md .inline-label .item-floating-label+.item-input-wrap,.md .inline-label .item-label+.item-input-wrap,.md .inline-labels .item-floating-label+.item-input-wrap,.md .inline-labels .item-label+.item-input-wrap{margin-right:8px}.md .item-input-with-error-message,.md .item-input-with-info,.md div.input-with-error-message,.md div.input-with-info,.md span.input-with-error-message,.md span.input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{font-size:12px;line-height:1.4;position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;right:0;left:16px}.md .input-info,.md .item-input-info{color:rgba(0,0,0,.45)}.md .input-error-message,.md .item-input-error-message{color:#f44336;display:none}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:#2196f3}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:#2196f3}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label,.md .item-invalid .item-floating-label,.md .item-invalid .item-label{color:#f44336}.md .item-input-invalid .input-error-message,.md .item-input-invalid .item-input-error-message,.md .item-invalid .input-error-message,.md .item-invalid .item-input-error-message{display:block}.md .item-input-invalid .input-info,.md .item-input-invalid .item-input-info,.md .item-invalid .input-info,.md .item-invalid .item-input-info{display:none}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:#f44336}.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{-webkit-transform:scaleY(2);transform:scaleY(2)}.md .input-focused:after,.md .input-invalid:after{-webkit-transform:scaleY(2)!important;transform:scaleY(2)!important}.md .input-clear-button{width:24px;height:24px;background:rgba(0,0,0,.12);margin-top:-12px}.md .input-clear-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");background-size:16px 16px;opacity:.54}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.md .item-input-wrap .input-clear-button{bottom:6px;margin-top:0;top:auto}.md .theme-dark input[type=date],.md .theme-dark input[type=datetime-local],.md .theme-dark input[type=email],.md .theme-dark input[type=number],.md .theme-dark input[type=password],.md .theme-dark input[type=search],.md .theme-dark input[type=tel],.md .theme-dark input[type=text],.md .theme-dark input[type=time],.md .theme-dark input[type=url],.md .theme-dark select,.md .theme-dark textarea{color:rgba(255,255,255,.87)}.md .theme-dark input[type=date]::-webkit-input-placeholder,.md .theme-dark input[type=datetime-local]::-webkit-input-placeholder,.md .theme-dark input[type=email]::-webkit-input-placeholder,.md .theme-dark input[type=number]::-webkit-input-placeholder,.md .theme-dark input[type=password]::-webkit-input-placeholder,.md .theme-dark input[type=search]::-webkit-input-placeholder,.md .theme-dark input[type=tel]::-webkit-input-placeholder,.md .theme-dark input[type=text]::-webkit-input-placeholder,.md .theme-dark input[type=time]::-webkit-input-placeholder,.md .theme-dark input[type=url]::-webkit-input-placeholder,.md .theme-dark select::-webkit-input-placeholder,.md .theme-dark textarea::-webkit-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]:-ms-input-placeholder,.md .theme-dark input[type=datetime-local]:-ms-input-placeholder,.md .theme-dark input[type=email]:-ms-input-placeholder,.md .theme-dark input[type=number]:-ms-input-placeholder,.md .theme-dark input[type=password]:-ms-input-placeholder,.md .theme-dark input[type=search]:-ms-input-placeholder,.md .theme-dark input[type=tel]:-ms-input-placeholder,.md .theme-dark input[type=text]:-ms-input-placeholder,.md .theme-dark input[type=time]:-ms-input-placeholder,.md .theme-dark input[type=url]:-ms-input-placeholder,.md .theme-dark select:-ms-input-placeholder,.md .theme-dark textarea:-ms-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]::-ms-input-placeholder,.md .theme-dark input[type=datetime-local]::-ms-input-placeholder,.md .theme-dark input[type=email]::-ms-input-placeholder,.md .theme-dark input[type=number]::-ms-input-placeholder,.md .theme-dark input[type=password]::-ms-input-placeholder,.md .theme-dark input[type=search]::-ms-input-placeholder,.md .theme-dark input[type=tel]::-ms-input-placeholder,.md .theme-dark input[type=text]::-ms-input-placeholder,.md .theme-dark input[type=time]::-ms-input-placeholder,.md .theme-dark input[type=url]::-ms-input-placeholder,.md .theme-dark select::-ms-input-placeholder,.md .theme-dark textarea::-ms-input-placeholder{color:rgba(255,255,255,.35)}.md .theme-dark input[type=date]::placeholder,.md .theme-dark input[type=datetime-local]::placeholder,.md .theme-dark input[type=email]::placeholder,.md .theme-dark input[type=number]::placeholder,.md .theme-dark input[type=password]::placeholder,.md .theme-dark input[type=search]::placeholder,.md .theme-dark input[type=tel]::placeholder,.md .theme-dark input[type=text]::placeholder,.md .theme-dark input[type=time]::placeholder,.md .theme-dark input[type=url]::placeholder,.md .theme-dark select::placeholder,.md .theme-dark textarea::placeholder{color:rgba(255,255,255,.35)}.md .theme-dark .input:after,.md .theme-dark .item-input:not(.item-input-focused) .item-input-wrap:after{background-color:rgba(255,255,255,.08)}.md .theme-dark .item-floating-label,.md .theme-dark .item-label{color:rgba(255,255,255,.54)}.md .theme-dark .item-floating-label{color:rgba(255,255,255,.35)}.md .theme-dark .item-input-with-value .item-floating-label{color:rgba(255,255,255,.54)}.md .theme-dark .input-clear-button{background:#fff}.md .color-theme-red .item-input-focused .item-floating-label,.md .color-theme-red .item-input-focused .item-label{color:#f44336}.md .color-theme-red .input-after:after,.md .color-theme-red .item-input-focused .item-input-wrap:after{background:#f44336}.md .color-theme-green .item-input-focused .item-floating-label,.md .color-theme-green .item-input-focused .item-label{color:#4caf50}.md .color-theme-green .input-after:after,.md .color-theme-green .item-input-focused .item-input-wrap:after{background:#4caf50}.md .color-theme-blue .item-input-focused .item-floating-label,.md .color-theme-blue .item-input-focused .item-label{color:#2196f3}.md .color-theme-blue .input-after:after,.md .color-theme-blue .item-input-focused .item-input-wrap:after{background:#2196f3}.md .color-theme-pink .item-input-focused .item-floating-label,.md .color-theme-pink .item-input-focused .item-label{color:#e91e63}.md .color-theme-pink .input-after:after,.md .color-theme-pink .item-input-focused .item-input-wrap:after{background:#e91e63}.md .color-theme-yellow .item-input-focused .item-floating-label,.md .color-theme-yellow .item-input-focused .item-label{color:#ffeb3b}.md .color-theme-yellow .input-after:after,.md .color-theme-yellow .item-input-focused .item-input-wrap:after{background:#ffeb3b}.md .color-theme-orange .item-input-focused .item-floating-label,.md .color-theme-orange .item-input-focused .item-label{color:#ff9800}.md .color-theme-orange .input-after:after,.md .color-theme-orange .item-input-focused .item-input-wrap:after{background:#ff9800}.md .color-theme-gray .item-input-focused .item-floating-label,.md .color-theme-gray .item-input-focused .item-label{color:#9e9e9e}.md .color-theme-gray .input-after:after,.md .color-theme-gray .item-input-focused .item-input-wrap:after{background:#9e9e9e}.md .color-theme-white .item-input-focused .item-floating-label,.md .color-theme-white .item-input-focused .item-label{color:#fff}.md .color-theme-white .input-after:after,.md .color-theme-white .item-input-focused .item-input-wrap:after{background:#fff}.md .color-theme-black .item-input-focused .item-floating-label,.md .color-theme-black .item-input-focused .item-label{color:#000}.md .color-theme-black .input-after:after,.md .color-theme-black .item-input-focused .item-input-wrap:after{background:#000}.md .item-input-focused.color-red .item-floating-label,.md .item-input-focused.color-red .item-label{color:#f44336}.md .input-after.color-red:after,.md .item-input-focused.color-red .item-input-wrap:after{background:#f44336}.md .item-input-focused.color-green .item-floating-label,.md .item-input-focused.color-green .item-label{color:#4caf50}.md .input-after.color-green:after,.md .item-input-focused.color-green .item-input-wrap:after{background:#4caf50}.md .item-input-focused.color-blue .item-floating-label,.md .item-input-focused.color-blue .item-label{color:#2196f3}.md .input-after.color-blue:after,.md .item-input-focused.color-blue .item-input-wrap:after{background:#2196f3}.md .item-input-focused.color-pink .item-floating-label,.md .item-input-focused.color-pink .item-label{color:#e91e63}.md .input-after.color-pink:after,.md .item-input-focused.color-pink .item-input-wrap:after{background:#e91e63}.md .item-input-focused.color-yellow .item-floating-label,.md .item-input-focused.color-yellow .item-label{color:#ffeb3b}.md .input-after.color-yellow:after,.md .item-input-focused.color-yellow .item-input-wrap:after{background:#ffeb3b}.md .item-input-focused.color-orange .item-floating-label,.md .item-input-focused.color-orange .item-label{color:#ff9800}.md .input-after.color-orange:after,.md .item-input-focused.color-orange .item-input-wrap:after{background:#ff9800}.md .item-input-focused.color-gray .item-floating-label,.md .item-input-focused.color-gray .item-label{color:#9e9e9e}.md .input-after.color-gray:after,.md .item-input-focused.color-gray .item-input-wrap:after{background:#9e9e9e}.md .item-input-focused.color-white .item-floating-label,.md .item-input-focused.color-white .item-label{color:#fff}.md .input-after.color-white:after,.md .item-input-focused.color-white .item-input-wrap:after{background:#fff}.md .item-input-focused.color-black .item-floating-label,.md .item-input-focused.color-black .item-label{color:#000}.md .input-after.color-black:after,.md .item-input-focused.color-black .item-input-wrap:after{background:#000}.checkbox i,.icon-checkbox{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}.checkbox .icon-checkbox,label.item-checkbox .icon-checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.checkbox .icon-checkbox:after,label.item-checkbox .icon-checkbox:after{content:'';position:absolute}label.item-checkbox{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.md .checkbox i,.md .icon-checkbox{width:18px;height:18px;border-radius:2px;border:2px solid #6d6d6d;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:transparent}.md .checkbox i:after,.md .icon-checkbox:after{width:18px;height:18px;left:-2px;top:-2px;-webkit-transition-duration:.2s;transition-duration:.2s;opacity:0;background:no-repeat center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");background-size:100% auto}.md .checkbox input[type=checkbox]:checked~i,.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .checkbox input[type=checkbox]:checked~i:after,.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.md label.item-checkbox>.icon-checkbox{margin-left:38px}.md label.item-checkbox .item-content .item-media,.md label.item-checkbox.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md label.item-checkbox.active-state{background-color:rgba(0,0,0,.1)}.md .theme-dark label.item-checkbox.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .checkbox i,.md .theme-dark .icon-checkbox{border-color:rgba(255,255,255,.54)}.md .color-theme-red .checkbox input[type=checkbox]:checked~i,.md .color-theme-red label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-red label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#f44336;border-color:#f44336}.md .color-theme-red .checkbox .ripple-wave{background:rgba(244,67,54,.5)}.md .color-theme-green .checkbox input[type=checkbox]:checked~i,.md .color-theme-green label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-green label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#4caf50;border-color:#4caf50}.md .color-theme-green .checkbox .ripple-wave{background:rgba(76,175,80,.5)}.md .color-theme-blue .checkbox input[type=checkbox]:checked~i,.md .color-theme-blue label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-blue label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .color-theme-blue .checkbox .ripple-wave{background:rgba(33,150,243,.5)}.md .color-theme-pink .checkbox input[type=checkbox]:checked~i,.md .color-theme-pink label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-pink label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#e91e63;border-color:#e91e63}.md .color-theme-pink .checkbox .ripple-wave{background:rgba(233,30,99,.5)}.md .color-theme-yellow .checkbox input[type=checkbox]:checked~i,.md .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-yellow label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#ffeb3b;border-color:#ffeb3b}.md .color-theme-yellow .checkbox .ripple-wave{background:rgba(255,235,59,.5)}.md .color-theme-orange .checkbox input[type=checkbox]:checked~i,.md .color-theme-orange label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-orange label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#ff9800;border-color:#ff9800}.md .color-theme-orange .checkbox .ripple-wave{background:rgba(255,152,0,.5)}.md .color-theme-gray .checkbox input[type=checkbox]:checked~i,.md .color-theme-gray label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-gray label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#9e9e9e;border-color:#9e9e9e}.md .color-theme-gray .checkbox .ripple-wave{background:rgba(158,158,158,.5)}.md .color-theme-white .checkbox input[type=checkbox]:checked~i,.md .color-theme-white label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-white label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#fff;border-color:#fff}.md .color-theme-white .checkbox .ripple-wave{background:rgba(255,255,255,.5)}.md .color-theme-black .checkbox input[type=checkbox]:checked~i,.md .color-theme-black label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,.md .color-theme-black label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{background-color:#000;border-color:#000}.md .color-theme-black .checkbox .ripple-wave{background:rgba(0,0,0,.5)}.md .checkbox.color-red input[type=checkbox]:checked~i,.md label.item-checkbox.color-red input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-red input[type=checkbox]:checked~.icon-checkbox{background-color:#f44336;border-color:#f44336}.md .checkbox.color-red .ripple-wave{background:rgba(244,67,54,.5)}.md .checkbox.color-green input[type=checkbox]:checked~i,.md label.item-checkbox.color-green input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-green input[type=checkbox]:checked~.icon-checkbox{background-color:#4caf50;border-color:#4caf50}.md .checkbox.color-green .ripple-wave{background:rgba(76,175,80,.5)}.md .checkbox.color-blue input[type=checkbox]:checked~i,.md label.item-checkbox.color-blue input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-blue input[type=checkbox]:checked~.icon-checkbox{background-color:#2196f3;border-color:#2196f3}.md .checkbox.color-blue .ripple-wave{background:rgba(33,150,243,.5)}.md .checkbox.color-pink input[type=checkbox]:checked~i,.md label.item-checkbox.color-pink input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-pink input[type=checkbox]:checked~.icon-checkbox{background-color:#e91e63;border-color:#e91e63}.md .checkbox.color-pink .ripple-wave{background:rgba(233,30,99,.5)}.md .checkbox.color-yellow input[type=checkbox]:checked~i,.md label.item-checkbox.color-yellow input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-yellow input[type=checkbox]:checked~.icon-checkbox{background-color:#ffeb3b;border-color:#ffeb3b}.md .checkbox.color-yellow .ripple-wave{background:rgba(255,235,59,.5)}.md .checkbox.color-orange input[type=checkbox]:checked~i,.md label.item-checkbox.color-orange input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-orange input[type=checkbox]:checked~.icon-checkbox{background-color:#ff9800;border-color:#ff9800}.md .checkbox.color-orange .ripple-wave{background:rgba(255,152,0,.5)}.md .checkbox.color-gray input[type=checkbox]:checked~i,.md label.item-checkbox.color-gray input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-gray input[type=checkbox]:checked~.icon-checkbox{background-color:#9e9e9e;border-color:#9e9e9e}.md .checkbox.color-gray .ripple-wave{background:rgba(158,158,158,.5)}.md .checkbox.color-white input[type=checkbox]:checked~i,.md label.item-checkbox.color-white input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-white input[type=checkbox]:checked~.icon-checkbox{background-color:#fff;border-color:#fff}.md .checkbox.color-white .ripple-wave{background:rgba(255,255,255,.5)}.md .checkbox.color-black input[type=checkbox]:checked~i,.md label.item-checkbox.color-black input[type=checkbox]:checked~* .icon-checkbox,.md label.item-checkbox.color-black input[type=checkbox]:checked~.icon-checkbox{background-color:#000;border-color:#000}.md .checkbox.color-black .ripple-wave{background:rgba(0,0,0,.5)}.icon-radio{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}.radio .icon-radio,label.item-radio .icon-radio{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.radio .icon-radio:after,label.item-radio .icon-radio:after{content:'';position:absolute}label.item-radio{-webkit-transition-duration:.3s;transition-duration:.3s}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.md .icon-radio{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid #6d6d6d;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-duration:.2s;transition-duration:.2s;display:block}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:#2196f3;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:.2s;transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#2196f3;-webkit-transform:scale(1);transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-left:38px}.md label.item-radio .item-content .item-media,.md label.item-radio.item-content .item-media{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md label.item-radio.active-state{background-color:rgba(0,0,0,.1)}.md .theme-dark label.item-radio.active-state{background-color:rgba(255,255,255,.05)}.md .theme-dark .icon-radio{border-color:rgba(255,255,255,.54)}.md .color-theme-red .icon-radio:after{background-color:#f44336}.md .color-theme-red .radio input[type=radio]:checked~.icon-radio,.md .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio{border-color:#f44336}.md .color-theme-red .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-red label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-red label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#f44336}.md .color-theme-red .radio .ripple-wave{background:rgba(244,67,54,.5)}.md .color-theme-green .icon-radio:after{background-color:#4caf50}.md .color-theme-green .radio input[type=radio]:checked~.icon-radio,.md .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio{border-color:#4caf50}.md .color-theme-green .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-green label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-green label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#4caf50}.md .color-theme-green .radio .ripple-wave{background:rgba(76,175,80,.5)}.md .color-theme-blue .icon-radio:after{background-color:#2196f3}.md .color-theme-blue .radio input[type=radio]:checked~.icon-radio,.md .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .color-theme-blue .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-blue label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-blue label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#2196f3}.md .color-theme-blue .radio .ripple-wave{background:rgba(33,150,243,.5)}.md .color-theme-pink .icon-radio:after{background-color:#e91e63}.md .color-theme-pink .radio input[type=radio]:checked~.icon-radio,.md .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio{border-color:#e91e63}.md .color-theme-pink .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-pink label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-pink label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#e91e63}.md .color-theme-pink .radio .ripple-wave{background:rgba(233,30,99,.5)}.md .color-theme-yellow .icon-radio:after{background-color:#ffeb3b}.md .color-theme-yellow .radio input[type=radio]:checked~.icon-radio,.md .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio{border-color:#ffeb3b}.md .color-theme-yellow .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-yellow label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-yellow label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#ffeb3b}.md .color-theme-yellow .radio .ripple-wave{background:rgba(255,235,59,.5)}.md .color-theme-orange .icon-radio:after{background-color:#ff9800}.md .color-theme-orange .radio input[type=radio]:checked~.icon-radio,.md .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio{border-color:#ff9800}.md .color-theme-orange .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-orange label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-orange label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#ff9800}.md .color-theme-orange .radio .ripple-wave{background:rgba(255,152,0,.5)}.md .color-theme-gray .icon-radio:after{background-color:#9e9e9e}.md .color-theme-gray .radio input[type=radio]:checked~.icon-radio,.md .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio{border-color:#9e9e9e}.md .color-theme-gray .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-gray label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-gray label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#9e9e9e}.md .color-theme-gray .radio .ripple-wave{background:rgba(158,158,158,.5)}.md .color-theme-white .icon-radio:after{background-color:#fff}.md .color-theme-white .radio input[type=radio]:checked~.icon-radio,.md .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio{border-color:#fff}.md .color-theme-white .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-white label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-white label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#fff}.md .color-theme-white .radio .ripple-wave{background:rgba(255,255,255,.5)}.md .color-theme-black .icon-radio:after{background-color:#000}.md .color-theme-black .radio input[type=radio]:checked~.icon-radio,.md .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio,.md .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio{border-color:#000}.md .color-theme-black .radio input[type=radio]:checked~.icon-radio:after,.md .color-theme-black label.item-radio input[type=radio]:checked~* .icon-radio:after,.md .color-theme-black label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:#000}.md .color-theme-black .radio .ripple-wave{background:rgba(0,0,0,.5)}.md .radio.color-red .icon-radio:after{background-color:#f44336}.md .radio.color-red input[type=radio]:checked~.icon-radio,.md label.item-radio.color-red input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-red input[type=radio]:checked~.icon-radio{border-color:#f44336}.md .radio.color-red input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-red input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-red input[type=radio]:checked~.icon-radio:after{background-color:#f44336}.md .radio.color-red .ripple-wave{background:rgba(244,67,54,.5)}.md .radio.color-green .icon-radio:after{background-color:#4caf50}.md .radio.color-green input[type=radio]:checked~.icon-radio,.md label.item-radio.color-green input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-green input[type=radio]:checked~.icon-radio{border-color:#4caf50}.md .radio.color-green input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-green input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-green input[type=radio]:checked~.icon-radio:after{background-color:#4caf50}.md .radio.color-green .ripple-wave{background:rgba(76,175,80,.5)}.md .radio.color-blue .icon-radio:after{background-color:#2196f3}.md .radio.color-blue input[type=radio]:checked~.icon-radio,.md label.item-radio.color-blue input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-blue input[type=radio]:checked~.icon-radio{border-color:#2196f3}.md .radio.color-blue input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-blue input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-blue input[type=radio]:checked~.icon-radio:after{background-color:#2196f3}.md .radio.color-blue .ripple-wave{background:rgba(33,150,243,.5)}.md .radio.color-pink .icon-radio:after{background-color:#e91e63}.md .radio.color-pink input[type=radio]:checked~.icon-radio,.md label.item-radio.color-pink input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-pink input[type=radio]:checked~.icon-radio{border-color:#e91e63}.md .radio.color-pink input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-pink input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-pink input[type=radio]:checked~.icon-radio:after{background-color:#e91e63}.md .radio.color-pink .ripple-wave{background:rgba(233,30,99,.5)}.md .radio.color-yellow .icon-radio:after{background-color:#ffeb3b}.md .radio.color-yellow input[type=radio]:checked~.icon-radio,.md label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-yellow input[type=radio]:checked~.icon-radio{border-color:#ffeb3b}.md .radio.color-yellow input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-yellow input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-yellow input[type=radio]:checked~.icon-radio:after{background-color:#ffeb3b}.md .radio.color-yellow .ripple-wave{background:rgba(255,235,59,.5)}.md .radio.color-orange .icon-radio:after{background-color:#ff9800}.md .radio.color-orange input[type=radio]:checked~.icon-radio,.md label.item-radio.color-orange input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-orange input[type=radio]:checked~.icon-radio{border-color:#ff9800}.md .radio.color-orange input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-orange input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-orange input[type=radio]:checked~.icon-radio:after{background-color:#ff9800}.md .radio.color-orange .ripple-wave{background:rgba(255,152,0,.5)}.md .radio.color-gray .icon-radio:after{background-color:#9e9e9e}.md .radio.color-gray input[type=radio]:checked~.icon-radio,.md label.item-radio.color-gray input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-gray input[type=radio]:checked~.icon-radio{border-color:#9e9e9e}.md .radio.color-gray input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-gray input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-gray input[type=radio]:checked~.icon-radio:after{background-color:#9e9e9e}.md .radio.color-gray .ripple-wave{background:rgba(158,158,158,.5)}.md .radio.color-white .icon-radio:after{background-color:#fff}.md .radio.color-white input[type=radio]:checked~.icon-radio,.md label.item-radio.color-white input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-white input[type=radio]:checked~.icon-radio{border-color:#fff}.md .radio.color-white input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-white input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-white input[type=radio]:checked~.icon-radio:after{background-color:#fff}.md .radio.color-white .ripple-wave{background:rgba(255,255,255,.5)}.md .radio.color-black .icon-radio:after{background-color:#000}.md .radio.color-black input[type=radio]:checked~.icon-radio,.md label.item-radio.color-black input[type=radio]:checked~* .icon-radio,.md label.item-radio.color-black input[type=radio]:checked~.icon-radio{border-color:#000}.md .radio.color-black input[type=radio]:checked~.icon-radio:after,.md label.item-radio.color-black input[type=radio]:checked~* .icon-radio:after,.md label.item-radio.color-black input[type=radio]:checked~.icon-radio:after{background-color:#000}.md .radio.color-black .ripple-wave{background:rgba(0,0,0,.5)}.toggle{display:inline-block;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:''}.toggle-icon:after{background:#fff;position:absolute;z-index:2;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-duration:.3s;transition-duration:.3s}.md .toggle{width:36px;height:14px}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(-16px);transform:translateX(-16px);background:#2196f3}.md .toggle-icon{width:36px;height:14px;border-radius:14px;background:#b0afaf}.md .toggle-icon:after{height:20px;width:20px;top:-3px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:10px;right:0}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#000}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon:after{background:#000}.range-slider{display:block;width:100%;position:relative;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-bar{position:absolute;left:0;top:50%;width:100%;overflow:hidden}.range-bar-active{position:absolute;right:0;top:0;height:100%}.range-knob-wrap{z-index:20;position:absolute;top:50%;right:0}.range-knob{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translateY(100%) scale(0);transform:translateY(100%) scale(0)}.range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.md .range-slider{height:20px}.md .range-bar{background:#b9b9b9;height:2px;margin-top:-1px}.md .range-bar-active{background:#2196f3}.md .range-knob-wrap{height:12px;width:12px;margin-top:-6px;margin-right:-6px}.md .range-knob{background:#2196f3;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform}.md .range-knob-active-state .range-knob{-webkit-transform:scale(1.5);transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid #b9b9b9}.md .range-knob-label{width:26px;height:26px;margin-left:-13px;margin-bottom:8px;background:#2196f3;color:#fff;font-size:10px;border-radius:50%;line-height:26px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:-13px;position:absolute;z-index:-1;width:26px;height:26px;background:#2196f3;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{-webkit-transform:scale(0);transform:scale(0)}.md .color-theme-red .range-slider .range-bar-active,.md .color-theme-red .range-slider .range-knob,.md .color-theme-red .range-slider .range-knob-label,.md .color-theme-red .range-slider .range-knob-label:before{background-color:#f44336}.md .color-theme-green .range-slider .range-bar-active,.md .color-theme-green .range-slider .range-knob,.md .color-theme-green .range-slider .range-knob-label,.md .color-theme-green .range-slider .range-knob-label:before{background-color:#4caf50}.md .color-theme-blue .range-slider .range-bar-active,.md .color-theme-blue .range-slider .range-knob,.md .color-theme-blue .range-slider .range-knob-label,.md .color-theme-blue .range-slider .range-knob-label:before{background-color:#2196f3}.md .color-theme-pink .range-slider .range-bar-active,.md .color-theme-pink .range-slider .range-knob,.md .color-theme-pink .range-slider .range-knob-label,.md .color-theme-pink .range-slider .range-knob-label:before{background-color:#e91e63}.md .color-theme-yellow .range-slider .range-bar-active,.md .color-theme-yellow .range-slider .range-knob,.md .color-theme-yellow .range-slider .range-knob-label,.md .color-theme-yellow .range-slider .range-knob-label:before{background-color:#ffeb3b}.md .color-theme-orange .range-slider .range-bar-active,.md .color-theme-orange .range-slider .range-knob,.md .color-theme-orange .range-slider .range-knob-label,.md .color-theme-orange .range-slider .range-knob-label:before{background-color:#ff9800}.md .color-theme-gray .range-slider .range-bar-active,.md .color-theme-gray .range-slider .range-knob,.md .color-theme-gray .range-slider .range-knob-label,.md .color-theme-gray .range-slider .range-knob-label:before{background-color:#9e9e9e}.md .color-theme-white .range-slider .range-bar-active,.md .color-theme-white .range-slider .range-knob,.md .color-theme-white .range-slider .range-knob-label,.md .color-theme-white .range-slider .range-knob-label:before{background-color:#fff}.md .color-theme-black .range-slider .range-bar-active,.md .color-theme-black .range-slider .range-knob,.md .color-theme-black .range-slider .range-knob-label,.md .color-theme-black .range-slider .range-knob-label:before{background-color:#000}.md .range-slider.color-red .range-bar-active,.md .range-slider.color-red .range-knob,.md .range-slider.color-red .range-knob-label,.md .range-slider.color-red .range-knob-label:before{background-color:#f44336}.md .range-slider.color-green .range-bar-active,.md .range-slider.color-green .range-knob,.md .range-slider.color-green .range-knob-label,.md .range-slider.color-green .range-knob-label:before{background-color:#4caf50}.md .range-slider.color-blue .range-bar-active,.md .range-slider.color-blue .range-knob,.md .range-slider.color-blue .range-knob-label,.md .range-slider.color-blue .range-knob-label:before{background-color:#2196f3}.md .range-slider.color-pink .range-bar-active,.md .range-slider.color-pink .range-knob,.md .range-slider.color-pink .range-knob-label,.md .range-slider.color-pink .range-knob-label:before{background-color:#e91e63}.md .range-slider.color-yellow .range-bar-active,.md .range-slider.color-yellow .range-knob,.md .range-slider.color-yellow .range-knob-label,.md .range-slider.color-yellow .range-knob-label:before{background-color:#ffeb3b}.md .range-slider.color-orange .range-bar-active,.md .range-slider.color-orange .range-knob,.md .range-slider.color-orange .range-knob-label,.md .range-slider.color-orange .range-knob-label:before{background-color:#ff9800}.md .range-slider.color-gray .range-bar-active,.md .range-slider.color-gray .range-knob,.md .range-slider.color-gray .range-knob-label,.md .range-slider.color-gray .range-knob-label:before{background-color:#9e9e9e}.md .range-slider.color-white .range-bar-active,.md .range-slider.color-white .range-knob,.md .range-slider.color-white .range-knob-label,.md .range-slider.color-white .range-knob-label:before{background-color:#fff}.md .range-slider.color-black .range-bar-active,.md .range-slider.color-black .range-knob,.md .range-slider.color-black .range-knob-label,.md .range-slider.color-black .range-knob-label:before{background-color:#000}.stepper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.stepper-button,.stepper-button-minus,.stepper-button-plus{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-value{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.stepper-input-wrap,.stepper-value{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper .stepper-input-wrap input,.stepper .stepper-value{width:45px}.md .stepper{height:36px}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{border:2px solid #2196f3;color:#2196f3;line-height:34px;height:36px;width:40px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden}.md .stepper-button+.stepper-button,.md .stepper-button+.stepper-button-minus,.md .stepper-button+.stepper-button-plus,.md .stepper-button-minus+.stepper-button,.md .stepper-button-minus+.stepper-button-minus,.md .stepper-button-minus+.stepper-button-plus,.md .stepper-button-plus+.stepper-button,.md .stepper-button-plus+.stepper-button-minus,.md .stepper-button-plus+.stepper-button-plus{border-right:none}.md .stepper-button-minus.active-state,.md .stepper-button-plus.active-state,.md .stepper-button.active-state{background:rgba(0,0,0,.1)}.md .stepper-button-minus:first-child,.md .stepper-button-plus:first-child,.md .stepper-button:first-child{border-radius:0 4px 4px 0}.md .stepper-button-minus:last-child,.md .stepper-button-plus:last-child,.md .stepper-button:last-child{border-radius:4px 0 0 4px}.md .stepper-button-minus:after,.md .stepper-button-minus:before,.md .stepper-button-plus:after,.md .stepper-button-plus:before{background:#2196f3}.md .stepper-input-wrap,.md .stepper-value{border-top:2px solid #2196f3;border-bottom:2px solid #2196f3}.md .stepper .stepper-input-wrap input,.md .stepper .stepper-value{color:#2196f3;font-size:14px;font-weight:500;text-align:center}.md .stepper .stepper-input-wrap input{height:100%}.md .stepper-fill .stepper-button,.md .stepper-fill .stepper-button-minus,.md .stepper-fill .stepper-button-plus,.md .stepper-fill-md .stepper-button,.md .stepper-fill-md .stepper-button-minus,.md .stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff;border:none;line-height:36px}.md .stepper-fill .stepper-button-minus.active-state,.md .stepper-fill .stepper-button-plus.active-state,.md .stepper-fill .stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus.active-state,.md .stepper-fill-md .stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper-fill .stepper-button-minus:after,.md .stepper-fill .stepper-button-minus:before,.md .stepper-fill .stepper-button-plus:after,.md .stepper-fill .stepper-button-plus:before,.md .stepper-fill .stepper-button:after,.md .stepper-fill .stepper-button:before,.md .stepper-fill-md .stepper-button-minus:after,.md .stepper-fill-md .stepper-button-minus:before,.md .stepper-fill-md .stepper-button-plus:after,.md .stepper-fill-md .stepper-button-plus:before,.md .stepper-fill-md .stepper-button:after,.md .stepper-fill-md .stepper-button:before{background:#fff}.md .stepper-fill .stepper-button+.stepper-button,.md .stepper-fill .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus{border-right:1px solid rgba(0,0,0,.1)}.md .stepper-fill-md.stepper-big .stepper-button,.md .stepper-fill-md.stepper-big .stepper-button-minus,.md .stepper-fill-md.stepper-big .stepper-button-plus,.md .stepper-fill-md.stepper-big-md .stepper-button,.md .stepper-fill-md.stepper-big-md .stepper-button-minus,.md .stepper-fill-md.stepper-big-md .stepper-button-plus,.md .stepper-fill.stepper-big .stepper-button,.md .stepper-fill.stepper-big .stepper-button-minus,.md .stepper-fill.stepper-big .stepper-button-plus,.md .stepper-fill.stepper-big-md .stepper-button,.md .stepper-fill.stepper-big-md .stepper-button-minus,.md .stepper-fill.stepper-big-md .stepper-button-plus{line-height:48px}.md .stepper-fill-md.stepper-small .stepper-button,.md .stepper-fill-md.stepper-small .stepper-button-minus,.md .stepper-fill-md.stepper-small .stepper-button-plus,.md .stepper-fill-md.stepper-small-md .stepper-button,.md .stepper-fill-md.stepper-small-md .stepper-button-minus,.md .stepper-fill-md.stepper-small-md .stepper-button-plus,.md .stepper-fill.stepper-small .stepper-button,.md .stepper-fill.stepper-small .stepper-button-minus,.md .stepper-fill.stepper-small .stepper-button-plus,.md .stepper-fill.stepper-small-md .stepper-button,.md .stepper-fill.stepper-small-md .stepper-button-minus,.md .stepper-fill.stepper-small-md .stepper-button-plus{line-height:28px}.md .stepper-small,.md .stepper-small-md{height:28px}.md .stepper-small .stepper-button,.md .stepper-small .stepper-button-minus,.md .stepper-small .stepper-button-plus,.md .stepper-small-md .stepper-button,.md .stepper-small-md .stepper-button-minus,.md .stepper-small-md .stepper-button-plus{height:28px;line-height:24px}.md .stepper-small .stepper-button,.md .stepper-small .stepper-button-minus,.md .stepper-small .stepper-button-plus,.md .stepper-small .stepper-input-wrap,.md .stepper-small .stepper-value,.md .stepper-small-md .stepper-button,.md .stepper-small-md .stepper-button-minus,.md .stepper-small-md .stepper-button-plus,.md .stepper-small-md .stepper-input-wrap,.md .stepper-small-md .stepper-value{border-width:2px}.md .stepper-big,.md .stepper-big-md{height:48px}.md .stepper-big .stepper-button,.md .stepper-big .stepper-button-minus,.md .stepper-big .stepper-button-plus,.md .stepper-big-md .stepper-button,.md .stepper-big-md .stepper-button-minus,.md .stepper-big-md .stepper-button-plus{height:48px;line-height:46px}.md .stepper-big .stepper-button-minus:first-child,.md .stepper-big .stepper-button-plus:first-child,.md .stepper-big .stepper-button:first-child,.md .stepper-big-md .stepper-button-minus:first-child,.md .stepper-big-md .stepper-button-plus:first-child,.md .stepper-big-md .stepper-button:first-child{border-radius:0 4px 4px 0}.md .stepper-big .stepper-button-minus:last-child,.md .stepper-big .stepper-button-plus:last-child,.md .stepper-big .stepper-button:last-child,.md .stepper-big-md .stepper-button-minus:last-child,.md .stepper-big-md .stepper-button-plus:last-child,.md .stepper-big-md .stepper-button:last-child{border-radius:4px 0 0 4px}.md .stepper-round .stepper-button-minus:first-child,.md .stepper-round .stepper-button-plus:first-child,.md .stepper-round .stepper-button:first-child,.md .stepper-round-md .stepper-button-minus:first-child,.md .stepper-round-md .stepper-button-plus:first-child,.md .stepper-round-md .stepper-button:first-child{border-radius:0 36px 36px 0}.md .stepper-round .stepper-button-minus:last-child,.md .stepper-round .stepper-button-plus:last-child,.md .stepper-round .stepper-button:last-child,.md .stepper-round-md .stepper-button-minus:last-child,.md .stepper-round-md .stepper-button-plus:last-child,.md .stepper-round-md .stepper-button:last-child{border-radius:36px 0 0 36px}.md .stepper-raised{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:4px}.md .stepper-raised.stepper-big,.md .stepper-raised.stepper-big-md{border-radius:4px}.md .stepper-raised.stepper-round,.md .stepper-raised.stepper-round-md{border-radius:36px}.md .stepper-raised .stepper-input-wrap,.md .stepper-raised .stepper-value{border:none}.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-input-wrap,.md .stepper-raised:not(.stepper-fill):not(.stepper-fill-md) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.md .stepper-raised .stepper-button,.md .stepper-raised .stepper-button-minus,.md .stepper-raised .stepper-button-plus{border:none}.md .stepper-raised .stepper-button+.stepper-button,.md .stepper-raised .stepper-button-minus+.stepper-button-plus{border-right:1px solid rgba(0,0,0,.1)}.md .color-theme-red .stepper-button,.md .color-theme-red .stepper-button-minus,.md .color-theme-red .stepper-button-plus{border-color:#f44336;color:#f44336}.md .color-theme-red .stepper-button-minus:after,.md .color-theme-red .stepper-button-minus:before,.md .color-theme-red .stepper-button-plus:after,.md .color-theme-red .stepper-button-plus:before{background:#f44336}.md .color-theme-red .stepper-input-wrap,.md .color-theme-red .stepper-value{border-top-color:#f44336;border-bottom-color:#f44336}.md .color-theme-red .stepper-input-wrap input,.md .color-theme-red .stepper-value{color:#f44336}.md .color-theme-red .stepper-fill .stepper-button,.md .color-theme-red .stepper-fill .stepper-button-minus,.md .color-theme-red .stepper-fill .stepper-button-plus,.md .color-theme-red .stepper-fill-md .stepper-button,.md .color-theme-red .stepper-fill-md .stepper-button-minus,.md .color-theme-red .stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .color-theme-red .stepper-fill .stepper-button-minus.active-state,.md .color-theme-red .stepper-fill .stepper-button-plus.active-state,.md .color-theme-red .stepper-fill .stepper-button.active-state,.md .color-theme-red .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-red .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-red .stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .color-theme-red .stepper-fill .stepper-button-minus:after,.md .color-theme-red .stepper-fill .stepper-button-minus:before,.md .color-theme-red .stepper-fill .stepper-button-plus:after,.md .color-theme-red .stepper-fill .stepper-button-plus:before,.md .color-theme-red .stepper-fill .stepper-button:after,.md .color-theme-red .stepper-fill .stepper-button:before,.md .color-theme-red .stepper-fill-md .stepper-button-minus:after,.md .color-theme-red .stepper-fill-md .stepper-button-minus:before,.md .color-theme-red .stepper-fill-md .stepper-button-plus:after,.md .color-theme-red .stepper-fill-md .stepper-button-plus:before,.md .color-theme-red .stepper-fill-md .stepper-button:after,.md .color-theme-red .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-green .stepper-button,.md .color-theme-green .stepper-button-minus,.md .color-theme-green .stepper-button-plus{border-color:#4caf50;color:#4caf50}.md .color-theme-green .stepper-button-minus:after,.md .color-theme-green .stepper-button-minus:before,.md .color-theme-green .stepper-button-plus:after,.md .color-theme-green .stepper-button-plus:before{background:#4caf50}.md .color-theme-green .stepper-input-wrap,.md .color-theme-green .stepper-value{border-top-color:#4caf50;border-bottom-color:#4caf50}.md .color-theme-green .stepper-input-wrap input,.md .color-theme-green .stepper-value{color:#4caf50}.md .color-theme-green .stepper-fill .stepper-button,.md .color-theme-green .stepper-fill .stepper-button-minus,.md .color-theme-green .stepper-fill .stepper-button-plus,.md .color-theme-green .stepper-fill-md .stepper-button,.md .color-theme-green .stepper-fill-md .stepper-button-minus,.md .color-theme-green .stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .color-theme-green .stepper-fill .stepper-button-minus.active-state,.md .color-theme-green .stepper-fill .stepper-button-plus.active-state,.md .color-theme-green .stepper-fill .stepper-button.active-state,.md .color-theme-green .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-green .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-green .stepper-fill-md .stepper-button.active-state{background:#409343}.md .color-theme-green .stepper-fill .stepper-button-minus:after,.md .color-theme-green .stepper-fill .stepper-button-minus:before,.md .color-theme-green .stepper-fill .stepper-button-plus:after,.md .color-theme-green .stepper-fill .stepper-button-plus:before,.md .color-theme-green .stepper-fill .stepper-button:after,.md .color-theme-green .stepper-fill .stepper-button:before,.md .color-theme-green .stepper-fill-md .stepper-button-minus:after,.md .color-theme-green .stepper-fill-md .stepper-button-minus:before,.md .color-theme-green .stepper-fill-md .stepper-button-plus:after,.md .color-theme-green .stepper-fill-md .stepper-button-plus:before,.md .color-theme-green .stepper-fill-md .stepper-button:after,.md .color-theme-green .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-blue .stepper-button,.md .color-theme-blue .stepper-button-minus,.md .color-theme-blue .stepper-button-plus{border-color:#2196f3;color:#2196f3}.md .color-theme-blue .stepper-button-minus:after,.md .color-theme-blue .stepper-button-minus:before,.md .color-theme-blue .stepper-button-plus:after,.md .color-theme-blue .stepper-button-plus:before{background:#2196f3}.md .color-theme-blue .stepper-input-wrap,.md .color-theme-blue .stepper-value{border-top-color:#2196f3;border-bottom-color:#2196f3}.md .color-theme-blue .stepper-input-wrap input,.md .color-theme-blue .stepper-value{color:#2196f3}.md .color-theme-blue .stepper-fill .stepper-button,.md .color-theme-blue .stepper-fill .stepper-button-minus,.md .color-theme-blue .stepper-fill .stepper-button-plus,.md .color-theme-blue .stepper-fill-md .stepper-button,.md .color-theme-blue .stepper-fill-md .stepper-button-minus,.md .color-theme-blue .stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .color-theme-blue .stepper-fill .stepper-button-minus.active-state,.md .color-theme-blue .stepper-fill .stepper-button-plus.active-state,.md .color-theme-blue .stepper-fill .stepper-button.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-blue .stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .color-theme-blue .stepper-fill .stepper-button-minus:after,.md .color-theme-blue .stepper-fill .stepper-button-minus:before,.md .color-theme-blue .stepper-fill .stepper-button-plus:after,.md .color-theme-blue .stepper-fill .stepper-button-plus:before,.md .color-theme-blue .stepper-fill .stepper-button:after,.md .color-theme-blue .stepper-fill .stepper-button:before,.md .color-theme-blue .stepper-fill-md .stepper-button-minus:after,.md .color-theme-blue .stepper-fill-md .stepper-button-minus:before,.md .color-theme-blue .stepper-fill-md .stepper-button-plus:after,.md .color-theme-blue .stepper-fill-md .stepper-button-plus:before,.md .color-theme-blue .stepper-fill-md .stepper-button:after,.md .color-theme-blue .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-pink .stepper-button,.md .color-theme-pink .stepper-button-minus,.md .color-theme-pink .stepper-button-plus{border-color:#e91e63;color:#e91e63}.md .color-theme-pink .stepper-button-minus:after,.md .color-theme-pink .stepper-button-minus:before,.md .color-theme-pink .stepper-button-plus:after,.md .color-theme-pink .stepper-button-plus:before{background:#e91e63}.md .color-theme-pink .stepper-input-wrap,.md .color-theme-pink .stepper-value{border-top-color:#e91e63;border-bottom-color:#e91e63}.md .color-theme-pink .stepper-input-wrap input,.md .color-theme-pink .stepper-value{color:#e91e63}.md .color-theme-pink .stepper-fill .stepper-button,.md .color-theme-pink .stepper-fill .stepper-button-minus,.md .color-theme-pink .stepper-fill .stepper-button-plus,.md .color-theme-pink .stepper-fill-md .stepper-button,.md .color-theme-pink .stepper-fill-md .stepper-button-minus,.md .color-theme-pink .stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .color-theme-pink .stepper-fill .stepper-button-minus.active-state,.md .color-theme-pink .stepper-fill .stepper-button-plus.active-state,.md .color-theme-pink .stepper-fill .stepper-button.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-pink .stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .color-theme-pink .stepper-fill .stepper-button-minus:after,.md .color-theme-pink .stepper-fill .stepper-button-minus:before,.md .color-theme-pink .stepper-fill .stepper-button-plus:after,.md .color-theme-pink .stepper-fill .stepper-button-plus:before,.md .color-theme-pink .stepper-fill .stepper-button:after,.md .color-theme-pink .stepper-fill .stepper-button:before,.md .color-theme-pink .stepper-fill-md .stepper-button-minus:after,.md .color-theme-pink .stepper-fill-md .stepper-button-minus:before,.md .color-theme-pink .stepper-fill-md .stepper-button-plus:after,.md .color-theme-pink .stepper-fill-md .stepper-button-plus:before,.md .color-theme-pink .stepper-fill-md .stepper-button:after,.md .color-theme-pink .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-yellow .stepper-button,.md .color-theme-yellow .stepper-button-minus,.md .color-theme-yellow .stepper-button-plus{border-color:#ffeb3b;color:#ffeb3b}.md .color-theme-yellow .stepper-button-minus:after,.md .color-theme-yellow .stepper-button-minus:before,.md .color-theme-yellow .stepper-button-plus:after,.md .color-theme-yellow .stepper-button-plus:before{background:#ffeb3b}.md .color-theme-yellow .stepper-input-wrap,.md .color-theme-yellow .stepper-value{border-top-color:#ffeb3b;border-bottom-color:#ffeb3b}.md .color-theme-yellow .stepper-input-wrap input,.md .color-theme-yellow .stepper-value{color:#ffeb3b}.md .color-theme-yellow .stepper-fill .stepper-button,.md .color-theme-yellow .stepper-fill .stepper-button-minus,.md .color-theme-yellow .stepper-fill .stepper-button-plus,.md .color-theme-yellow .stepper-fill-md .stepper-button,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .color-theme-yellow .stepper-fill .stepper-button-minus.active-state,.md .color-theme-yellow .stepper-fill .stepper-button-plus.active-state,.md .color-theme-yellow .stepper-fill .stepper-button.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-yellow .stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .color-theme-yellow .stepper-fill .stepper-button-minus:after,.md .color-theme-yellow .stepper-fill .stepper-button-minus:before,.md .color-theme-yellow .stepper-fill .stepper-button-plus:after,.md .color-theme-yellow .stepper-fill .stepper-button-plus:before,.md .color-theme-yellow .stepper-fill .stepper-button:after,.md .color-theme-yellow .stepper-fill .stepper-button:before,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:after,.md .color-theme-yellow .stepper-fill-md .stepper-button-minus:before,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:after,.md .color-theme-yellow .stepper-fill-md .stepper-button-plus:before,.md .color-theme-yellow .stepper-fill-md .stepper-button:after,.md .color-theme-yellow .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-orange .stepper-button,.md .color-theme-orange .stepper-button-minus,.md .color-theme-orange .stepper-button-plus{border-color:#ff9800;color:#ff9800}.md .color-theme-orange .stepper-button-minus:after,.md .color-theme-orange .stepper-button-minus:before,.md .color-theme-orange .stepper-button-plus:after,.md .color-theme-orange .stepper-button-plus:before{background:#ff9800}.md .color-theme-orange .stepper-input-wrap,.md .color-theme-orange .stepper-value{border-top-color:#ff9800;border-bottom-color:#ff9800}.md .color-theme-orange .stepper-input-wrap input,.md .color-theme-orange .stepper-value{color:#ff9800}.md .color-theme-orange .stepper-fill .stepper-button,.md .color-theme-orange .stepper-fill .stepper-button-minus,.md .color-theme-orange .stepper-fill .stepper-button-plus,.md .color-theme-orange .stepper-fill-md .stepper-button,.md .color-theme-orange .stepper-fill-md .stepper-button-minus,.md .color-theme-orange .stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .color-theme-orange .stepper-fill .stepper-button-minus.active-state,.md .color-theme-orange .stepper-fill .stepper-button-plus.active-state,.md .color-theme-orange .stepper-fill .stepper-button.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-orange .stepper-fill-md .stepper-button.active-state{background:#d68000}.md .color-theme-orange .stepper-fill .stepper-button-minus:after,.md .color-theme-orange .stepper-fill .stepper-button-minus:before,.md .color-theme-orange .stepper-fill .stepper-button-plus:after,.md .color-theme-orange .stepper-fill .stepper-button-plus:before,.md .color-theme-orange .stepper-fill .stepper-button:after,.md .color-theme-orange .stepper-fill .stepper-button:before,.md .color-theme-orange .stepper-fill-md .stepper-button-minus:after,.md .color-theme-orange .stepper-fill-md .stepper-button-minus:before,.md .color-theme-orange .stepper-fill-md .stepper-button-plus:after,.md .color-theme-orange .stepper-fill-md .stepper-button-plus:before,.md .color-theme-orange .stepper-fill-md .stepper-button:after,.md .color-theme-orange .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-gray .stepper-button,.md .color-theme-gray .stepper-button-minus,.md .color-theme-gray .stepper-button-plus{border-color:#9e9e9e;color:#9e9e9e}.md .color-theme-gray .stepper-button-minus:after,.md .color-theme-gray .stepper-button-minus:before,.md .color-theme-gray .stepper-button-plus:after,.md .color-theme-gray .stepper-button-plus:before{background:#9e9e9e}.md .color-theme-gray .stepper-input-wrap,.md .color-theme-gray .stepper-value{border-top-color:#9e9e9e;border-bottom-color:#9e9e9e}.md .color-theme-gray .stepper-input-wrap input,.md .color-theme-gray .stepper-value{color:#9e9e9e}.md .color-theme-gray .stepper-fill .stepper-button,.md .color-theme-gray .stepper-fill .stepper-button-minus,.md .color-theme-gray .stepper-fill .stepper-button-plus,.md .color-theme-gray .stepper-fill-md .stepper-button,.md .color-theme-gray .stepper-fill-md .stepper-button-minus,.md .color-theme-gray .stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .color-theme-gray .stepper-fill .stepper-button-minus.active-state,.md .color-theme-gray .stepper-fill .stepper-button-plus.active-state,.md .color-theme-gray .stepper-fill .stepper-button.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-gray .stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .color-theme-gray .stepper-fill .stepper-button-minus:after,.md .color-theme-gray .stepper-fill .stepper-button-minus:before,.md .color-theme-gray .stepper-fill .stepper-button-plus:after,.md .color-theme-gray .stepper-fill .stepper-button-plus:before,.md .color-theme-gray .stepper-fill .stepper-button:after,.md .color-theme-gray .stepper-fill .stepper-button:before,.md .color-theme-gray .stepper-fill-md .stepper-button-minus:after,.md .color-theme-gray .stepper-fill-md .stepper-button-minus:before,.md .color-theme-gray .stepper-fill-md .stepper-button-plus:after,.md .color-theme-gray .stepper-fill-md .stepper-button-plus:before,.md .color-theme-gray .stepper-fill-md .stepper-button:after,.md .color-theme-gray .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-white .stepper-button,.md .color-theme-white .stepper-button-minus,.md .color-theme-white .stepper-button-plus{border-color:#fff;color:#fff}.md .color-theme-white .stepper-button-minus:after,.md .color-theme-white .stepper-button-minus:before,.md .color-theme-white .stepper-button-plus:after,.md .color-theme-white .stepper-button-plus:before{background:#fff}.md .color-theme-white .stepper-input-wrap,.md .color-theme-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.md .color-theme-white .stepper-input-wrap input,.md .color-theme-white .stepper-value{color:#fff}.md .color-theme-white .stepper-fill .stepper-button,.md .color-theme-white .stepper-fill .stepper-button-minus,.md .color-theme-white .stepper-fill .stepper-button-plus,.md .color-theme-white .stepper-fill-md .stepper-button,.md .color-theme-white .stepper-fill-md .stepper-button-minus,.md .color-theme-white .stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .color-theme-white .stepper-fill .stepper-button-minus.active-state,.md .color-theme-white .stepper-fill .stepper-button-plus.active-state,.md .color-theme-white .stepper-fill .stepper-button.active-state,.md .color-theme-white .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-white .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-white .stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .color-theme-white .stepper-fill .stepper-button-minus:after,.md .color-theme-white .stepper-fill .stepper-button-minus:before,.md .color-theme-white .stepper-fill .stepper-button-plus:after,.md .color-theme-white .stepper-fill .stepper-button-plus:before,.md .color-theme-white .stepper-fill .stepper-button:after,.md .color-theme-white .stepper-fill .stepper-button:before,.md .color-theme-white .stepper-fill-md .stepper-button-minus:after,.md .color-theme-white .stepper-fill-md .stepper-button-minus:before,.md .color-theme-white .stepper-fill-md .stepper-button-plus:after,.md .color-theme-white .stepper-fill-md .stepper-button-plus:before,.md .color-theme-white .stepper-fill-md .stepper-button:after,.md .color-theme-white .stepper-fill-md .stepper-button:before{background:#fff}.md .color-theme-black .stepper-button,.md .color-theme-black .stepper-button-minus,.md .color-theme-black .stepper-button-plus{border-color:#000;color:#000}.md .color-theme-black .stepper-button-minus:after,.md .color-theme-black .stepper-button-minus:before,.md .color-theme-black .stepper-button-plus:after,.md .color-theme-black .stepper-button-plus:before{background:#000}.md .color-theme-black .stepper-input-wrap,.md .color-theme-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.md .color-theme-black .stepper-input-wrap input,.md .color-theme-black .stepper-value{color:#000}.md .color-theme-black .stepper-fill .stepper-button,.md .color-theme-black .stepper-fill .stepper-button-minus,.md .color-theme-black .stepper-fill .stepper-button-plus,.md .color-theme-black .stepper-fill-md .stepper-button,.md .color-theme-black .stepper-fill-md .stepper-button-minus,.md .color-theme-black .stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .color-theme-black .stepper-fill .stepper-button-minus.active-state,.md .color-theme-black .stepper-fill .stepper-button-plus.active-state,.md .color-theme-black .stepper-fill .stepper-button.active-state,.md .color-theme-black .stepper-fill-md .stepper-button-minus.active-state,.md .color-theme-black .stepper-fill-md .stepper-button-plus.active-state,.md .color-theme-black .stepper-fill-md .stepper-button.active-state{background:#000}.md .color-theme-black .stepper-fill .stepper-button-minus:after,.md .color-theme-black .stepper-fill .stepper-button-minus:before,.md .color-theme-black .stepper-fill .stepper-button-plus:after,.md .color-theme-black .stepper-fill .stepper-button-plus:before,.md .color-theme-black .stepper-fill .stepper-button:after,.md .color-theme-black .stepper-fill .stepper-button:before,.md .color-theme-black .stepper-fill-md .stepper-button-minus:after,.md .color-theme-black .stepper-fill-md .stepper-button-minus:before,.md .color-theme-black .stepper-fill-md .stepper-button-plus:after,.md .color-theme-black .stepper-fill-md .stepper-button-plus:before,.md .color-theme-black .stepper-fill-md .stepper-button:after,.md .color-theme-black .stepper-fill-md .stepper-button:before{background:#fff}.md .stepper.color-red .stepper-button,.md .stepper.color-red .stepper-button-minus,.md .stepper.color-red .stepper-button-plus{border-color:#f44336;color:#f44336}.md .stepper.color-red .stepper-button-minus:after,.md .stepper.color-red .stepper-button-minus:before,.md .stepper.color-red .stepper-button-plus:after,.md .stepper.color-red .stepper-button-plus:before{background:#f44336}.md .stepper.color-red .stepper-input-wrap,.md .stepper.color-red .stepper-value{border-top-color:#f44336;border-bottom-color:#f44336}.md .stepper.color-red .stepper-input-wrap input,.md .stepper.color-red .stepper-value{color:#f44336}.md .stepper-fill-md.color-red .stepper-button,.md .stepper-fill-md.color-red .stepper-button-minus,.md .stepper-fill-md.color-red .stepper-button-plus,.md .stepper-fill.color-red .stepper-button,.md .stepper-fill.color-red .stepper-button-minus,.md .stepper-fill.color-red .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper-fill-md.color-red .stepper-button-minus.active-state,.md .stepper-fill-md.color-red .stepper-button-plus.active-state,.md .stepper-fill-md.color-red .stepper-button.active-state,.md .stepper-fill.color-red .stepper-button-minus.active-state,.md .stepper-fill.color-red .stepper-button-plus.active-state,.md .stepper-fill.color-red .stepper-button.active-state{background:#f21f0f}.md .stepper-fill-md.color-red .stepper-button-minus:after,.md .stepper-fill-md.color-red .stepper-button-minus:before,.md .stepper-fill-md.color-red .stepper-button-plus:after,.md .stepper-fill-md.color-red .stepper-button-plus:before,.md .stepper-fill-md.color-red .stepper-button:after,.md .stepper-fill-md.color-red .stepper-button:before,.md .stepper-fill.color-red .stepper-button-minus:after,.md .stepper-fill.color-red .stepper-button-minus:before,.md .stepper-fill.color-red .stepper-button-plus:after,.md .stepper-fill.color-red .stepper-button-plus:before,.md .stepper-fill.color-red .stepper-button:after,.md .stepper-fill.color-red .stepper-button:before{background:#fff}.md .stepper.color-green .stepper-button,.md .stepper.color-green .stepper-button-minus,.md .stepper.color-green .stepper-button-plus{border-color:#4caf50;color:#4caf50}.md .stepper.color-green .stepper-button-minus:after,.md .stepper.color-green .stepper-button-minus:before,.md .stepper.color-green .stepper-button-plus:after,.md .stepper.color-green .stepper-button-plus:before{background:#4caf50}.md .stepper.color-green .stepper-input-wrap,.md .stepper.color-green .stepper-value{border-top-color:#4caf50;border-bottom-color:#4caf50}.md .stepper.color-green .stepper-input-wrap input,.md .stepper.color-green .stepper-value{color:#4caf50}.md .stepper-fill-md.color-green .stepper-button,.md .stepper-fill-md.color-green .stepper-button-minus,.md .stepper-fill-md.color-green .stepper-button-plus,.md .stepper-fill.color-green .stepper-button,.md .stepper-fill.color-green .stepper-button-minus,.md .stepper-fill.color-green .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper-fill-md.color-green .stepper-button-minus.active-state,.md .stepper-fill-md.color-green .stepper-button-plus.active-state,.md .stepper-fill-md.color-green .stepper-button.active-state,.md .stepper-fill.color-green .stepper-button-minus.active-state,.md .stepper-fill.color-green .stepper-button-plus.active-state,.md .stepper-fill.color-green .stepper-button.active-state{background:#409343}.md .stepper-fill-md.color-green .stepper-button-minus:after,.md .stepper-fill-md.color-green .stepper-button-minus:before,.md .stepper-fill-md.color-green .stepper-button-plus:after,.md .stepper-fill-md.color-green .stepper-button-plus:before,.md .stepper-fill-md.color-green .stepper-button:after,.md .stepper-fill-md.color-green .stepper-button:before,.md .stepper-fill.color-green .stepper-button-minus:after,.md .stepper-fill.color-green .stepper-button-minus:before,.md .stepper-fill.color-green .stepper-button-plus:after,.md .stepper-fill.color-green .stepper-button-plus:before,.md .stepper-fill.color-green .stepper-button:after,.md .stepper-fill.color-green .stepper-button:before{background:#fff}.md .stepper.color-blue .stepper-button,.md .stepper.color-blue .stepper-button-minus,.md .stepper.color-blue .stepper-button-plus{border-color:#2196f3;color:#2196f3}.md .stepper.color-blue .stepper-button-minus:after,.md .stepper.color-blue .stepper-button-minus:before,.md .stepper.color-blue .stepper-button-plus:after,.md .stepper.color-blue .stepper-button-plus:before{background:#2196f3}.md .stepper.color-blue .stepper-input-wrap,.md .stepper.color-blue .stepper-value{border-top-color:#2196f3;border-bottom-color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input,.md .stepper.color-blue .stepper-value{color:#2196f3}.md .stepper-fill-md.color-blue .stepper-button,.md .stepper-fill-md.color-blue .stepper-button-minus,.md .stepper-fill-md.color-blue .stepper-button-plus,.md .stepper-fill.color-blue .stepper-button,.md .stepper-fill.color-blue .stepper-button-minus,.md .stepper-fill.color-blue .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper-fill-md.color-blue .stepper-button-minus.active-state,.md .stepper-fill-md.color-blue .stepper-button-plus.active-state,.md .stepper-fill-md.color-blue .stepper-button.active-state,.md .stepper-fill.color-blue .stepper-button-minus.active-state,.md .stepper-fill.color-blue .stepper-button-plus.active-state,.md .stepper-fill.color-blue .stepper-button.active-state{background:#0c82df}.md .stepper-fill-md.color-blue .stepper-button-minus:after,.md .stepper-fill-md.color-blue .stepper-button-minus:before,.md .stepper-fill-md.color-blue .stepper-button-plus:after,.md .stepper-fill-md.color-blue .stepper-button-plus:before,.md .stepper-fill-md.color-blue .stepper-button:after,.md .stepper-fill-md.color-blue .stepper-button:before,.md .stepper-fill.color-blue .stepper-button-minus:after,.md .stepper-fill.color-blue .stepper-button-minus:before,.md .stepper-fill.color-blue .stepper-button-plus:after,.md .stepper-fill.color-blue .stepper-button-plus:before,.md .stepper-fill.color-blue .stepper-button:after,.md .stepper-fill.color-blue .stepper-button:before{background:#fff}.md .stepper.color-pink .stepper-button,.md .stepper.color-pink .stepper-button-minus,.md .stepper.color-pink .stepper-button-plus{border-color:#e91e63;color:#e91e63}.md .stepper.color-pink .stepper-button-minus:after,.md .stepper.color-pink .stepper-button-minus:before,.md .stepper.color-pink .stepper-button-plus:after,.md .stepper.color-pink .stepper-button-plus:before{background:#e91e63}.md .stepper.color-pink .stepper-input-wrap,.md .stepper.color-pink .stepper-value{border-top-color:#e91e63;border-bottom-color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input,.md .stepper.color-pink .stepper-value{color:#e91e63}.md .stepper-fill-md.color-pink .stepper-button,.md .stepper-fill-md.color-pink .stepper-button-minus,.md .stepper-fill-md.color-pink .stepper-button-plus,.md .stepper-fill.color-pink .stepper-button,.md .stepper-fill.color-pink .stepper-button-minus,.md .stepper-fill.color-pink .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper-fill-md.color-pink .stepper-button-minus.active-state,.md .stepper-fill-md.color-pink .stepper-button-plus.active-state,.md .stepper-fill-md.color-pink .stepper-button.active-state,.md .stepper-fill.color-pink .stepper-button-minus.active-state,.md .stepper-fill.color-pink .stepper-button-plus.active-state,.md .stepper-fill.color-pink .stepper-button.active-state{background:#ca1452}.md .stepper-fill-md.color-pink .stepper-button-minus:after,.md .stepper-fill-md.color-pink .stepper-button-minus:before,.md .stepper-fill-md.color-pink .stepper-button-plus:after,.md .stepper-fill-md.color-pink .stepper-button-plus:before,.md .stepper-fill-md.color-pink .stepper-button:after,.md .stepper-fill-md.color-pink .stepper-button:before,.md .stepper-fill.color-pink .stepper-button-minus:after,.md .stepper-fill.color-pink .stepper-button-minus:before,.md .stepper-fill.color-pink .stepper-button-plus:after,.md .stepper-fill.color-pink .stepper-button-plus:before,.md .stepper-fill.color-pink .stepper-button:after,.md .stepper-fill.color-pink .stepper-button:before{background:#fff}.md .stepper.color-yellow .stepper-button,.md .stepper.color-yellow .stepper-button-minus,.md .stepper.color-yellow .stepper-button-plus{border-color:#ffeb3b;color:#ffeb3b}.md .stepper.color-yellow .stepper-button-minus:after,.md .stepper.color-yellow .stepper-button-minus:before,.md .stepper.color-yellow .stepper-button-plus:after,.md .stepper.color-yellow .stepper-button-plus:before{background:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap,.md .stepper.color-yellow .stepper-value{border-top-color:#ffeb3b;border-bottom-color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input,.md .stepper.color-yellow .stepper-value{color:#ffeb3b}.md .stepper-fill-md.color-yellow .stepper-button,.md .stepper-fill-md.color-yellow .stepper-button-minus,.md .stepper-fill-md.color-yellow .stepper-button-plus,.md .stepper-fill.color-yellow .stepper-button,.md .stepper-fill.color-yellow .stepper-button-minus,.md .stepper-fill.color-yellow .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper-fill-md.color-yellow .stepper-button-minus.active-state,.md .stepper-fill-md.color-yellow .stepper-button-plus.active-state,.md .stepper-fill-md.color-yellow .stepper-button.active-state,.md .stepper-fill.color-yellow .stepper-button-minus.active-state,.md .stepper-fill.color-yellow .stepper-button-plus.active-state,.md .stepper-fill.color-yellow .stepper-button.active-state{background:#ffe712}.md .stepper-fill-md.color-yellow .stepper-button-minus:after,.md .stepper-fill-md.color-yellow .stepper-button-minus:before,.md .stepper-fill-md.color-yellow .stepper-button-plus:after,.md .stepper-fill-md.color-yellow .stepper-button-plus:before,.md .stepper-fill-md.color-yellow .stepper-button:after,.md .stepper-fill-md.color-yellow .stepper-button:before,.md .stepper-fill.color-yellow .stepper-button-minus:after,.md .stepper-fill.color-yellow .stepper-button-minus:before,.md .stepper-fill.color-yellow .stepper-button-plus:after,.md .stepper-fill.color-yellow .stepper-button-plus:before,.md .stepper-fill.color-yellow .stepper-button:after,.md .stepper-fill.color-yellow .stepper-button:before{background:#fff}.md .stepper.color-orange .stepper-button,.md .stepper.color-orange .stepper-button-minus,.md .stepper.color-orange .stepper-button-plus{border-color:#ff9800;color:#ff9800}.md .stepper.color-orange .stepper-button-minus:after,.md .stepper.color-orange .stepper-button-minus:before,.md .stepper.color-orange .stepper-button-plus:after,.md .stepper.color-orange .stepper-button-plus:before{background:#ff9800}.md .stepper.color-orange .stepper-input-wrap,.md .stepper.color-orange .stepper-value{border-top-color:#ff9800;border-bottom-color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input,.md .stepper.color-orange .stepper-value{color:#ff9800}.md .stepper-fill-md.color-orange .stepper-button,.md .stepper-fill-md.color-orange .stepper-button-minus,.md .stepper-fill-md.color-orange .stepper-button-plus,.md .stepper-fill.color-orange .stepper-button,.md .stepper-fill.color-orange .stepper-button-minus,.md .stepper-fill.color-orange .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper-fill-md.color-orange .stepper-button-minus.active-state,.md .stepper-fill-md.color-orange .stepper-button-plus.active-state,.md .stepper-fill-md.color-orange .stepper-button.active-state,.md .stepper-fill.color-orange .stepper-button-minus.active-state,.md .stepper-fill.color-orange .stepper-button-plus.active-state,.md .stepper-fill.color-orange .stepper-button.active-state{background:#d68000}.md .stepper-fill-md.color-orange .stepper-button-minus:after,.md .stepper-fill-md.color-orange .stepper-button-minus:before,.md .stepper-fill-md.color-orange .stepper-button-plus:after,.md .stepper-fill-md.color-orange .stepper-button-plus:before,.md .stepper-fill-md.color-orange .stepper-button:after,.md .stepper-fill-md.color-orange .stepper-button:before,.md .stepper-fill.color-orange .stepper-button-minus:after,.md .stepper-fill.color-orange .stepper-button-minus:before,.md .stepper-fill.color-orange .stepper-button-plus:after,.md .stepper-fill.color-orange .stepper-button-plus:before,.md .stepper-fill.color-orange .stepper-button:after,.md .stepper-fill.color-orange .stepper-button:before{background:#fff}.md .stepper.color-gray .stepper-button,.md .stepper.color-gray .stepper-button-minus,.md .stepper.color-gray .stepper-button-plus{border-color:#9e9e9e;color:#9e9e9e}.md .stepper.color-gray .stepper-button-minus:after,.md .stepper.color-gray .stepper-button-minus:before,.md .stepper.color-gray .stepper-button-plus:after,.md .stepper.color-gray .stepper-button-plus:before{background:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap,.md .stepper.color-gray .stepper-value{border-top-color:#9e9e9e;border-bottom-color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input,.md .stepper.color-gray .stepper-value{color:#9e9e9e}.md .stepper-fill-md.color-gray .stepper-button,.md .stepper-fill-md.color-gray .stepper-button-minus,.md .stepper-fill-md.color-gray .stepper-button-plus,.md .stepper-fill.color-gray .stepper-button,.md .stepper-fill.color-gray .stepper-button-minus,.md .stepper-fill.color-gray .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper-fill-md.color-gray .stepper-button-minus.active-state,.md .stepper-fill-md.color-gray .stepper-button-plus.active-state,.md .stepper-fill-md.color-gray .stepper-button.active-state,.md .stepper-fill.color-gray .stepper-button-minus.active-state,.md .stepper-fill.color-gray .stepper-button-plus.active-state,.md .stepper-fill.color-gray .stepper-button.active-state{background:#8a8a8a}.md .stepper-fill-md.color-gray .stepper-button-minus:after,.md .stepper-fill-md.color-gray .stepper-button-minus:before,.md .stepper-fill-md.color-gray .stepper-button-plus:after,.md .stepper-fill-md.color-gray .stepper-button-plus:before,.md .stepper-fill-md.color-gray .stepper-button:after,.md .stepper-fill-md.color-gray .stepper-button:before,.md .stepper-fill.color-gray .stepper-button-minus:after,.md .stepper-fill.color-gray .stepper-button-minus:before,.md .stepper-fill.color-gray .stepper-button-plus:after,.md .stepper-fill.color-gray .stepper-button-plus:before,.md .stepper-fill.color-gray .stepper-button:after,.md .stepper-fill.color-gray .stepper-button:before{background:#fff}.md .stepper.color-white .stepper-button,.md .stepper.color-white .stepper-button-minus,.md .stepper.color-white .stepper-button-plus{border-color:#fff;color:#fff}.md .stepper.color-white .stepper-button-minus:after,.md .stepper.color-white .stepper-button-minus:before,.md .stepper.color-white .stepper-button-plus:after,.md .stepper.color-white .stepper-button-plus:before{background:#fff}.md .stepper.color-white .stepper-input-wrap,.md .stepper.color-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.md .stepper.color-white .stepper-input-wrap input,.md .stepper.color-white .stepper-value{color:#fff}.md .stepper-fill-md.color-white .stepper-button,.md .stepper-fill-md.color-white .stepper-button-minus,.md .stepper-fill-md.color-white .stepper-button-plus,.md .stepper-fill.color-white .stepper-button,.md .stepper-fill.color-white .stepper-button-minus,.md .stepper-fill.color-white .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper-fill-md.color-white .stepper-button-minus.active-state,.md .stepper-fill-md.color-white .stepper-button-plus.active-state,.md .stepper-fill-md.color-white .stepper-button.active-state,.md .stepper-fill.color-white .stepper-button-minus.active-state,.md .stepper-fill.color-white .stepper-button-plus.active-state,.md .stepper-fill.color-white .stepper-button.active-state{background:#ebebeb}.md .stepper-fill-md.color-white .stepper-button-minus:after,.md .stepper-fill-md.color-white .stepper-button-minus:before,.md .stepper-fill-md.color-white .stepper-button-plus:after,.md .stepper-fill-md.color-white .stepper-button-plus:before,.md .stepper-fill-md.color-white .stepper-button:after,.md .stepper-fill-md.color-white .stepper-button:before,.md .stepper-fill.color-white .stepper-button-minus:after,.md .stepper-fill.color-white .stepper-button-minus:before,.md .stepper-fill.color-white .stepper-button-plus:after,.md .stepper-fill.color-white .stepper-button-plus:before,.md .stepper-fill.color-white .stepper-button:after,.md .stepper-fill.color-white .stepper-button:before{background:#fff}.md .stepper.color-black .stepper-button,.md .stepper.color-black .stepper-button-minus,.md .stepper.color-black .stepper-button-plus{border-color:#000;color:#000}.md .stepper.color-black .stepper-button-minus:after,.md .stepper.color-black .stepper-button-minus:before,.md .stepper.color-black .stepper-button-plus:after,.md .stepper.color-black .stepper-button-plus:before{background:#000}.md .stepper.color-black .stepper-input-wrap,.md .stepper.color-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.md .stepper.color-black .stepper-input-wrap input,.md .stepper.color-black .stepper-value{color:#000}.md .stepper-fill-md.color-black .stepper-button,.md .stepper-fill-md.color-black .stepper-button-minus,.md .stepper-fill-md.color-black .stepper-button-plus,.md .stepper-fill.color-black .stepper-button,.md .stepper-fill.color-black .stepper-button-minus,.md .stepper-fill.color-black .stepper-button-plus{background-color:#000;color:#fff}.md .stepper-fill-md.color-black .stepper-button-minus.active-state,.md .stepper-fill-md.color-black .stepper-button-plus.active-state,.md .stepper-fill-md.color-black .stepper-button.active-state,.md .stepper-fill.color-black .stepper-button-minus.active-state,.md .stepper-fill.color-black .stepper-button-plus.active-state,.md .stepper-fill.color-black .stepper-button.active-state{background:#000}.md .stepper-fill-md.color-black .stepper-button-minus:after,.md .stepper-fill-md.color-black .stepper-button-minus:before,.md .stepper-fill-md.color-black .stepper-button-plus:after,.md .stepper-fill-md.color-black .stepper-button-plus:before,.md .stepper-fill-md.color-black .stepper-button:after,.md .stepper-fill-md.color-black .stepper-button:before,.md .stepper-fill.color-black .stepper-button-minus:after,.md .stepper-fill.color-black .stepper-button-minus:before,.md .stepper-fill.color-black .stepper-button-plus:after,.md .stepper-fill.color-black .stepper-button-plus:before,.md .stepper-fill.color-black .stepper-button:after,.md .stepper-fill.color-black .stepper-button:before{background:#fff}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.sheet-modal.smart-select-sheet .sheet-modal-inner{background:#fff}.sheet-modal.smart-select-sheet .list{margin:0}.sheet-modal.smart-select-sheet .list ul:before{display:none!important}.sheet-modal.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.md .theme-dark .sheet-modal.smart-select-sheet .sheet-modal-inner{background-color:transparent}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.row>.col,.row>[class*=col-]{-webkit-box-sizing:border-box;box-sizing:border-box}.row .col{width:100%}.md .row .col-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .col-100{width:100%}.md .row .col-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .col-95{width:95%}.md .row .col-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .col-90{width:90%}.md .row .col-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .col-85{width:85%}.md .row .col-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .col-80{width:80%}.md .row .col-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .col-75{width:75%}.md .row .col-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .col-70{width:70%}.md .row .col-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .col-66{width:66.66666666666666%}.md .row .col-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .col-65{width:65%}.md .row .col-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .col-60{width:60%}.md .row .col-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .col-55{width:55%}.md .row .col-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .col-50{width:50%}.md .row .col-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .col-45{width:45%}.md .row .col-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .col-40{width:40%}.md .row .col-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .col-35{width:35%}.md .row .col-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .col-33{width:33.333333333333336%}.md .row .col-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .col-30{width:30%}.md .row .col-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .col-25{width:25%}.md .row .col-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .col-20{width:20%}.md .row .col-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .col-15{width:15%}.md .row .col-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .col-10{width:10%}.md .row .col-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .col-5{width:5%}.md .row .col:nth-last-child(1),.md .row .col:nth-last-child(1)~.col{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .col:nth-last-child(1),.md .row.no-gap .col:nth-last-child(1)~.col{width:100%}.md .row .col:nth-last-child(2),.md .row .col:nth-last-child(2)~.col{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .col:nth-last-child(2),.md .row.no-gap .col:nth-last-child(2)~.col{width:50%}.md .row .col:nth-last-child(3),.md .row .col:nth-last-child(3)~.col{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .col:nth-last-child(3),.md .row.no-gap .col:nth-last-child(3)~.col{width:33.33333333%}.md .row .col:nth-last-child(4),.md .row .col:nth-last-child(4)~.col{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .col:nth-last-child(4),.md .row.no-gap .col:nth-last-child(4)~.col{width:25%}.md .row .col:nth-last-child(5),.md .row .col:nth-last-child(5)~.col{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .col:nth-last-child(5),.md .row.no-gap .col:nth-last-child(5)~.col{width:20%}.md .row .col:nth-last-child(6),.md .row .col:nth-last-child(6)~.col{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .col:nth-last-child(6),.md .row.no-gap .col:nth-last-child(6)~.col{width:16.66666667%}.md .row .col:nth-last-child(7),.md .row .col:nth-last-child(7)~.col{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .col:nth-last-child(7),.md .row.no-gap .col:nth-last-child(7)~.col{width:14.28571429%}.md .row .col:nth-last-child(8),.md .row .col:nth-last-child(8)~.col{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .col:nth-last-child(8),.md .row.no-gap .col:nth-last-child(8)~.col{width:12.5%}.md .row .col:nth-last-child(9),.md .row .col:nth-last-child(9)~.col{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .col:nth-last-child(9),.md .row.no-gap .col:nth-last-child(9)~.col{width:11.11111111%}.md .row .col:nth-last-child(10),.md .row .col:nth-last-child(10)~.col{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .col:nth-last-child(10),.md .row.no-gap .col:nth-last-child(10)~.col{width:10%}.md .row .col:nth-last-child(11),.md .row .col:nth-last-child(11)~.col{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .col:nth-last-child(11),.md .row.no-gap .col:nth-last-child(11)~.col{width:9.09090909%}.md .row .col:nth-last-child(12),.md .row .col:nth-last-child(12)~.col{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .col:nth-last-child(12),.md .row.no-gap .col:nth-last-child(12)~.col{width:8.33333333%}.md .row .col:nth-last-child(13),.md .row .col:nth-last-child(13)~.col{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .col:nth-last-child(13),.md .row.no-gap .col:nth-last-child(13)~.col{width:7.69230769%}.md .row .col:nth-last-child(14),.md .row .col:nth-last-child(14)~.col{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .col:nth-last-child(14),.md .row.no-gap .col:nth-last-child(14)~.col{width:7.14285714%}.md .row .col:nth-last-child(15),.md .row .col:nth-last-child(15)~.col{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .col:nth-last-child(15),.md .row.no-gap .col:nth-last-child(15)~.col{width:6.66666667%}.md .row .col:nth-last-child(16),.md .row .col:nth-last-child(16)~.col{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .col:nth-last-child(16),.md .row.no-gap .col:nth-last-child(16)~.col{width:6.25%}.md .row .col:nth-last-child(17),.md .row .col:nth-last-child(17)~.col{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .col:nth-last-child(17),.md .row.no-gap .col:nth-last-child(17)~.col{width:5.88235294%}.md .row .col:nth-last-child(18),.md .row .col:nth-last-child(18)~.col{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .col:nth-last-child(18),.md .row.no-gap .col:nth-last-child(18)~.col{width:5.55555556%}.md .row .col:nth-last-child(19),.md .row .col:nth-last-child(19)~.col{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .col:nth-last-child(19),.md .row.no-gap .col:nth-last-child(19)~.col{width:5.26315789%}.md .row .col:nth-last-child(20),.md .row .col:nth-last-child(20)~.col{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .col:nth-last-child(20),.md .row.no-gap .col:nth-last-child(20)~.col{width:5%}.md .row .col:nth-last-child(21),.md .row .col:nth-last-child(21)~.col{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .col:nth-last-child(21),.md .row.no-gap .col:nth-last-child(21)~.col{width:4.76190476%}@media (min-width:768px){.md .row .tablet-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .tablet-100{width:100%}.md .row .tablet-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .tablet-95{width:95%}.md .row .tablet-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .tablet-90{width:90%}.md .row .tablet-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .tablet-85{width:85%}.md .row .tablet-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .tablet-80{width:80%}.md .row .tablet-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .tablet-75{width:75%}.md .row .tablet-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .tablet-70{width:70%}.md .row .tablet-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .tablet-66{width:66.66666666666666%}.md .row .tablet-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .tablet-65{width:65%}.md .row .tablet-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .tablet-60{width:60%}.md .row .tablet-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .tablet-55{width:55%}.md .row .tablet-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .tablet-50{width:50%}.md .row .tablet-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .tablet-45{width:45%}.md .row .tablet-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .tablet-40{width:40%}.md .row .tablet-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .tablet-35{width:35%}.md .row .tablet-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .tablet-33{width:33.333333333333336%}.md .row .tablet-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .tablet-30{width:30%}.md .row .tablet-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .tablet-25{width:25%}.md .row .tablet-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .tablet-20{width:20%}.md .row .tablet-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .tablet-15{width:15%}.md .row .tablet-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .tablet-10{width:10%}.md .row .tablet-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .tablet-5{width:5%}.md .row .tablet-auto:nth-last-child(1),.md .row .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .tablet-auto:nth-last-child(1),.md .row.no-gap .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%}.md .row .tablet-auto:nth-last-child(2),.md .row .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .tablet-auto:nth-last-child(2),.md .row.no-gap .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%}.md .row .tablet-auto:nth-last-child(3),.md .row .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .tablet-auto:nth-last-child(3),.md .row.no-gap .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%}.md .row .tablet-auto:nth-last-child(4),.md .row .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .tablet-auto:nth-last-child(4),.md .row.no-gap .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%}.md .row .tablet-auto:nth-last-child(5),.md .row .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .tablet-auto:nth-last-child(5),.md .row.no-gap .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%}.md .row .tablet-auto:nth-last-child(6),.md .row .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .tablet-auto:nth-last-child(6),.md .row.no-gap .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%}.md .row .tablet-auto:nth-last-child(7),.md .row .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .tablet-auto:nth-last-child(7),.md .row.no-gap .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%}.md .row .tablet-auto:nth-last-child(8),.md .row .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .tablet-auto:nth-last-child(8),.md .row.no-gap .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%}.md .row .tablet-auto:nth-last-child(9),.md .row .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .tablet-auto:nth-last-child(9),.md .row.no-gap .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%}.md .row .tablet-auto:nth-last-child(10),.md .row .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .tablet-auto:nth-last-child(10),.md .row.no-gap .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%}.md .row .tablet-auto:nth-last-child(11),.md .row .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .tablet-auto:nth-last-child(11),.md .row.no-gap .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%}.md .row .tablet-auto:nth-last-child(12),.md .row .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .tablet-auto:nth-last-child(12),.md .row.no-gap .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%}.md .row .tablet-auto:nth-last-child(13),.md .row .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .tablet-auto:nth-last-child(13),.md .row.no-gap .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%}.md .row .tablet-auto:nth-last-child(14),.md .row .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .tablet-auto:nth-last-child(14),.md .row.no-gap .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%}.md .row .tablet-auto:nth-last-child(15),.md .row .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .tablet-auto:nth-last-child(15),.md .row.no-gap .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%}.md .row .tablet-auto:nth-last-child(16),.md .row .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .tablet-auto:nth-last-child(16),.md .row.no-gap .tablet-auto:nth-last-child(16)~.tablet-auto{width:6.25%}.md .row .tablet-auto:nth-last-child(17),.md .row .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .tablet-auto:nth-last-child(17),.md .row.no-gap .tablet-auto:nth-last-child(17)~.tablet-auto{width:5.88235294%}.md .row .tablet-auto:nth-last-child(18),.md .row .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .tablet-auto:nth-last-child(18),.md .row.no-gap .tablet-auto:nth-last-child(18)~.tablet-auto{width:5.55555556%}.md .row .tablet-auto:nth-last-child(19),.md .row .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .tablet-auto:nth-last-child(19),.md .row.no-gap .tablet-auto:nth-last-child(19)~.tablet-auto{width:5.26315789%}.md .row .tablet-auto:nth-last-child(20),.md .row .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .tablet-auto:nth-last-child(20),.md .row.no-gap .tablet-auto:nth-last-child(20)~.tablet-auto{width:5%}.md .row .tablet-auto:nth-last-child(21),.md .row .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .tablet-auto:nth-last-child(21),.md .row.no-gap .tablet-auto:nth-last-child(21)~.tablet-auto{width:4.76190476%}}@media (min-width:1025px){.md .row .desktop-100{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .desktop-100{width:100%}.md .row .desktop-95{width:95%;width:calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)}.md .row.no-gap .desktop-95{width:95%}.md .row .desktop-90{width:90%;width:calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)}.md .row.no-gap .desktop-90{width:90%}.md .row .desktop-85{width:85%;width:calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)}.md .row.no-gap .desktop-85{width:85%}.md .row .desktop-80{width:80%;width:calc((100% - 16px*.25)/ 1.25)}.md .row.no-gap .desktop-80{width:80%}.md .row .desktop-75{width:75%;width:calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)}.md .row.no-gap .desktop-75{width:75%}.md .row .desktop-70{width:70%;width:calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)}.md .row.no-gap .desktop-70{width:70%}.md .row .desktop-66{width:66.66666666666666%;width:calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)}.md .row.no-gap .desktop-66{width:66.66666666666666%}.md .row .desktop-65{width:65%;width:calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)}.md .row.no-gap .desktop-65{width:65%}.md .row .desktop-60{width:60%;width:calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)}.md .row.no-gap .desktop-60{width:60%}.md .row .desktop-55{width:55%;width:calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)}.md .row.no-gap .desktop-55{width:55%}.md .row .desktop-50{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .desktop-50{width:50%}.md .row .desktop-45{width:45%;width:calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)}.md .row.no-gap .desktop-45{width:45%}.md .row .desktop-40{width:40%;width:calc((100% - 16px*1.5)/ 2.5)}.md .row.no-gap .desktop-40{width:40%}.md .row .desktop-35{width:35%;width:calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)}.md .row.no-gap .desktop-35{width:35%}.md .row .desktop-33{width:33.333333333333336%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .desktop-33{width:33.333333333333336%}.md .row .desktop-30{width:30%;width:calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)}.md .row.no-gap .desktop-30{width:30%}.md .row .desktop-25{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .desktop-25{width:25%}.md .row .desktop-20{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .desktop-20{width:20%}.md .row .desktop-15{width:15%;width:calc((100% - 16px*5.666666666666667)/ 6.666666666666667)}.md .row.no-gap .desktop-15{width:15%}.md .row .desktop-10{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .desktop-10{width:10%}.md .row .desktop-5{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .desktop-5{width:5%}.md .row .desktop-auto:nth-last-child(1),.md .row .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%;width:calc((100% - 16px*0)/ 1)}.md .row.no-gap .desktop-auto:nth-last-child(1),.md .row.no-gap .desktop-auto:nth-last-child(1)~.desktop-auto{width:100%}.md .row .desktop-auto:nth-last-child(2),.md .row .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%;width:calc((100% - 16px*1)/ 2)}.md .row.no-gap .desktop-auto:nth-last-child(2),.md .row.no-gap .desktop-auto:nth-last-child(2)~.desktop-auto{width:50%}.md .row .desktop-auto:nth-last-child(3),.md .row .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%;width:calc((100% - 16px*2)/ 3)}.md .row.no-gap .desktop-auto:nth-last-child(3),.md .row.no-gap .desktop-auto:nth-last-child(3)~.desktop-auto{width:33.33333333%}.md .row .desktop-auto:nth-last-child(4),.md .row .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%;width:calc((100% - 16px*3)/ 4)}.md .row.no-gap .desktop-auto:nth-last-child(4),.md .row.no-gap .desktop-auto:nth-last-child(4)~.desktop-auto{width:25%}.md .row .desktop-auto:nth-last-child(5),.md .row .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%;width:calc((100% - 16px*4)/ 5)}.md .row.no-gap .desktop-auto:nth-last-child(5),.md .row.no-gap .desktop-auto:nth-last-child(5)~.desktop-auto{width:20%}.md .row .desktop-auto:nth-last-child(6),.md .row .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%;width:calc((100% - 16px*5)/ 6)}.md .row.no-gap .desktop-auto:nth-last-child(6),.md .row.no-gap .desktop-auto:nth-last-child(6)~.desktop-auto{width:16.66666667%}.md .row .desktop-auto:nth-last-child(7),.md .row .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%;width:calc((100% - 16px*6)/ 7)}.md .row.no-gap .desktop-auto:nth-last-child(7),.md .row.no-gap .desktop-auto:nth-last-child(7)~.desktop-auto{width:14.28571429%}.md .row .desktop-auto:nth-last-child(8),.md .row .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%;width:calc((100% - 16px*7)/ 8)}.md .row.no-gap .desktop-auto:nth-last-child(8),.md .row.no-gap .desktop-auto:nth-last-child(8)~.desktop-auto{width:12.5%}.md .row .desktop-auto:nth-last-child(9),.md .row .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%;width:calc((100% - 16px*8)/ 9)}.md .row.no-gap .desktop-auto:nth-last-child(9),.md .row.no-gap .desktop-auto:nth-last-child(9)~.desktop-auto{width:11.11111111%}.md .row .desktop-auto:nth-last-child(10),.md .row .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%;width:calc((100% - 16px*9)/ 10)}.md .row.no-gap .desktop-auto:nth-last-child(10),.md .row.no-gap .desktop-auto:nth-last-child(10)~.desktop-auto{width:10%}.md .row .desktop-auto:nth-last-child(11),.md .row .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%;width:calc((100% - 16px*10)/ 11)}.md .row.no-gap .desktop-auto:nth-last-child(11),.md .row.no-gap .desktop-auto:nth-last-child(11)~.desktop-auto{width:9.09090909%}.md .row .desktop-auto:nth-last-child(12),.md .row .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%;width:calc((100% - 16px*11)/ 12)}.md .row.no-gap .desktop-auto:nth-last-child(12),.md .row.no-gap .desktop-auto:nth-last-child(12)~.desktop-auto{width:8.33333333%}.md .row .desktop-auto:nth-last-child(13),.md .row .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%;width:calc((100% - 16px*12)/ 13)}.md .row.no-gap .desktop-auto:nth-last-child(13),.md .row.no-gap .desktop-auto:nth-last-child(13)~.desktop-auto{width:7.69230769%}.md .row .desktop-auto:nth-last-child(14),.md .row .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%;width:calc((100% - 16px*13)/ 14)}.md .row.no-gap .desktop-auto:nth-last-child(14),.md .row.no-gap .desktop-auto:nth-last-child(14)~.desktop-auto{width:7.14285714%}.md .row .desktop-auto:nth-last-child(15),.md .row .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%;width:calc((100% - 16px*14)/ 15)}.md .row.no-gap .desktop-auto:nth-last-child(15),.md .row.no-gap .desktop-auto:nth-last-child(15)~.desktop-auto{width:6.66666667%}.md .row .desktop-auto:nth-last-child(16),.md .row .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%;width:calc((100% - 16px*15)/ 16)}.md .row.no-gap .desktop-auto:nth-last-child(16),.md .row.no-gap .desktop-auto:nth-last-child(16)~.desktop-auto{width:6.25%}.md .row .desktop-auto:nth-last-child(17),.md .row .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%;width:calc((100% - 16px*16)/ 17)}.md .row.no-gap .desktop-auto:nth-last-child(17),.md .row.no-gap .desktop-auto:nth-last-child(17)~.desktop-auto{width:5.88235294%}.md .row .desktop-auto:nth-last-child(18),.md .row .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%;width:calc((100% - 16px*17)/ 18)}.md .row.no-gap .desktop-auto:nth-last-child(18),.md .row.no-gap .desktop-auto:nth-last-child(18)~.desktop-auto{width:5.55555556%}.md .row .desktop-auto:nth-last-child(19),.md .row .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%;width:calc((100% - 16px*18)/ 19)}.md .row.no-gap .desktop-auto:nth-last-child(19),.md .row.no-gap .desktop-auto:nth-last-child(19)~.desktop-auto{width:5.26315789%}.md .row .desktop-auto:nth-last-child(20),.md .row .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%;width:calc((100% - 16px*19)/ 20)}.md .row.no-gap .desktop-auto:nth-last-child(20),.md .row.no-gap .desktop-auto:nth-last-child(20)~.desktop-auto{width:5%}.md .row .desktop-auto:nth-last-child(21),.md .row .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%;width:calc((100% - 16px*20)/ 21)}.md .row.no-gap .desktop-auto:nth-last-child(21),.md .row.no-gap .desktop-auto:nth-last-child(21)~.desktop-auto{width:4.76190476%}}.calendar{overflow:hidden;height:320px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calendar.modal-in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:220px}.calendar.calendar-modal{height:calc(100vh - 44px)}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-modal{position:absolute;height:420px;overflow:hidden;top:50%;left:50%;min-width:300px;max-width:380px;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:12000;background:#fff;width:90%;border-radius:4px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.calendar-modal.modal-in,.calendar-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.calendar-modal.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.calendar-popover{width:320px}.calendar-popover .calendar{height:320px}.calendar-week-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:11px}.calendar-week-header .calendar-week-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);text-align:center}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.calendar-month{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:#000;height:100%}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:#b8b8b8}.calendar-day.calendar-day-disabled{color:#d4d4d4;cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.calendar-day .calendar-day-number{display:inline-block;border-radius:100%;position:relative}.calendar-day .calendar-day-events{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;width:100%;top:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:4px;height:4px;border-radius:50%}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.md .calendar-header{height:56px;background:#2196f3;font-size:20px;line-height:56px;padding:0 24px;color:#fff;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.md .calendar-footer{position:relative;width:100%;height:48px;padding:6px 8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.md .calendar .toolbar{background:0 0!important;color:#212121}.md .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .calendar .toolbar a.link .ripple-wave{background:rgba(0,0,0,.1)}.md .calendar .toolbar .icon-back,.md .calendar .toolbar .icon-forward,.md .calendar .toolbar .icon-next,.md .calendar .toolbar .icon-prev{opacity:.54}.md .calendar-week-header{color:rgba(0,0,0,.54);height:24px}.md .calendar-week-header .calendar-week-day{line-height:24px}.md .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .calendar-day .calendar-day-number{width:32px;height:32px;line-height:32px}.md .calendar-day .calendar-day-event{background:#2196f3}.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.md .calendar-month-selector a.icon-only,.md .calendar-year-selector a.icon-only{min-width:36px}.md .calendar-sheet:before{content:'';position:absolute;background-color:#ccc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-left-edge.calendar .calendar-row,.md.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .panel-left.calendar .calendar-row,.md.device-iphone-x .panel-left.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-right-edge.calendar .calendar-row,.md.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .panel-right.calendar .calendar-row,.md.device-iphone-x .panel-right.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.md .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.md .theme-dark .calendar-week-header{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day{color:rgba(255,255,255,.87)}.md .theme-dark .calendar-day.calendar-day-disabled{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day.calendar-day-next,.md .theme-dark .calendar-day.calendar-day-prev{color:rgba(255,255,255,.35)}.calendar-modal.md .theme-dark,.md .theme-dark .calendar-modal{background:#202020}.calendar.md .theme-dark.calendar-sheet:before,.md .theme-dark .calendar.calendar-sheet:before{background-color:rgba(255,255,255,.2)}.calendar.md .theme-dark .toolbar,.md .theme-dark .calendar .toolbar{color:rgba(255,255,255,.54)}.calendar.md .theme-dark .toolbar a.link:before,.md .theme-dark .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.calendar.md .theme-dark .toolbar a.link.active-state:before,.md .theme-dark .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.calendar.md .theme-dark .toolbar a.link .ripple-wave,.md .theme-dark .calendar .toolbar a.link .ripple-wave{background-color:rgba(255,255,255,.3)}.md .color-red .calendar-header,.md .color-theme-red .calendar-header{background:#f44336}.md .color-red .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number{color:#f44336}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-red .calendar-day .calendar-day-event,.md .color-theme-red .calendar-day .calendar-day-event{background:#f44336}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number{color:#4caf50}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-green .calendar-day .calendar-day-event,.md .color-theme-green .calendar-day .calendar-day-event{background:#4caf50}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-blue .calendar-day .calendar-day-event,.md .color-theme-blue .calendar-day .calendar-day-event{background:#2196f3}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number{color:#e91e63}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-pink .calendar-day .calendar-day-event,.md .color-theme-pink .calendar-day .calendar-day-event{background:#e91e63}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-yellow .calendar-day .calendar-day-event,.md .color-yellow .calendar-day .calendar-day-event{background:#ffeb3b}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number{color:#ff9800}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-orange .calendar-day .calendar-day-event,.md .color-theme-orange .calendar-day .calendar-day-event{background:#ff9800}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-gray .calendar-day .calendar-day-event,.md .color-theme-gray .calendar-day .calendar-day-event{background:#9e9e9e}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number,.md .color-white .calendar-day.calendar-day-today .calendar-day-number{color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-white .calendar-day .calendar-day-event,.md .color-white .calendar-day .calendar-day-event{background:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number{color:#000}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-black .calendar-day .calendar-day-event,.md .color-theme-black .calendar-day .calendar-day-event{background:#000}.picker{width:100%;height:260px}.picker.picker-inline,.popover .picker{height:200px}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:200px}}.picker-popover{width:280px}.picker-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.picker-items{-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.picker-item{height:36px;line-height:36px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{-webkit-transform:translate3d(0,0,0) rotateX(0deg);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.picker-3d .picker-columns{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.md .picker-popover .toolbar{border-radius:2px 2px 0 0}.md .picker-columns{font-size:20px}.md .picker-column-divider{color:rgba(0,0,0,.87)}.md .picker-popover .picker>.toolbar+.picker-columns{height:calc(100% - 48px)}.md .picker-center-highlight:before{content:'';position:absolute;background-color:rgba(0,0,0,.15);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .picker-center-highlight:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .picker-center-highlight:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .picker-center-highlight:after{content:'';position:absolute;background-color:rgba(0,0,0,.15);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.md.device-pixel-ratio-2 .picker-center-highlight:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .picker-center-highlight:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .theme-dark .picker-column-divider{color:rgba(255,255,255,.87)}.md .theme-dark .picker-center-highlight:before{background-color:rgba(255,255,255,.15)}.md .theme-dark .picker-center-highlight:after{background-color:rgba(255,255,255,.15)}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ptr-preloader .preloader{position:absolute;left:50%}.md .ptr-preloader{position:absolute;left:50%;top:16px;width:40px;height:40px;border-radius:50%;background:#fff;margin-left:-20px;margin-top:-7px;z-index:100;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media (min-width:768px){.md .ptr-preloader{top:24px}}.md .ptr-preloader .preloader{width:22px;height:22px;margin-left:-11px;margin-top:-11px;top:50%;visibility:hidden}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #757575;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{-webkit-animation:none;animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{-webkit-transform:translate3d(0,66px,0);transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{-webkit-transition:.3s;transition:.3s}.md .ptr-pull-up .ptr-arrow{-webkit-transition:.4s;transition:.4s;-webkit-transform:rotate(620deg)!important;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.md .ptr-no-navbar .ptr-preloader{top:auto;bottom:100%;margin-bottom:7px}.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:64px}@media (min-width:768px){.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:72px}}.lazy-loaded.lazy-fade-in{-webkit-animation:lazyFadeIn .6s;animation:lazyFadeIn .6s}@-webkit-keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead{font-size:12px}.data-table thead td,.data-table thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top}.data-table td,.data-table th{padding:0;position:relative}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:18px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);opacity:0}html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.card .data-table .card-header,.data-table.card .card-header{height:64px}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.data-table .data-table-actions,.data-table .data-table-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-actions{margin-right:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.data-table .data-table-actions a.link{min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.data-table .data-table-header-selected{display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-title-selected{font-size:14px}.data-table .data-table-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:12px;overflow:hidden;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;-webkit-transform:none!important;transform:none!important;font-size:12px;margin-left:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.theme-dark .data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}.md .data-table thead td,.md .data-table thead th{font-weight:500;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.md .data-table thead td:not(.sortable-cell-active),.md .data-table thead th:not(.sortable-cell-active){color:rgba(0,0,0,.54)}.md .data-table thead i.icon,.md .data-table thead i.material-icons{font-size:16px;width:16px;height:16px}.md .data-table tbody{font-size:13px}.md .data-table tbody tr.data-table-row-selected{background:#f5f5f5}.md .data-table tbody td{height:48px}.md .data-table td,.md .data-table th{padding-left:28px;padding-right:28px}.md .data-table td.label-cell,.md .data-table th.label-cell{padding-left:24px;padding-right:24px}.md .data-table td:first-child,.md .data-table th:first-child{padding-right:24px}.md .data-table td:last-child,.md .data-table th:last-child{padding-left:24px}.md .data-table td.checkbox-cell,.md .data-table th.checkbox-cell{width:18px;padding-right:24px;padding-left:12px}.md .data-table td.checkbox-cell+td,.md .data-table td.checkbox-cell+th,.md .data-table th.checkbox-cell+td,.md .data-table th.checkbox-cell+th{padding-right:12px}.md .data-table td.actions-cell a.link,.md .data-table th.actions-cell a.link{color:rgba(0,0,0,.54)}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .card .data-table .card-footer,.md .card .data-table .card-header,.md .data-table.card .card-footer,.md .data-table.card .card-header{padding-right:24px;padding-left:14px}.md .card .data-table .card-footer,.md .data-table.card .card-footer{height:56px}.md .data-table-title{font-size:20px}.md .data-table-actions a.link+a.link,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link{color:rgba(0,0,0,.54)}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table .card-header>.data-table-header,.md .data-table .card-header>.data-table-header-selected{padding-right:24px;padding-left:14px;margin-right:-24px;margin-left:-14px;padding-top:4px;padding-bottom:4px;height:100%}.md .data-table-header-selected{background:rgba(33,150,243,.1)}.md .data-table-title-selected{color:#2196f3}.md .data-table tbody td:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-desktop .data-table tbody tr:hover{background:#f5f5f5}.md .data-table-footer{height:56px;color:rgba(0,0,0,.54)}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .data-table-footer:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.md .input-cell .table-head-label+.input{margin-top:4px}.md .input-cell .input{height:24px}.md .input-cell .input input,.md .input-cell .input select,.md .input-cell .input textarea{height:24px;color:#212121;font-size:14px}.md .input-cell .input .input-clear-button{-webkit-transform:scale(.8);transform:scale(.8)}@media (max-width:480px) and (orientation:portrait){.md .data-table.data-table-collapsible td{padding-left:16px;padding-right:16px}.md .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:rgba(0,0,0,.54);font-weight:500;line-height:16px}.md .data-table-collapsible tr:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.md .theme-dark .data-table-actions a.link,.data-table.md .theme-dark td.actions-cell a.link,.data-table.md .theme-dark th.actions-cell a.link,.data-table.md .theme-dark thead td:not(.sortable-cell-active),.data-table.md .theme-dark thead th:not(.sortable-cell-active),.md .theme-dark .data-table .data-table-actions a.link,.md .theme-dark .data-table td.actions-cell a.link,.md .theme-dark .data-table th.actions-cell a.link,.md .theme-dark .data-table thead td:not(.sortable-cell-active),.md .theme-dark .data-table thead th:not(.sortable-cell-active){color:rgba(255,255,255,.54)}.data-table.md .theme-dark .data-table-links a.link:before,.md .theme-dark .data-table .data-table-links a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.data-table.md .theme-dark .data-table-links a.link.active-state:before,.md .theme-dark .data-table .data-table-links a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.data-table.md .theme-dark tbody td:before,.md .theme-dark .data-table tbody td:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark.data-table-collapsible tr:before,.md .theme-dark .data-table.data-table-collapsible tr:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark tbody tr.data-table-row-selected,.md .theme-dark .data-table tbody tr.data-table-row-selected{background-color:rgba(255,255,255,.05)}.md.device-desktop .theme-dark .data-table tbody tr:hover,.md.device-desktop .theme-dark.data-table tbody tr:hover{background-color:rgba(255,255,255,.05)}.md .color-theme-red .data-table-header-selected,.md .data-table-header-selected.color-red{background:rgba(244,67,54,.1)}.md .color-red .data-table-title-selected,.md .color-theme-red .data-table-title-selected{color:#f44336}.md .color-theme-green .data-table-header-selected,.md .data-table-header-selected.color-green{background:rgba(76,175,80,.1)}.md .color-green .data-table-title-selected,.md .color-theme-green .data-table-title-selected{color:#4caf50}.md .color-theme-blue .data-table-header-selected,.md .data-table-header-selected.color-blue{background:rgba(33,150,243,.1)}.md .color-blue .data-table-title-selected,.md .color-theme-blue .data-table-title-selected{color:#2196f3}.md .color-theme-pink .data-table-header-selected,.md .data-table-header-selected.color-pink{background:rgba(233,30,99,.1)}.md .color-pink .data-table-title-selected,.md .color-theme-pink .data-table-title-selected{color:#e91e63}.md .color-theme-yellow .data-table-header-selected,.md .data-table-header-selected.color-yellow{background:rgba(255,235,59,.1)}.md .color-theme-yellow .data-table-title-selected,.md .color-yellow .data-table-title-selected{color:#ffeb3b}.md .color-theme-orange .data-table-header-selected,.md .data-table-header-selected.color-orange{background:rgba(255,152,0,.1)}.md .color-orange .data-table-title-selected,.md .color-theme-orange .data-table-title-selected{color:#ff9800}.md .color-theme-gray .data-table-header-selected,.md .data-table-header-selected.color-gray{background:rgba(158,158,158,.1)}.md .color-gray .data-table-title-selected,.md .color-theme-gray .data-table-title-selected{color:#9e9e9e}.md .color-theme-white .data-table-header-selected,.md .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.md .color-theme-white .data-table-title-selected,.md .color-white .data-table-title-selected{color:#fff}.md .color-theme-black .data-table-header-selected,.md .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.md .color-black .data-table-title-selected,.md .color-theme-black .data-table-title-selected{color:#000}.fab{position:absolute;z-index:1500}.fab-buttons a,.fab>a{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;z-index:1}.fab>a i{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);-webkit-transition:.3s;transition:.3s}.fab>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab[class*=fab-center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fab div.fab-buttons a{width:40px;height:40px}.fab-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0px,0) scale(1)!important;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){-webkit-transition-delay:150ms;transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){-webkit-transition-delay:250ms;transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:40px;margin-left:-20px}.fab-buttons-top{bottom:100%;margin-bottom:16px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fab-buttons-top a{-webkit-transform:translate3d(0,8px,0) scale(.3);transform:translate3d(0,8px,0) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fab-buttons-bottom a{-webkit-transform:translate3d(0,-8px,0) scale(.3);transform:translate3d(0,-8px,0) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:40px;margin-top:-20px}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{-webkit-transform:translate3d(8px,0px,0) scale(.3);transform:translate3d(8px,0px,0) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fab-buttons-right a{-webkit-transform:translate3d(-8px,0,0) scale(.3);transform:translate3d(-8px,0,0) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:-20px;bottom:100%;margin-bottom:16px;-webkit-transform:translateY(-8px) scale(.3);transform:translateY(-8px) scale(.3);-webkit-transform-origin:center bottom;transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:-20px;top:50%;margin-left:16px;-webkit-transform:translateX(-8px) scale(.3);transform:translateX(-8px) scale(.3);-webkit-transform-origin:left center;transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:-20px;top:100%;margin-top:16px;-webkit-transform:translateY(8px) scale(.3);transform:translateY(8px) scale(.3);-webkit-transform-origin:center top;transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:-20px;top:50%;margin-right:16px;-webkit-transform:translateX(8px) scale(.3);transform:translateX(8px) scale(.3);-webkit-transform-origin:right center;transform-origin:right center}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{-webkit-transition-duration:250ms;transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto}.fab-extended>a{width:100%!important}.fab-text{padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:4px 12px;border-radius:4px;background:#fff;color:#333;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.md .fab-buttons a,.md .fab>a{background:#2196f3;width:56px;height:56px;border-radius:28px;color:#fff;-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)}.md .fab-buttons a.active-state,.md .fab>a.active-state{background:#0c82df}.md .fab[class*=fab-left]{left:15px}.md .fab[class*=fab-right]{right:15px}.md .fab[class*="-top"]{top:15px}.md .fab[class*="-bottom"]{bottom:15px}.md .navbar~* .fab[class*="-top"],.md .navbar~.fab[class*="-top"]{margin-top:56px}@media (min-width:768px){.md .navbar~* .fab[class*="-top"],.md .navbar~.fab[class*="-top"]{margin-top:64px}}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:48px}.md .tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:72px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:104px}.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:128px}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .fab[class*="-top"],.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.fab[class*="-top"]{margin-top:112px}.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~* .fab[class*="-top"],.md .navbar+.tabbar-labels:not(.toolbar-bottom-md)~.fab[class*="-top"]{margin-top:136px}}.md .messagebar~* .fab[class*="-bottom"],.md .messagebar~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"]{margin-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .fab[class*="-bottom"],.md .toolbar-bottom-md.tabbar-labels~.fab[class*="-bottom"]{margin-bottom:72px}.md .fab-morph{border-radius:28px;background:#2196f3;-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)}.md .fab-morph>a{-webkit-box-shadow:none;box-shadow:none;background:0 0!important}.md .fab-extended{min-width:48px}.md .fab-extended>a{height:48px}.md .fab-extended>a i{left:24px}.md .fab-extended i~.fab-text{padding-left:48px}.md .fab-text{font-weight:500;letter-spacing:.03em}.md .fab-label{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12);box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)}.md .color-theme-red .fab-buttons a,.md .color-theme-red .fab>a,.md .color-theme-red.fab-buttons a,.md .color-theme-red.fab>a{background:#f44336}.md .color-theme-red .fab-buttons a.active-state,.md .color-theme-red .fab>a.active-state,.md .color-theme-red.fab-buttons a.active-state,.md .color-theme-red.fab>a.active-state{background:#f21f0f}.md .color-theme-red .fab-morph,.md .color-theme-red.fab-morph{background:#f44336}.md .color-theme-green .fab-buttons a,.md .color-theme-green .fab>a,.md .color-theme-green.fab-buttons a,.md .color-theme-green.fab>a{background:#4caf50}.md .color-theme-green .fab-buttons a.active-state,.md .color-theme-green .fab>a.active-state,.md .color-theme-green.fab-buttons a.active-state,.md .color-theme-green.fab>a.active-state{background:#409343}.md .color-theme-green .fab-morph,.md .color-theme-green.fab-morph{background:#4caf50}.md .color-theme-blue .fab-buttons a,.md .color-theme-blue .fab>a,.md .color-theme-blue.fab-buttons a,.md .color-theme-blue.fab>a{background:#2196f3}.md .color-theme-blue .fab-buttons a.active-state,.md .color-theme-blue .fab>a.active-state,.md .color-theme-blue.fab-buttons a.active-state,.md .color-theme-blue.fab>a.active-state{background:#0c82df}.md .color-theme-blue .fab-morph,.md .color-theme-blue.fab-morph{background:#2196f3}.md .color-theme-pink .fab-buttons a,.md .color-theme-pink .fab>a,.md .color-theme-pink.fab-buttons a,.md .color-theme-pink.fab>a{background:#e91e63}.md .color-theme-pink .fab-buttons a.active-state,.md .color-theme-pink .fab>a.active-state,.md .color-theme-pink.fab-buttons a.active-state,.md .color-theme-pink.fab>a.active-state{background:#ca1452}.md .color-theme-pink .fab-morph,.md .color-theme-pink.fab-morph{background:#e91e63}.md .color-theme-yellow .fab-buttons a,.md .color-theme-yellow .fab>a,.md .color-theme-yellow.fab-buttons a,.md .color-theme-yellow.fab>a{background:#ffeb3b}.md .color-theme-yellow .fab-buttons a.active-state,.md .color-theme-yellow .fab>a.active-state,.md .color-theme-yellow.fab-buttons a.active-state,.md .color-theme-yellow.fab>a.active-state{background:#ffe712}.md .color-theme-yellow .fab-morph,.md .color-theme-yellow.fab-morph{background:#ffeb3b}.md .color-theme-orange .fab-buttons a,.md .color-theme-orange .fab>a,.md .color-theme-orange.fab-buttons a,.md .color-theme-orange.fab>a{background:#ff9800}.md .color-theme-orange .fab-buttons a.active-state,.md .color-theme-orange .fab>a.active-state,.md .color-theme-orange.fab-buttons a.active-state,.md .color-theme-orange.fab>a.active-state{background:#d68000}.md .color-theme-orange .fab-morph,.md .color-theme-orange.fab-morph{background:#ff9800}.md .color-theme-gray .fab-buttons a,.md .color-theme-gray .fab>a,.md .color-theme-gray.fab-buttons a,.md .color-theme-gray.fab>a{background:#9e9e9e}.md .color-theme-gray .fab-buttons a.active-state,.md .color-theme-gray .fab>a.active-state,.md .color-theme-gray.fab-buttons a.active-state,.md .color-theme-gray.fab>a.active-state{background:#8a8a8a}.md .color-theme-gray .fab-morph,.md .color-theme-gray.fab-morph{background:#9e9e9e}.md .color-theme-white .fab-buttons a,.md .color-theme-white .fab>a,.md .color-theme-white.fab-buttons a,.md .color-theme-white.fab>a{background:#fff}.md .color-theme-white .fab-buttons a.active-state,.md .color-theme-white .fab>a.active-state,.md .color-theme-white.fab-buttons a.active-state,.md .color-theme-white.fab>a.active-state{background:#ebebeb}.md .color-theme-white .fab-morph,.md .color-theme-white.fab-morph{background:#fff}.md .color-theme-black .fab-buttons a,.md .color-theme-black .fab>a,.md .color-theme-black.fab-buttons a,.md .color-theme-black.fab>a{background:#000}.md .color-theme-black .fab-buttons a.active-state,.md .color-theme-black .fab>a.active-state,.md .color-theme-black.fab-buttons a.active-state,.md .color-theme-black.fab>a.active-state{background:#000}.md .color-theme-black .fab-morph,.md .color-theme-black.fab-morph{background:#000}.md .fab .fab-buttons>a.color-red,.md .fab-buttons.color-red a,.md .fab.color-red .fab-buttons>a,.md .fab.color-red>a,.md .fab>a.color-red{background:#f44336}.md .fab .fab-buttons>a.color-red.active-state,.md .fab-buttons.color-red a.active-state,.md .fab.color-red .fab-buttons>a.active-state,.md .fab.color-red>a.active-state,.md .fab>a.color-red.active-state{background:#f21f0f}.md .fab-morph.color-red{background:#f44336}.md .fab .fab-buttons>a.color-green,.md .fab-buttons.color-green a,.md .fab.color-green .fab-buttons>a,.md .fab.color-green>a,.md .fab>a.color-green{background:#4caf50}.md .fab .fab-buttons>a.color-green.active-state,.md .fab-buttons.color-green a.active-state,.md .fab.color-green .fab-buttons>a.active-state,.md .fab.color-green>a.active-state,.md .fab>a.color-green.active-state{background:#409343}.md .fab-morph.color-green{background:#4caf50}.md .fab .fab-buttons>a.color-blue,.md .fab-buttons.color-blue a,.md .fab.color-blue .fab-buttons>a,.md .fab.color-blue>a,.md .fab>a.color-blue{background:#2196f3}.md .fab .fab-buttons>a.color-blue.active-state,.md .fab-buttons.color-blue a.active-state,.md .fab.color-blue .fab-buttons>a.active-state,.md .fab.color-blue>a.active-state,.md .fab>a.color-blue.active-state{background:#0c82df}.md .fab-morph.color-blue{background:#2196f3}.md .fab .fab-buttons>a.color-pink,.md .fab-buttons.color-pink a,.md .fab.color-pink .fab-buttons>a,.md .fab.color-pink>a,.md .fab>a.color-pink{background:#e91e63}.md .fab .fab-buttons>a.color-pink.active-state,.md .fab-buttons.color-pink a.active-state,.md .fab.color-pink .fab-buttons>a.active-state,.md .fab.color-pink>a.active-state,.md .fab>a.color-pink.active-state{background:#ca1452}.md .fab-morph.color-pink{background:#e91e63}.md .fab .fab-buttons>a.color-yellow,.md .fab-buttons.color-yellow a,.md .fab.color-yellow .fab-buttons>a,.md .fab.color-yellow>a,.md .fab>a.color-yellow{background:#ffeb3b}.md .fab .fab-buttons>a.color-yellow.active-state,.md .fab-buttons.color-yellow a.active-state,.md .fab.color-yellow .fab-buttons>a.active-state,.md .fab.color-yellow>a.active-state,.md .fab>a.color-yellow.active-state{background:#ffe712}.md .fab-morph.color-yellow{background:#ffeb3b}.md .fab .fab-buttons>a.color-orange,.md .fab-buttons.color-orange a,.md .fab.color-orange .fab-buttons>a,.md .fab.color-orange>a,.md .fab>a.color-orange{background:#ff9800}.md .fab .fab-buttons>a.color-orange.active-state,.md .fab-buttons.color-orange a.active-state,.md .fab.color-orange .fab-buttons>a.active-state,.md .fab.color-orange>a.active-state,.md .fab>a.color-orange.active-state{background:#d68000}.md .fab-morph.color-orange{background:#ff9800}.md .fab .fab-buttons>a.color-gray,.md .fab-buttons.color-gray a,.md .fab.color-gray .fab-buttons>a,.md .fab.color-gray>a,.md .fab>a.color-gray{background:#9e9e9e}.md .fab .fab-buttons>a.color-gray.active-state,.md .fab-buttons.color-gray a.active-state,.md .fab.color-gray .fab-buttons>a.active-state,.md .fab.color-gray>a.active-state,.md .fab>a.color-gray.active-state{background:#8a8a8a}.md .fab-morph.color-gray{background:#9e9e9e}.md .fab .fab-buttons>a.color-white,.md .fab-buttons.color-white a,.md .fab.color-white .fab-buttons>a,.md .fab.color-white>a,.md .fab>a.color-white{background:#fff}.md .fab .fab-buttons>a.color-white.active-state,.md .fab-buttons.color-white a.active-state,.md .fab.color-white .fab-buttons>a.active-state,.md .fab.color-white>a.active-state,.md .fab>a.color-white.active-state{background:#ebebeb}.md .fab-morph.color-white{background:#fff}.md .fab .fab-buttons>a.color-black,.md .fab-buttons.color-black a,.md .fab.color-black .fab-buttons>a,.md .fab.color-black>a,.md .fab>a.color-black{background:#000}.md .fab .fab-buttons>a.color-black.active-state,.md .fab-buttons.color-black a.active-state,.md .fab.color-black .fab-buttons>a.active-state,.md .fab.color-black>a.active-state,.md .fab>a.color-black.active-state{background:#000}.md .fab-morph.color-black{background:#000}.md.device-iphone-x .fab[class*="-bottom"]{bottom:calc(16px + constant(safe-area-inset-bottom));bottom:calc(16px + env(safe-area-inset-bottom))}@media (orientation:landscape){.md.device-iphone-x .ios-edges .fab[class*=fab-left],.md.device-iphone-x .ios-left-edge .fab[class*=fab-left],.md.device-iphone-x .panel-left .fab[class*=fab-left],.md.device-iphone-x .popup .fab[class*=fab-left],.md.device-iphone-x .sheet-modal .fab[class*=fab-left]{left:calc(16px + constant(safe-area-inset-left));left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .fab[class*=fab-right],.md.device-iphone-x .ios-right-edge .fab[class*=fab-right],.md.device-iphone-x .panel-right .fab[class*=fab-right],.md.device-iphone-x .popup .fab[class*=fab-right],.md.device-iphone-x .sheet-modal .fab[class*=fab-right]{right:calc(16px + constant(safe-area-inset-right));right:calc(16px + env(safe-area-inset-right))}}.searchbar{width:100%;position:relative;z-index:200}.searchbar .searchbar-input-wrap{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;height:100%;position:relative}.searchbar .searchbar-input-wrap input[type=search]{padding:0}.searchbar .searchbar-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.page>.searchbar{position:absolute;left:0;top:0}.searchbar-expandable{position:absolute;-webkit-transition-duration:.3s;transition-duration:.3s;pointer-events:none}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.md .searchbar{height:48px;background:#fff}.md .searchbar input[type=search],.md .searchbar input[type=text]{padding-right:65px;padding-left:48px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:20px;color:#000;font-weight:400}.md .searchbar input[type=search]::-webkit-input-placeholder,.md .searchbar input[type=text]::-webkit-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]:-ms-input-placeholder,.md .searchbar input[type=text]:-ms-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]::-ms-input-placeholder,.md .searchbar input[type=text]::-ms-input-placeholder{color:#939398;opacity:1}.md .searchbar input[type=search]::placeholder,.md .searchbar input[type=text]::placeholder{color:#939398;opacity:1}.md .searchbar-expandable{height:100%}.md .searchbar-backdrop{background:rgba(0,0,0,.25)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;width:48px;height:48px;right:-4px;top:50%;margin-top:-24px;background-size:24px 24px;background-repeat:no-repeat;background-position:center;-webkit-transition-duration:.3s;transition-duration:.3s}.md .searchbar-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.md .searchbar-disable-button{-webkit-transform:rotate(-90deg) scale(.5);transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23737373'%2F%3E%3C%2Fsvg%3E")}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;-webkit-transform:rotate(90deg) scale(.5);transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");border-radius:0;background-repeat:no-repeat;background-position:center;background-size:24px 24px;background-color:transparent;left:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .searchbar .input-clear-button:after{display:none}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page-content .searchbar{border-radius:2px;margin:8px;width:auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .page-content .searchbar .searchbar-inner{border-radius:2px}.md .page>.searchbar{z-index:510}.md .page>.searchbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .page>.searchbar.no-shadow:after{display:none}.md .page>.searchbar input[type=search],.md .page>.searchbar input[type=text],.md .searchbar-expandable input[type=search],.md .searchbar-expandable input[type=text],.md .subnavbar .searchbar input[type=search],.md .subnavbar .searchbar input[type=text]{padding-right:73px}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:4px}.md .searchbar-expandable{width:56px;height:100%;opacity:0;top:50%;margin-top:-28px;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);right:100%;margin-right:-56px}.md .navbar .searchbar-expandable{border-radius:28px;width:56px;margin-top:-28px;margin-right:-56px}@media (min-width:768px){.md .navbar .searchbar-expandable{border-radius:32px;width:64px;margin-top:-32px;margin-right:-64px}}.md .subnavbar .searchbar-expandable,.md .toolbar .searchbar-expandable{border-radius:24px;width:48px;margin-top:-24px;margin-right:-56px}.md .tabbar-labels .searchbar-expandable{border-radius:36px;width:72px;margin-top:-36px;margin-right:-72px}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;right:0;margin-right:0}.md .page>.searchbar~* .page-content,.md .page>.searchbar~.page-content{padding-top:48px}.md .page>.navbar~.searchbar{top:56px}@media (min-width:768px){.md .page>.navbar~.searchbar{top:64px}}.md .page>.navbar~.searchbar~* .page-content,.md .page>.navbar~.searchbar~.page-content{padding-top:104px}@media (min-width:768px){.md .page>.navbar~.searchbar~* .page-content,.md .page>.navbar~.searchbar~.page-content{padding-top:112px}}.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:48px}.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:96px}.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:72px}.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:120px}.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:104px}@media (min-width:768px){.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar{top:112px}}.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:152px}@media (min-width:768px){.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~* .page-content,.md .page>.navbar~.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.searchbar~.page-content{padding-top:160px}}.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:128px}@media (min-width:768px){.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar{top:136px}}.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:176px}@media (min-width:768px){.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels:not(.toolbar-bottom-md)~.searchbar~.page-content{padding-top:184px}}@media (orientation:landscape){.md.device-iphone-x .ios-edges .searchbar-inner,.md.device-iphone-x .ios-left-edge .searchbar-inner,.md.device-iphone-x .panel-left .searchbar-inner,.md.device-iphone-x .popup .searchbar-inner,.md.device-iphone-x .sheet-modal .searchbar-inner{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .searchbar-inner,.md.device-iphone-x .ios-right-edge .searchbar-inner,.md.device-iphone-x .panel-right .searchbar-inner,.md.device-iphone-x .popup .searchbar-inner,.md.device-iphone-x .sheet-modal .searchbar-inner{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.md.device-iphone-x .ios-edges .searchbar-disable-button,.md.device-iphone-x .ios-right-edge .searchbar-disable-button,.md.device-iphone-x .panel-right .searchbar-disable-button,.md.device-iphone-x .popup .searchbar-disable-button,.md.device-iphone-x .sheet-modal .searchbar-disable-button{right:calc(4px + constant(safe-area-inset-right));right:calc(4px + env(safe-area-inset-right))}}.messages{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:relative;z-index:1}.messages-title{text-align:center;width:100%;line-height:1}.message{max-width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.message-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1;font-size:12px}.message-footer{font-size:11px;margin-bottom:-1em}.message-bubble{-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;line-height:1.2}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{font-size:12px;line-height:1}.message-text{text-align:left}.message-sent{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.message-received{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.message-received .message-content{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.message-sent .message-content{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{-webkit-animation:message-appear-from-bottom .3s;animation:message-appear-from-bottom .3s}.message-appear-from-top{-webkit-animation:message-appear-from-top .3s;animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:#000;vertical-align:middle;border-radius:50%}@-webkit-keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-bottom{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.md .messages,.md .messages-content{background:#eee}.md .message{margin-top:16px}.md .message:last-child{margin-bottom:16px}.md .messages-title{font-size:12px;color:rgba(0,0,0,.51);margin-top:16px}.md .messages-title:last-child{margin-bottom:16px}.md .messages-title b{font-weight:500}.md .message-avatar{width:32px;height:32px}.md .message-footer,.md .message-header,.md .message-name{color:rgba(0,0,0,.51)}.md .message-footer b,.md .message-header b,.md .message-name b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-bubble{font-size:16px;border-radius:2px;padding:6px 8px;min-height:32px}.md .message-text-footer,.md .message-text-header{color:rgba(0,0,0,.51)}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received{margin-left:8px}.md .message-received .message-bubble{color:#333;background:#fff}.md .message-received .message-avatar+.message-content{margin-left:8px}.md .message-received.message-tail .message-bubble{border-radius:2px 2px 2px 0}.md .message-received.message-tail .message-bubble:before{position:absolute;content:'';border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid #fff;right:100%;bottom:0;width:0;height:0}.md .message-sent{margin-right:8px}.md .message-sent .message-bubble{color:#333;background:#c8e6c9}.md .message-sent .message-avatar+.message-content{margin-right:8px}.md .message-sent.message-tail .message-bubble{border-radius:2px 2px 0 2px}.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';border-right:8px solid transparent;border-left:0 solid transparent;border-bottom:8px solid #c8e6c9;left:100%;bottom:0;width:0;height:0}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px;opacity:.6}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){-webkit-animation:md-message-typing-indicator .9s infinite;animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){-webkit-animation:md-message-typing-indicator .9s 150ms infinite;animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){-webkit-animation:md-message-typing-indicator .9s .3s infinite;animation:md-message-typing-indicator .9s .3s infinite}.md .theme-dark .messages,.md .theme-dark .messages-content,.messages-content.md .theme-dark,.messages.md .theme-dark{background-color:transparent}.md .theme-dark .messages-title{color:rgba(255,255,255,.54)}.md .theme-dark .message-footer,.md .theme-dark .message-header,.md .theme-dark .message-name{color:rgba(255,255,255,.54)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .message-received,.md.device-iphone-x .ios-left-edge .message-received,.md.device-iphone-x .panel-left .message-received,.md.device-iphone-x .popup .message-received,.md.device-iphone-x .sheet-modal .message-received{margin-left:calc(8px + constant(safe-area-inset-left));margin-left:calc(8px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .message-sent,.md.device-iphone-x .ios-right-edge .message-sent,.md.device-iphone-x .panel-right .message-sent,.md.device-iphone-x .popup .message-sent,.md.device-iphone-x .sheet-modal .message-sent{margin-right:calc(8px + constant(safe-area-inset-right));margin-right:calc(8px + env(safe-area-inset-right))}}@-webkit-keyframes md-message-typing-indicator{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes md-message-typing-indicator{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.toolbar.messagebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#fff;height:auto}.toolbar.messagebar .toolbar-inner{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.toolbar.messagebar .messagebar-area{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;position:relative}.toolbar.messagebar textarea{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.toolbar.messagebar a.link{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:155px;position:relative}@media (orientation:landscape){.messagebar-attachment{height:120px}}.messagebar-attachment img{display:block;width:auto;height:100%}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:252px}@media (orientation:landscape){.messagebar-sheet{height:192px}}.messagebar-sheet-image,.messagebar-sheet-item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:125px;width:125px;margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:95px;height:95px}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.messagebar-attachment-delete:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.ios.device-iphone-x .messagebar:not(.messagebar-top),.md.device-iphone-x .messagebar:not(.messagebar-top){height:auto!important}.ios.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible),.md.device-iphone-x .messagebar:not(.messagebar-top):not(.messagebar-sheet-visible){padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.ios.device-iphone-x .messagebar-sheet,.md.device-iphone-x .messagebar-sheet{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.md .messagebar{font-size:16px}.md .messagebar:after{display:none}.md .messagebar textarea{padding:5px 8px;height:32px;color:#333;font-size:16px;line-height:22px}.md .messagebar a.link{color:#333}.md .messagebar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .messagebar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .messagebar:before{content:'';position:absolute;background-color:#d1d1d1;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .messagebar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .messagebar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .messagebar-attachments{padding:8px;border-bottom:1px solid #ddd}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet{background:#fff}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.5);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background:#2196f3;cursor:pointer;border-radius:2px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.md .theme-dark .messagebar,.messagebar.md .theme-dark{background:#000}.md .theme-dark .messagebar:before,.messagebar.md .theme-dark:before{background-color:rgba(255,255,255,.2)}.md .theme-dark .messagebar a.link,.messagebar.md .theme-dark a.link{color:rgba(255,255,255,.87)}.md .theme-dark .messagebar a.link:before,.messagebar.md .theme-dark a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .theme-dark .messagebar a.link.active-state:before,.messagebar.md .theme-dark a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .theme-dark .messagebar textarea,.messagebar.md .theme-dark textarea{color:rgba(255,255,255,.87)}.md .theme-dark .messagebar-attachments{border-bottom-color:rgba(255,255,255,.2)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10}.md .swiper-lazy-preloader{width:32px;height:32px;margin-left:-16px;margin-top:-16px}.md .swiper-button-prev,.md .swiper-container-rtl .swiper-button-next{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .swiper-button-next,.md .swiper-container-rtl .swiper-button-prev{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .swiper-pagination-bullet-active{background:#2196f3}.md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2196f3}.md .color-theme-red .swiper-button-prev,.md .color-theme-red .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-red,.md .swiper-container-rtl .swiper-button-next.color-red{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'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-red .swiper-button-next,.md .color-theme-red .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-red,.md .swiper-container-rtl .swiper-button-prev.color-red{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'%23f44336'%2F%3E%3C%2Fsvg%3E")}.md .color-red .swiper-pagination-bullet-active,.md .color-theme-red .swiper-pagination-bullet-active{background:#f44336}.md .color-red .swiper-pagination-progressbar,.md .color-red.swiper-pagination-progressbar,.md .color-theme-red .swiper-pagination-progressbar,.md .color-theme-red.swiper-pagination-progressbar{background:rgba(244,67,54,.25)}.md .color-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-red .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-red.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#f44336}.md .color-theme-green .swiper-button-prev,.md .color-theme-green .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-green,.md .swiper-container-rtl .swiper-button-next.color-green{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'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-green .swiper-button-next,.md .color-theme-green .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-green,.md .swiper-container-rtl .swiper-button-prev.color-green{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'%234caf50'%2F%3E%3C%2Fsvg%3E")}.md .color-green .swiper-pagination-bullet-active,.md .color-theme-green .swiper-pagination-bullet-active{background:#4caf50}.md .color-green .swiper-pagination-progressbar,.md .color-green.swiper-pagination-progressbar,.md .color-theme-green .swiper-pagination-progressbar,.md .color-theme-green.swiper-pagination-progressbar{background:rgba(76,175,80,.25)}.md .color-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-green .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-green.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#4caf50}.md .color-theme-blue .swiper-button-prev,.md .color-theme-blue .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-blue,.md .swiper-container-rtl .swiper-button-next.color-blue{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-blue .swiper-button-next,.md .color-theme-blue .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-blue,.md .swiper-container-rtl .swiper-button-prev.color-blue{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'%232196f3'%2F%3E%3C%2Fsvg%3E")}.md .color-blue .swiper-pagination-bullet-active,.md .color-theme-blue .swiper-pagination-bullet-active{background:#2196f3}.md .color-blue .swiper-pagination-progressbar,.md .color-blue.swiper-pagination-progressbar,.md .color-theme-blue .swiper-pagination-progressbar,.md .color-theme-blue.swiper-pagination-progressbar{background:rgba(33,150,243,.25)}.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2196f3}.md .color-theme-pink .swiper-button-prev,.md .color-theme-pink .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-pink,.md .swiper-container-rtl .swiper-button-next.color-pink{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'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-pink .swiper-button-next,.md .color-theme-pink .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-pink,.md .swiper-container-rtl .swiper-button-prev.color-pink{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'%23e91e63'%2F%3E%3C%2Fsvg%3E")}.md .color-pink .swiper-pagination-bullet-active,.md .color-theme-pink .swiper-pagination-bullet-active{background:#e91e63}.md .color-pink .swiper-pagination-progressbar,.md .color-pink.swiper-pagination-progressbar,.md .color-theme-pink .swiper-pagination-progressbar,.md .color-theme-pink.swiper-pagination-progressbar{background:rgba(233,30,99,.25)}.md .color-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-pink .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-pink.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#e91e63}.md .color-theme-yellow .swiper-button-prev,.md .color-theme-yellow .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-yellow,.md .swiper-container-rtl .swiper-button-next.color-yellow{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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-yellow .swiper-button-next,.md .color-theme-yellow .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-yellow,.md .swiper-container-rtl .swiper-button-prev.color-yellow{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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-yellow .swiper-pagination-bullet-active,.md .color-yellow .swiper-pagination-bullet-active{background:#ffeb3b}.md .color-theme-yellow .swiper-pagination-progressbar,.md .color-theme-yellow.swiper-pagination-progressbar,.md .color-yellow .swiper-pagination-progressbar,.md .color-yellow.swiper-pagination-progressbar{background:rgba(255,235,59,.25)}.md .color-theme-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-yellow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-yellow.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffeb3b}.md .color-theme-orange .swiper-button-prev,.md .color-theme-orange .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-orange,.md .swiper-container-rtl .swiper-button-next.color-orange{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'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-orange .swiper-button-next,.md .color-theme-orange .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-orange,.md .swiper-container-rtl .swiper-button-prev.color-orange{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'%23ff9800'%2F%3E%3C%2Fsvg%3E")}.md .color-orange .swiper-pagination-bullet-active,.md .color-theme-orange .swiper-pagination-bullet-active{background:#ff9800}.md .color-orange .swiper-pagination-progressbar,.md .color-orange.swiper-pagination-progressbar,.md .color-theme-orange .swiper-pagination-progressbar,.md .color-theme-orange.swiper-pagination-progressbar{background:rgba(255,152,0,.25)}.md .color-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-orange .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-orange.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff9800}.md .color-theme-gray .swiper-button-prev,.md .color-theme-gray .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-gray,.md .swiper-container-rtl .swiper-button-next.color-gray{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'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .color-theme-gray .swiper-button-next,.md .color-theme-gray .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-gray,.md .swiper-container-rtl .swiper-button-prev.color-gray{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'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}.md .color-gray .swiper-pagination-bullet-active,.md .color-theme-gray .swiper-pagination-bullet-active{background:#9e9e9e}.md .color-gray .swiper-pagination-progressbar,.md .color-gray.swiper-pagination-progressbar,.md .color-theme-gray .swiper-pagination-progressbar,.md .color-theme-gray.swiper-pagination-progressbar{background:rgba(158,158,158,.25)}.md .color-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-gray.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#9e9e9e}.md .color-theme-white .swiper-button-prev,.md .color-theme-white .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-white,.md .swiper-container-rtl .swiper-button-next.color-white{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")}.md .color-theme-white .swiper-button-next,.md .color-theme-white .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-white,.md .swiper-container-rtl .swiper-button-prev.color-white{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")}.md .color-theme-white .swiper-pagination-bullet-active,.md .color-white .swiper-pagination-bullet-active{background:#fff}.md .color-theme-white .swiper-pagination-progressbar,.md .color-theme-white.swiper-pagination-progressbar,.md .color-white .swiper-pagination-progressbar,.md .color-white.swiper-pagination-progressbar{background:rgba(255,255,255,.25)}.md .color-theme-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-white .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}.md .color-theme-black .swiper-button-prev,.md .color-theme-black .swiper-container-rtl .swiper-button-next,.md .swiper-button-prev.color-black,.md .swiper-container-rtl .swiper-button-next.color-black{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")}.md .color-theme-black .swiper-button-next,.md .color-theme-black .swiper-container-rtl .swiper-button-prev,.md .swiper-button-next.color-black,.md .swiper-container-rtl .swiper-button-prev.color-black{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")}.md .color-black .swiper-pagination-bullet-active,.md .color-theme-black .swiper-pagination-bullet-active{background:#000}.md .color-black .swiper-pagination-progressbar,.md .color-black.swiper-pagination-progressbar,.md .color-theme-black .swiper-pagination-progressbar,.md .color-theme-black.swiper-pagination-progressbar{background:rgba(0,0,0,.25)}.md .color-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-black .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-black.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-in .4s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:photo-browser-out .4s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{-webkit-animation:none;animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transition-duration:.3s;transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{-webkit-transform:translate3d(0,-100vh,0);transform:translate3d(0,-100vh,0)}.page.photo-browser-page{background:0 0}.photo-browser-popup{background:0 0}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .photo-browser-swiper-container{background:#000}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:0;z-index:10;opacity:1;-webkit-transition:.4s;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.photo-browser-caption{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{background:rgba(255,255,255,.8);color:#000}.photo-browser-captions-dark .photo-browser-caption{color:#fff}.photo-browser-exposed .photo-browser-caption{color:#fff;background:rgba(0,0,0,.8)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#fff;-webkit-transition:.4s;transition:.4s;-webkit-transition-property:background-color;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{-webkit-transition:.4s;transition:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:#000}@-webkit-keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-in{0%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}}@-webkit-keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}@keyframes photo-browser-out{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}50%{-webkit-transform:translate3d(0,0,0) scale(1.05);transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}}.md .toolbar~.photo-browser-captions{bottom:48px;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.md .photo-browser-exposed .toolbar~.photo-browser-captions{-webkit-transform:translate3d(0,48px,0);transform:translate3d(0,48px,0)}.md .photo-browser-page .toolbar{-webkit-transform:none;transform:none}.md .photo-browser-page .navbar,.md .photo-browser-page .toolbar{background:rgba(33,150,243,.95);-webkit-transition:.4s;transition:.4s}.md .photo-browser-dark .navbar,.md .photo-browser-dark .toolbar,.md .photo-browser-page-dark .navbar,.md .photo-browser-page-dark .toolbar{background:rgba(30,30,30,.8)!important;color:#fff}.md .photo-browser-dark .navbar a,.md .photo-browser-dark .toolbar a,.md .photo-browser-page-dark .navbar a,.md .photo-browser-page-dark .toolbar a{color:#fff}.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-red .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(244,67,54,.95)}.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-green .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(76,175,80,.95)}.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-blue .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(33,150,243,.95)}.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-pink .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(233,30,99,.95)}.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-yellow .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,235,59,.95)}.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-orange .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,152,0,.95)}.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-gray .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(158,158,158,.95)}.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-white .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(255,255,255,.95)}.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar,.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .navbar,.md .color-theme-black .photo-browser-page:not(.photo-browser-page-dark) .toolbar{background-color:rgba(0,0,0,.95)}.md.device-iphone-x .photo-browser-captions{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.md.device-iphone-x .toolbar~.photo-browser-captions{bottom:calc(48px + constant(safe-area-inset-bottom));bottom:calc(48px + env(safe-area-inset-bottom))}.notification{position:absolute;left:0;top:0;width:100%;z-index:20000;font-size:14px;margin:0;border:none;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;direction:ltr}.notification-icon{font-size:0}.notification-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer}html.with-statusbar.device-ios .notification,html.with-statusbar.ios:not(.device-ios):not(.device-android) .notification{margin-top:20px}html.with-statusbar.device-android .notification,html.with-statusbar.md:not(.device-ios):not(.device-android) .notification{margin-top:24px}html.with-statusbar.device-iphone-x .notification{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}.md .notification{left:0;top:0;width:100%;background:#fff;border-radius:0px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.24);box-shadow:0 2px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.24);padding:16px;color:#000;max-width:568px}@media (min-width:568px){.md .notification{left:50%;margin-left:-284px}}.md .notification.modal-in{-webkit-transition-duration:0s;transition-duration:0s;-webkit-animation:notification-md-in .4s ease-out;animation:notification-md-in .4s ease-out}.md .notification.modal-in.notification-transitioning{-webkit-transition-duration:.2s;transition-duration:.2s}.md .notification.modal-out{-webkit-animation:none;animation:none;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}.md .notification-icon{width:16px;height:16px;margin-right:8px;line-height:16px}.md .notification-icon i{width:16px;height:16px;font-size:16px}.md .notification-title{font-size:12px;line-height:1;color:#2196f3}.md .notification-subtitle{font-size:14px;line-height:1.35;color:#212121}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-text{font-size:14px;line-height:1.35;color:#757575}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{font-size:12px;color:#757575;margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:#757575}.md .notification-close-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23737373'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");width:16px;height:16px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{content:'';position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-22px;margin-top:-22px}@-webkit-keyframes notification-md-in{0%{-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}@keyframes notification-md-in{0%{-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}50%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{-webkit-animation:none;animation:none}.autocomplete-dropdown{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:20px;height:20px}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#a9a9a9}.autocomplete-dropdown .list{margin:0}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.list .item-content-dropdown-expanded .item-title.item-label{width:0;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:16px}.md .autocomplete-dropdown{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.25);box-shadow:0 2px 2px rgba(0,0,0,.25)}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.md .autocomplete-dropdown .list{color:rgba(0,0,0,.54)}.md .autocomplete-dropdown .list b{font-weight:400;color:#212121}.md .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:73px}.md .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}.tooltip{position:absolute;z-index:20000;background:rgba(0,0,0,.87);border-radius:4px;padding:8px 16px;color:#fff;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;z-index:99000;font-weight:500}.tooltip.tooltip-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.device-desktop .tooltip{font-size:12px;padding:6px 8px}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{-webkit-transition-duration:.4s;transition-duration:.4s}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elevation-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.elevation-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0px 0px 0px 0px transparent!important;box-shadow:0px 0px 0px 0px transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important;box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)!important}.elevation-transition-100{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition,.elevation-transition-200{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-300{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-400{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.elevation-transition-500{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow}.display-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.display-block{display:block!important}.display-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.flex-shrink-2{-webkit-flex-shrink:2!important;-ms-flex-negative:2!important;flex-shrink:2!important}.flex-shrink-3{-webkit-flex-shrink:3!important;-ms-flex-negative:3!important;flex-shrink:3!important}.flex-shrink-4{-webkit-flex-shrink:4!important;-ms-flex-negative:4!important;flex-shrink:4!important}.flex-shrink-5{-webkit-flex-shrink:5!important;-ms-flex-negative:5!important;flex-shrink:5!important}.flex-shrink-6{-webkit-flex-shrink:6!important;-ms-flex-negative:6!important;flex-shrink:6!important}.flex-shrink-7{-webkit-flex-shrink:7!important;-ms-flex-negative:7!important;flex-shrink:7!important}.flex-shrink-8{-webkit-flex-shrink:8!important;-ms-flex-negative:8!important;flex-shrink:8!important}.flex-shrink-9{-webkit-flex-shrink:9!important;-ms-flex-negative:9!important;flex-shrink:9!important}.flex-shrink-10{-webkit-flex-shrink:10!important;-ms-flex-negative:10!important;flex-shrink:10!important}.justify-content-flex-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-flex-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-space-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-space-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-space-evenly{-webkit-box-pack:space-evenly!important;-webkit-justify-content:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.justify-content-stretch{-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:start!important;-ms-flex-pack:start!important;justify-content:start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:end!important;-ms-flex-pack:end!important;justify-content:end!important}.justify-content-left{-webkit-box-pack:left!important;-webkit-justify-content:left!important;-ms-flex-pack:left!important;justify-content:left!important}.justify-content-right{-webkit-box-pack:right!important;-webkit-justify-content:right!important;-ms-flex-pack:right!important;justify-content:right!important}.align-content-flex-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-flex-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-space-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-space-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-items-flex-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-flex-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-flex-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-flex-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.md .padding{padding:16px!important}.md .padding-top{padding-top:16px!important}.md .padding-bottom{padding-bottom:16px!important}.md .padding-left{padding-left:16px!important}.md .padding-right{padding-right:16px!important}.md .padding-vertical{padding-top:16px!important;padding-bottom:16px!important}.md .padding-horizontal{padding-left:16px!important;padding-right:16px!important}.md .margin{margin:16px!important}.md .margin-top{margin-top:16px!important}.md .margin-bottom{margin-bottom:16px!important}.md .margin-left{margin-left:16px!important}.md .margin-right{margin-right:16px!important}.md .margin-vertical{margin-top:16px!important;margin-bottom:16px!important}.md .margin-horizontal{margin-left:16px!important;margin-right:16px!important}.md .text-color-red{color:#f44336!important}.md .bg-color-red{background-color:#f44336!important}.md .border-color-red{border-color:#f44336!important}.md .text-color-green{color:#4caf50!important}.md .bg-color-green{background-color:#4caf50!important}.md .border-color-green{border-color:#4caf50!important}.md .text-color-blue{color:#2196f3!important}.md .bg-color-blue{background-color:#2196f3!important}.md .border-color-blue{border-color:#2196f3!important}.md .text-color-pink{color:#e91e63!important}.md .bg-color-pink{background-color:#e91e63!important}.md .border-color-pink{border-color:#e91e63!important}.md .text-color-yellow{color:#ffeb3b!important}.md .bg-color-yellow{background-color:#ffeb3b!important}.md .border-color-yellow{border-color:#ffeb3b!important}.md .text-color-orange{color:#ff9800!important}.md .bg-color-orange{background-color:#ff9800!important}.md .border-color-orange{border-color:#ff9800!important}.md .text-color-gray{color:#9e9e9e!important}.md .bg-color-gray{background-color:#9e9e9e!important}.md .border-color-gray{border-color:#9e9e9e!important}.md .text-color-white{color:#fff!important}.md .bg-color-white{background-color:#fff!important}.md .border-color-white{border-color:#fff!important}.md .text-color-black{color:#000!important}.md .bg-color-black{background-color:#000!important}.md .border-color-black{border-color:#000!important} \ No newline at end of file diff --git a/framework7/css/framework7.rtl.min.css b/framework7/css/framework7.rtl.min.css new file mode 100644 index 0000000..5833e55 --- /dev/null +++ b/framework7/css/framework7.rtl.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.5 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 14, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(-200%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(-200%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size)}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/framework7/js/framework7-lazy.js b/framework7/js/framework7-lazy.js new file mode 100644 index 0000000..a6d2c75 --- /dev/null +++ b/framework7/js/framework7-lazy.js @@ -0,0 +1,12195 @@ +/** + * Framework7 3.6.6 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 5, 2019 + */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global = global || self, global.Framework7 = factory()); +}(this, function () { 'use strict'; + + /** + * Template7 1.4.1 + * Mobile-first HTML template engine + * + * http://www.idangero.us/template7/ + * + * Copyright 2019, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: February 5, 2019 + */ + + var t7ctx; + if (typeof window !== 'undefined') { + t7ctx = window; + } else if (typeof global !== 'undefined') { + t7ctx = global; + } else { + t7ctx = undefined; + } + + var Template7Context = t7ctx; + + var Template7Utils = { + quoteSingleRexExp: new RegExp('\'', 'g'), + quoteDoubleRexExp: new RegExp('"', 'g'), + isFunction: function isFunction(func) { + return typeof func === 'function'; + }, + escape: function escape(string) { + if ( string === void 0 ) string = ''; + + return string + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"') + .replace(/'/g, '''); + }, + helperToSlices: function helperToSlices(string) { + var quoteDoubleRexExp = Template7Utils.quoteDoubleRexExp; + var quoteSingleRexExp = Template7Utils.quoteSingleRexExp; + var helperParts = string.replace(/[{}#}]/g, '').trim().split(' '); + var slices = []; + var shiftIndex; + var i; + var j; + for (i = 0; i < helperParts.length; i += 1) { + var part = helperParts[i]; + var blockQuoteRegExp = (void 0); + var openingQuote = (void 0); + if (i === 0) { slices.push(part); } + else if (part.indexOf('"') === 0 || part.indexOf('\'') === 0) { + blockQuoteRegExp = part.indexOf('"') === 0 ? quoteDoubleRexExp : quoteSingleRexExp; + openingQuote = part.indexOf('"') === 0 ? '"' : '\''; + // Plain String + if (part.match(blockQuoteRegExp).length === 2) { + // One word string + slices.push(part); + } else { + // Find closed Index + shiftIndex = 0; + for (j = i + 1; j < helperParts.length; j += 1) { + part += " " + (helperParts[j]); + if (helperParts[j].indexOf(openingQuote) >= 0) { + shiftIndex = j; + slices.push(part); + break; + } + } + if (shiftIndex) { i = shiftIndex; } + } + } else if (part.indexOf('=') > 0) { + // Hash + var hashParts = part.split('='); + var hashName = hashParts[0]; + var hashContent = hashParts[1]; + if (!blockQuoteRegExp) { + blockQuoteRegExp = hashContent.indexOf('"') === 0 ? quoteDoubleRexExp : quoteSingleRexExp; + openingQuote = hashContent.indexOf('"') === 0 ? '"' : '\''; + } + if (hashContent.match(blockQuoteRegExp).length !== 2) { + shiftIndex = 0; + for (j = i + 1; j < helperParts.length; j += 1) { + hashContent += " " + (helperParts[j]); + if (helperParts[j].indexOf(openingQuote) >= 0) { + shiftIndex = j; + break; + } + } + if (shiftIndex) { i = shiftIndex; } + } + var hash = [hashName, hashContent.replace(blockQuoteRegExp, '')]; + slices.push(hash); + } else { + // Plain variable + slices.push(part); + } + } + return slices; + }, + stringToBlocks: function stringToBlocks(string) { + var blocks = []; + var i; + var j; + if (!string) { return []; } + var stringBlocks = string.split(/({{[^{^}]*}})/); + for (i = 0; i < stringBlocks.length; i += 1) { + var block = stringBlocks[i]; + if (block === '') { continue; } + if (block.indexOf('{{') < 0) { + blocks.push({ + type: 'plain', + content: block, + }); + } else { + if (block.indexOf('{/') >= 0) { + continue; + } + block = block + .replace(/{{([#/])*([ ])*/, '{{$1') + .replace(/([ ])*}}/, '}}'); + if (block.indexOf('{#') < 0 && block.indexOf(' ') < 0 && block.indexOf('else') < 0) { + // Simple variable + blocks.push({ + type: 'variable', + contextName: block.replace(/[{}]/g, ''), + }); + continue; + } + // Helpers + var helperSlices = Template7Utils.helperToSlices(block); + var helperName = helperSlices[0]; + var isPartial = helperName === '>'; + var helperContext = []; + var helperHash = {}; + for (j = 1; j < helperSlices.length; j += 1) { + var slice = helperSlices[j]; + if (Array.isArray(slice)) { + // Hash + helperHash[slice[0]] = slice[1] === 'false' ? false : slice[1]; + } else { + helperContext.push(slice); + } + } + + if (block.indexOf('{#') >= 0) { + // Condition/Helper + var helperContent = ''; + var elseContent = ''; + var toSkip = 0; + var shiftIndex = (void 0); + var foundClosed = false; + var foundElse = false; + var depth = 0; + for (j = i + 1; j < stringBlocks.length; j += 1) { + if (stringBlocks[j].indexOf('{{#') >= 0) { + depth += 1; + } + if (stringBlocks[j].indexOf('{{/') >= 0) { + depth -= 1; + } + if (stringBlocks[j].indexOf(("{{#" + helperName)) >= 0) { + helperContent += stringBlocks[j]; + if (foundElse) { elseContent += stringBlocks[j]; } + toSkip += 1; + } else if (stringBlocks[j].indexOf(("{{/" + helperName)) >= 0) { + if (toSkip > 0) { + toSkip -= 1; + helperContent += stringBlocks[j]; + if (foundElse) { elseContent += stringBlocks[j]; } + } else { + shiftIndex = j; + foundClosed = true; + break; + } + } else if (stringBlocks[j].indexOf('else') >= 0 && depth === 0) { + foundElse = true; + } else { + if (!foundElse) { helperContent += stringBlocks[j]; } + if (foundElse) { elseContent += stringBlocks[j]; } + } + } + if (foundClosed) { + if (shiftIndex) { i = shiftIndex; } + if (helperName === 'raw') { + blocks.push({ + type: 'plain', + content: helperContent, + }); + } else { + blocks.push({ + type: 'helper', + helperName: helperName, + contextName: helperContext, + content: helperContent, + inverseContent: elseContent, + hash: helperHash, + }); + } + } + } else if (block.indexOf(' ') > 0) { + if (isPartial) { + helperName = '_partial'; + if (helperContext[0]) { + if (helperContext[0].indexOf('[') === 0) { helperContext[0] = helperContext[0].replace(/[[\]]/g, ''); } + else { helperContext[0] = "\"" + (helperContext[0].replace(/"|'/g, '')) + "\""; } + } + } + blocks.push({ + type: 'helper', + helperName: helperName, + contextName: helperContext, + hash: helperHash, + }); + } + } + } + return blocks; + }, + parseJsVariable: function parseJsVariable(expression, replace, object) { + return expression.split(/([+ \-*/^()&=|<>!%:?])/g).reduce(function (arr, part) { + if (!part) { + return arr; + } + if (part.indexOf(replace) < 0) { + arr.push(part); + return arr; + } + if (!object) { + arr.push(JSON.stringify('')); + return arr; + } + + var variable = object; + if (part.indexOf((replace + ".")) >= 0) { + part.split((replace + "."))[1].split('.').forEach(function (partName) { + if (partName in variable) { variable = variable[partName]; } + else { variable = undefined; } + }); + } + if (typeof variable === 'string') { + variable = JSON.stringify(variable); + } + if (variable === undefined) { variable = 'undefined'; } + + arr.push(variable); + return arr; + }, []).join(''); + }, + parseJsParents: function parseJsParents(expression, parents) { + return expression.split(/([+ \-*^()&=|<>!%:?])/g).reduce(function (arr, part) { + if (!part) { + return arr; + } + + if (part.indexOf('../') < 0) { + arr.push(part); + return arr; + } + + if (!parents || parents.length === 0) { + arr.push(JSON.stringify('')); + return arr; + } + + var levelsUp = part.split('../').length - 1; + var parentData = levelsUp > parents.length ? parents[parents.length - 1] : parents[levelsUp - 1]; + + var variable = parentData; + var parentPart = part.replace(/..\//g, ''); + parentPart.split('.').forEach(function (partName) { + if (typeof variable[partName] !== 'undefined') { variable = variable[partName]; } + else { variable = 'undefined'; } + }); + if (variable === false || variable === true) { + arr.push(JSON.stringify(variable)); + return arr; + } + if (variable === null || variable === 'undefined') { + arr.push(JSON.stringify('')); + return arr; + } + arr.push(JSON.stringify(variable)); + return arr; + }, []).join(''); + }, + getCompileVar: function getCompileVar(name, ctx, data) { + if ( data === void 0 ) data = 'data_1'; + + var variable = ctx; + var parts; + var levelsUp = 0; + var newDepth; + if (name.indexOf('../') === 0) { + levelsUp = name.split('../').length - 1; + newDepth = variable.split('_')[1] - levelsUp; + variable = "ctx_" + (newDepth >= 1 ? newDepth : 1); + parts = name.split('../')[levelsUp].split('.'); + } else if (name.indexOf('@global') === 0) { + variable = 'Template7.global'; + parts = name.split('@global.')[1].split('.'); + } else if (name.indexOf('@root') === 0) { + variable = 'root'; + parts = name.split('@root.')[1].split('.'); + } else { + parts = name.split('.'); + } + for (var i = 0; i < parts.length; i += 1) { + var part = parts[i]; + if (part.indexOf('@') === 0) { + var dataLevel = data.split('_')[1]; + if (levelsUp > 0) { + dataLevel = newDepth; + } + if (i > 0) { + variable += "[(data_" + dataLevel + " && data_" + dataLevel + "." + (part.replace('@', '')) + ")]"; + } else { + variable = "(data_" + dataLevel + " && data_" + dataLevel + "." + (part.replace('@', '')) + ")"; + } + } else if (Number.isFinite ? Number.isFinite(part) : Template7Context.isFinite(part)) { + variable += "[" + part + "]"; + } else if (part === 'this' || part.indexOf('this.') >= 0 || part.indexOf('this[') >= 0 || part.indexOf('this(') >= 0) { + variable = part.replace('this', ctx); + } else { + variable += "." + part; + } + } + return variable; + }, + getCompiledArguments: function getCompiledArguments(contextArray, ctx, data) { + var arr = []; + for (var i = 0; i < contextArray.length; i += 1) { + if (/^['"]/.test(contextArray[i])) { arr.push(contextArray[i]); } + else if (/^(true|false|\d+)$/.test(contextArray[i])) { arr.push(contextArray[i]); } + else { + arr.push(Template7Utils.getCompileVar(contextArray[i], ctx, data)); + } + } + + return arr.join(', '); + }, + }; + + /* eslint no-eval: "off" */ + + var Template7Helpers = { + _partial: function _partial(partialName, options) { + var ctx = this; + var p = Template7Class.partials[partialName]; + if (!p || (p && !p.template)) { return ''; } + if (!p.compiled) { + p.compiled = new Template7Class(p.template).compile(); + } + Object.keys(options.hash).forEach(function (hashName) { + ctx[hashName] = options.hash[hashName]; + }); + return p.compiled(ctx, options.data, options.root); + }, + escape: function escape(context) { + if (typeof context !== 'string') { + throw new Error('Template7: Passed context to "escape" helper should be a string'); + } + return Template7Utils.escape(context); + }, + if: function if$1(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (ctx) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + unless: function unless(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (!ctx) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + each: function each(context, options) { + var ctx = context; + var ret = ''; + var i = 0; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (Array.isArray(ctx)) { + if (options.hash.reverse) { + ctx = ctx.reverse(); + } + for (i = 0; i < ctx.length; i += 1) { + ret += options.fn(ctx[i], { first: i === 0, last: i === ctx.length - 1, index: i }); + } + if (options.hash.reverse) { + ctx = ctx.reverse(); + } + } else { + // eslint-disable-next-line + for (var key in ctx) { + i += 1; + ret += options.fn(ctx[key], { key: key }); + } + } + if (i > 0) { return ret; } + return options.inverse(this); + }, + with: function with$1(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = context.call(this); } + return options.fn(ctx); + }, + join: function join(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + return ctx.join(options.hash.delimiter || options.hash.delimeter); + }, + js: function js(expression, options) { + var data = options.data; + var func; + var execute = expression; + ('index first last key').split(' ').forEach(function (prop) { + if (typeof data[prop] !== 'undefined') { + var re1 = new RegExp(("this.@" + prop), 'g'); + var re2 = new RegExp(("@" + prop), 'g'); + execute = execute + .replace(re1, JSON.stringify(data[prop])) + .replace(re2, JSON.stringify(data[prop])); + } + }); + if (options.root && execute.indexOf('@root') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@root', options.root); + } + if (execute.indexOf('@global') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@global', Template7Context.Template7.global); + } + if (execute.indexOf('../') >= 0) { + execute = Template7Utils.parseJsParents(execute, options.parents); + } + if (execute.indexOf('return') >= 0) { + func = "(function(){" + execute + "})"; + } else { + func = "(function(){return (" + execute + ")})"; + } + return eval(func).call(this); + }, + js_if: function js_if(expression, options) { + var data = options.data; + var func; + var execute = expression; + ('index first last key').split(' ').forEach(function (prop) { + if (typeof data[prop] !== 'undefined') { + var re1 = new RegExp(("this.@" + prop), 'g'); + var re2 = new RegExp(("@" + prop), 'g'); + execute = execute + .replace(re1, JSON.stringify(data[prop])) + .replace(re2, JSON.stringify(data[prop])); + } + }); + if (options.root && execute.indexOf('@root') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@root', options.root); + } + if (execute.indexOf('@global') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@global', Template7Context.Template7.global); + } + if (execute.indexOf('../') >= 0) { + execute = Template7Utils.parseJsParents(execute, options.parents); + } + if (execute.indexOf('return') >= 0) { + func = "(function(){" + execute + "})"; + } else { + func = "(function(){return (" + execute + ")})"; + } + var condition = eval(func).call(this); + if (condition) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + }; + Template7Helpers.js_compare = Template7Helpers.js_if; + + var Template7Options = {}; + var Template7Partials = {}; + + var Template7Class = function Template7Class(template) { + var t = this; + t.template = template; + }; + + var staticAccessors = { options: { configurable: true },partials: { configurable: true },helpers: { configurable: true } }; + Template7Class.prototype.compile = function compile (template, depth) { + if ( template === void 0 ) template = this.template; + if ( depth === void 0 ) depth = 1; + + var t = this; + if (t.compiled) { return t.compiled; } + + if (typeof template !== 'string') { + throw new Error('Template7: Template must be a string'); + } + var stringToBlocks = Template7Utils.stringToBlocks; + var getCompileVar = Template7Utils.getCompileVar; + var getCompiledArguments = Template7Utils.getCompiledArguments; + + var blocks = stringToBlocks(template); + var ctx = "ctx_" + depth; + var data = "data_" + depth; + if (blocks.length === 0) { + return function empty() { return ''; }; + } + + function getCompileFn(block, newDepth) { + if (block.content) { return t.compile(block.content, newDepth); } + return function empty() { return ''; }; + } + function getCompileInverse(block, newDepth) { + if (block.inverseContent) { return t.compile(block.inverseContent, newDepth); } + return function empty() { return ''; }; + } + + var resultString = ''; + if (depth === 1) { + resultString += "(function (" + ctx + ", " + data + ", root) {\n"; + } else { + resultString += "(function (" + ctx + ", " + data + ") {\n"; + } + if (depth === 1) { + resultString += 'function isArray(arr){return Array.isArray(arr);}\n'; + resultString += 'function isFunction(func){return (typeof func === \'function\');}\n'; + resultString += 'function c(val, ctx) {if (typeof val !== "undefined" && val !== null) {if (isFunction(val)) {return val.call(ctx);} else return val;} else return "";}\n'; + resultString += 'root = root || ctx_1 || {};\n'; + } + resultString += 'var r = \'\';\n'; + var i; + for (i = 0; i < blocks.length; i += 1) { + var block = blocks[i]; + // Plain block + if (block.type === 'plain') { + // eslint-disable-next-line + resultString += "r +='" + ((block.content).replace(/\r/g, '\\r').replace(/\n/g, '\\n').replace(/'/g, '\\' + '\'')) + "';"; + continue; + } + var variable = (void 0); + var compiledArguments = (void 0); + // Variable block + if (block.type === 'variable') { + variable = getCompileVar(block.contextName, ctx, data); + resultString += "r += c(" + variable + ", " + ctx + ");"; + } + // Helpers block + if (block.type === 'helper') { + var parents = (void 0); + if (ctx !== 'ctx_1') { + var level = ctx.split('_')[1]; + var parentsString = "ctx_" + (level - 1); + for (var j = level - 2; j >= 1; j -= 1) { + parentsString += ", ctx_" + j; + } + parents = "[" + parentsString + "]"; + } else { + parents = "[" + ctx + "]"; + } + var dynamicHelper = (void 0); + if (block.helperName.indexOf('[') === 0) { + block.helperName = getCompileVar(block.helperName.replace(/[[\]]/g, ''), ctx, data); + dynamicHelper = true; + } + if (dynamicHelper || block.helperName in Template7Helpers) { + compiledArguments = getCompiledArguments(block.contextName, ctx, data); + resultString += "r += (Template7Helpers" + (dynamicHelper ? ("[" + (block.helperName) + "]") : ("." + (block.helperName))) + ").call(" + ctx + ", " + (compiledArguments && ((compiledArguments + ", "))) + "{hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + } else if (block.contextName.length > 0) { + throw new Error(("Template7: Missing helper: \"" + (block.helperName) + "\"")); + } else { + variable = getCompileVar(block.helperName, ctx, data); + resultString += "if (" + variable + ") {"; + resultString += "if (isArray(" + variable + ")) {"; + resultString += "r += (Template7Helpers.each).call(" + ctx + ", " + variable + ", {hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + resultString += '}else {'; + resultString += "r += (Template7Helpers.with).call(" + ctx + ", " + variable + ", {hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + resultString += '}}'; + } + } + } + resultString += '\nreturn r;})'; + + if (depth === 1) { + // eslint-disable-next-line + t.compiled = eval(resultString); + return t.compiled; + } + return resultString; + }; + staticAccessors.options.get = function () { + return Template7Options; + }; + staticAccessors.partials.get = function () { + return Template7Partials; + }; + staticAccessors.helpers.get = function () { + return Template7Helpers; + }; + + Object.defineProperties( Template7Class, staticAccessors ); + + function Template7() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var template = args[0]; + var data = args[1]; + if (args.length === 2) { + var instance = new Template7Class(template); + var rendered = instance.compile()(data); + instance = null; + return (rendered); + } + return new Template7Class(template); + } + Template7.registerHelper = function registerHelper(name, fn) { + Template7Class.helpers[name] = fn; + }; + Template7.unregisterHelper = function unregisterHelper(name) { + Template7Class.helpers[name] = undefined; + delete Template7Class.helpers[name]; + }; + Template7.registerPartial = function registerPartial(name, template) { + Template7Class.partials[name] = { template: template }; + }; + Template7.unregisterPartial = function unregisterPartial(name) { + if (Template7Class.partials[name]) { + Template7Class.partials[name] = undefined; + delete Template7Class.partials[name]; + } + }; + Template7.compile = function compile(template, options) { + var instance = new Template7Class(template, options); + return instance.compile(); + }; + + Template7.options = Template7Class.options; + Template7.helpers = Template7Class.helpers; + Template7.partials = Template7Class.partials; + + /** + * SSR Window 1.0.1 + * Better handling for window object in SSR environment + * https://github.com/nolimits4web/ssr-window + * + * Copyright 2018, Vladimir Kharlampidi + * + * Licensed under MIT + * + * Released on: July 18, 2018 + */ + var doc = (typeof document === 'undefined') ? { + body: {}, + addEventListener: function addEventListener() {}, + removeEventListener: function removeEventListener() {}, + activeElement: { + blur: function blur() {}, + nodeName: '', + }, + querySelector: function querySelector() { + return null; + }, + querySelectorAll: function querySelectorAll() { + return []; + }, + getElementById: function getElementById() { + return null; + }, + createEvent: function createEvent() { + return { + initEvent: function initEvent() {}, + }; + }, + createElement: function createElement() { + return { + children: [], + childNodes: [], + style: {}, + setAttribute: function setAttribute() {}, + getElementsByTagName: function getElementsByTagName() { + return []; + }, + }; + }, + location: { hash: '' }, + } : document; // eslint-disable-line + + var win = (typeof window === 'undefined') ? { + document: doc, + navigator: { + userAgent: '', + }, + location: {}, + history: {}, + CustomEvent: function CustomEvent() { + return this; + }, + addEventListener: function addEventListener() {}, + removeEventListener: function removeEventListener() {}, + getComputedStyle: function getComputedStyle() { + return { + getPropertyValue: function getPropertyValue() { + return ''; + }, + }; + }, + Image: function Image() {}, + Date: function Date() {}, + screen: {}, + setTimeout: function setTimeout() {}, + clearTimeout: function clearTimeout() {}, + } : window; // eslint-disable-line + + /** + * Dom7 2.1.2 + * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API + * http://framework7.io/docs/dom.html + * + * Copyright 2018, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: September 13, 2018 + */ + + var Dom7 = function Dom7(arr) { + var self = this; + // Create array-like object + for (var i = 0; i < arr.length; i += 1) { + self[i] = arr[i]; + } + self.length = arr.length; + // Return collection with methods + return this; + }; + + function $(selector, context) { + var arr = []; + var i = 0; + if (selector && !context) { + if (selector instanceof Dom7) { + return selector; + } + } + if (selector) { + // String + if (typeof selector === 'string') { + var els; + var tempParent; + var html = selector.trim(); + if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) { + var toCreate = 'div'; + if (html.indexOf(':~]/)) { + // Pure ID selector + els = [doc.getElementById(selector.trim().split('#')[1])]; + } else { + // Other selectors + els = (context || doc).querySelectorAll(selector.trim()); + } + for (i = 0; i < els.length; i += 1) { + if (els[i]) { arr.push(els[i]); } + } + } + } else if (selector.nodeType || selector === win || selector === doc) { + // Node/element + arr.push(selector); + } else if (selector.length > 0 && selector[0].nodeType) { + // Array of elements or instance of Dom + for (i = 0; i < selector.length; i += 1) { + arr.push(selector[i]); + } + } + } + return new Dom7(arr); + } + + $.fn = Dom7.prototype; + $.Class = Dom7; + $.Dom7 = Dom7; + + function unique(arr) { + var uniqueArray = []; + for (var i = 0; i < arr.length; i += 1) { + if (uniqueArray.indexOf(arr[i]) === -1) { uniqueArray.push(arr[i]); } + } + return uniqueArray; + } + function toCamelCase(string) { + return string.toLowerCase().replace(/-(.)/g, function (match, group1) { return group1.toUpperCase(); }); + } + + function requestAnimationFrame(callback) { + if (win.requestAnimationFrame) { return win.requestAnimationFrame(callback); } + else if (win.webkitRequestAnimationFrame) { return win.webkitRequestAnimationFrame(callback); } + return win.setTimeout(callback, 1000 / 60); + } + function cancelAnimationFrame(id) { + if (win.cancelAnimationFrame) { return win.cancelAnimationFrame(id); } + else if (win.webkitCancelAnimationFrame) { return win.webkitCancelAnimationFrame(id); } + return win.clearTimeout(id); + } + + // Classes and attributes + function addClass(className) { + if (typeof className === 'undefined') { + return this; + } + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.add(classes[i]); } + } + } + return this; + } + function removeClass(className) { + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.remove(classes[i]); } + } + } + return this; + } + function hasClass(className) { + if (!this[0]) { return false; } + return this[0].classList.contains(className); + } + function toggleClass(className) { + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.toggle(classes[i]); } + } + } + return this; + } + function attr(attrs, value) { + var arguments$1 = arguments; + + if (arguments.length === 1 && typeof attrs === 'string') { + // Get attr + if (this[0]) { return this[0].getAttribute(attrs); } + return undefined; + } + + // Set attrs + for (var i = 0; i < this.length; i += 1) { + if (arguments$1.length === 2) { + // String + this[i].setAttribute(attrs, value); + } else { + // Object + // eslint-disable-next-line + for (var attrName in attrs) { + this[i][attrName] = attrs[attrName]; + this[i].setAttribute(attrName, attrs[attrName]); + } + } + } + return this; + } + // eslint-disable-next-line + function removeAttr(attr) { + for (var i = 0; i < this.length; i += 1) { + this[i].removeAttribute(attr); + } + return this; + } + // eslint-disable-next-line + function prop(props, value) { + var arguments$1 = arguments; + + if (arguments.length === 1 && typeof props === 'string') { + // Get prop + if (this[0]) { return this[0][props]; } + } else { + // Set props + for (var i = 0; i < this.length; i += 1) { + if (arguments$1.length === 2) { + // String + this[i][props] = value; + } else { + // Object + // eslint-disable-next-line + for (var propName in props) { + this[i][propName] = props[propName]; + } + } + } + return this; + } + } + function data(key, value) { + var el; + if (typeof value === 'undefined') { + el = this[0]; + // Get value + if (el) { + if (el.dom7ElementDataStorage && (key in el.dom7ElementDataStorage)) { + return el.dom7ElementDataStorage[key]; + } + + var dataKey = el.getAttribute(("data-" + key)); + if (dataKey) { + return dataKey; + } + return undefined; + } + return undefined; + } + + // Set value + for (var i = 0; i < this.length; i += 1) { + el = this[i]; + if (!el.dom7ElementDataStorage) { el.dom7ElementDataStorage = {}; } + el.dom7ElementDataStorage[key] = value; + } + return this; + } + function removeData(key) { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.dom7ElementDataStorage && el.dom7ElementDataStorage[key]) { + el.dom7ElementDataStorage[key] = null; + delete el.dom7ElementDataStorage[key]; + } + } + } + function dataset() { + var el = this[0]; + if (!el) { return undefined; } + var dataset = {}; // eslint-disable-line + if (el.dataset) { + // eslint-disable-next-line + for (var dataKey in el.dataset) { + dataset[dataKey] = el.dataset[dataKey]; + } + } else { + for (var i = 0; i < el.attributes.length; i += 1) { + // eslint-disable-next-line + var attr = el.attributes[i]; + if (attr.name.indexOf('data-') >= 0) { + dataset[toCamelCase(attr.name.split('data-')[1])] = attr.value; + } + } + } + // eslint-disable-next-line + for (var key in dataset) { + if (dataset[key] === 'false') { dataset[key] = false; } + else if (dataset[key] === 'true') { dataset[key] = true; } + else if (parseFloat(dataset[key]) === dataset[key] * 1) { dataset[key] *= 1; } + } + return dataset; + } + function val(value) { + var dom = this; + if (typeof value === 'undefined') { + if (dom[0]) { + if (dom[0].multiple && dom[0].nodeName.toLowerCase() === 'select') { + var values = []; + for (var i = 0; i < dom[0].selectedOptions.length; i += 1) { + values.push(dom[0].selectedOptions[i].value); + } + return values; + } + return dom[0].value; + } + return undefined; + } + + for (var i$1 = 0; i$1 < dom.length; i$1 += 1) { + var el = dom[i$1]; + if (Array.isArray(value) && el.multiple && el.nodeName.toLowerCase() === 'select') { + for (var j = 0; j < el.options.length; j += 1) { + el.options[j].selected = value.indexOf(el.options[j].value) >= 0; + } + } else { + el.value = value; + } + } + return dom; + } + // Transforms + // eslint-disable-next-line + function transform(transform) { + for (var i = 0; i < this.length; i += 1) { + var elStyle = this[i].style; + elStyle.webkitTransform = transform; + elStyle.transform = transform; + } + return this; + } + function transition(duration) { + if (typeof duration !== 'string') { + duration = duration + "ms"; // eslint-disable-line + } + for (var i = 0; i < this.length; i += 1) { + var elStyle = this[i].style; + elStyle.webkitTransitionDuration = duration; + elStyle.transitionDuration = duration; + } + return this; + } + // Events + function on() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var eventType = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + if (!capture) { capture = false; } + + function handleLiveEvent(e) { + var target = e.target; + if (!target) { return; } + var eventData = e.target.dom7EventData || []; + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + if ($(target).is(targetSelector)) { listener.apply(target, eventData); } + else { + var parents = $(target).parents(); // eslint-disable-line + for (var k = 0; k < parents.length; k += 1) { + if ($(parents[k]).is(targetSelector)) { listener.apply(parents[k], eventData); } + } + } + } + function handleEvent(e) { + var eventData = e && e.target ? e.target.dom7EventData || [] : []; + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + listener.apply(this, eventData); + } + var events = eventType.split(' '); + var j; + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (!targetSelector) { + for (j = 0; j < events.length; j += 1) { + var event = events[j]; + if (!el.dom7Listeners) { el.dom7Listeners = {}; } + if (!el.dom7Listeners[event]) { el.dom7Listeners[event] = []; } + el.dom7Listeners[event].push({ + listener: listener, + proxyListener: handleEvent, + }); + el.addEventListener(event, handleEvent, capture); + } + } else { + // Live events + for (j = 0; j < events.length; j += 1) { + var event$1 = events[j]; + if (!el.dom7LiveListeners) { el.dom7LiveListeners = {}; } + if (!el.dom7LiveListeners[event$1]) { el.dom7LiveListeners[event$1] = []; } + el.dom7LiveListeners[event$1].push({ + listener: listener, + proxyListener: handleLiveEvent, + }); + el.addEventListener(event$1, handleLiveEvent, capture); + } + } + } + return this; + } + function off() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var eventType = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + if (!capture) { capture = false; } + + var events = eventType.split(' '); + for (var i = 0; i < events.length; i += 1) { + var event = events[i]; + for (var j = 0; j < this.length; j += 1) { + var el = this[j]; + var handlers = (void 0); + if (!targetSelector && el.dom7Listeners) { + handlers = el.dom7Listeners[event]; + } else if (targetSelector && el.dom7LiveListeners) { + handlers = el.dom7LiveListeners[event]; + } + if (handlers && handlers.length) { + for (var k = handlers.length - 1; k >= 0; k -= 1) { + var handler = handlers[k]; + if (listener && handler.listener === listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } else if (!listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } + } + } + } + } + return this; + } + function once() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var dom = this; + var eventName = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventName = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + function proxy() { + var eventArgs = [], len = arguments.length; + while ( len-- ) eventArgs[ len ] = arguments[ len ]; + + listener.apply(this, eventArgs); + dom.off(eventName, targetSelector, proxy, capture); + } + return dom.on(eventName, targetSelector, proxy, capture); + } + function trigger() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var events = args[0].split(' '); + var eventData = args[1]; + for (var i = 0; i < events.length; i += 1) { + var event = events[i]; + for (var j = 0; j < this.length; j += 1) { + var el = this[j]; + var evt = (void 0); + try { + evt = new win.CustomEvent(event, { + detail: eventData, + bubbles: true, + cancelable: true, + }); + } catch (e) { + evt = doc.createEvent('Event'); + evt.initEvent(event, true, true); + evt.detail = eventData; + } + // eslint-disable-next-line + el.dom7EventData = args.filter(function (data, dataIndex) { return dataIndex > 0; }); + el.dispatchEvent(evt); + el.dom7EventData = []; + delete el.dom7EventData; + } + } + return this; + } + function transitionEnd(callback) { + var events = ['webkitTransitionEnd', 'transitionend']; + var dom = this; + var i; + function fireCallBack(e) { + /* jshint validthis:true */ + if (e.target !== this) { return; } + callback.call(this, e); + for (i = 0; i < events.length; i += 1) { + dom.off(events[i], fireCallBack); + } + } + if (callback) { + for (i = 0; i < events.length; i += 1) { + dom.on(events[i], fireCallBack); + } + } + return this; + } + function animationEnd(callback) { + var events = ['webkitAnimationEnd', 'animationend']; + var dom = this; + var i; + function fireCallBack(e) { + if (e.target !== this) { return; } + callback.call(this, e); + for (i = 0; i < events.length; i += 1) { + dom.off(events[i], fireCallBack); + } + } + if (callback) { + for (i = 0; i < events.length; i += 1) { + dom.on(events[i], fireCallBack); + } + } + return this; + } + // Sizing/Styles + function width() { + if (this[0] === win) { + return win.innerWidth; + } + + if (this.length > 0) { + return parseFloat(this.css('width')); + } + + return null; + } + function outerWidth(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + // eslint-disable-next-line + var styles = this.styles(); + return this[0].offsetWidth + parseFloat(styles.getPropertyValue('margin-right')) + parseFloat(styles.getPropertyValue('margin-left')); + } + return this[0].offsetWidth; + } + return null; + } + function height() { + if (this[0] === win) { + return win.innerHeight; + } + + if (this.length > 0) { + return parseFloat(this.css('height')); + } + + return null; + } + function outerHeight(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + // eslint-disable-next-line + var styles = this.styles(); + return this[0].offsetHeight + parseFloat(styles.getPropertyValue('margin-top')) + parseFloat(styles.getPropertyValue('margin-bottom')); + } + return this[0].offsetHeight; + } + return null; + } + function offset() { + if (this.length > 0) { + var el = this[0]; + var box = el.getBoundingClientRect(); + var body = doc.body; + var clientTop = el.clientTop || body.clientTop || 0; + var clientLeft = el.clientLeft || body.clientLeft || 0; + var scrollTop = el === win ? win.scrollY : el.scrollTop; + var scrollLeft = el === win ? win.scrollX : el.scrollLeft; + return { + top: (box.top + scrollTop) - clientTop, + left: (box.left + scrollLeft) - clientLeft, + }; + } + + return null; + } + function hide() { + for (var i = 0; i < this.length; i += 1) { + this[i].style.display = 'none'; + } + return this; + } + function show() { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.style.display === 'none') { + el.style.display = ''; + } + if (win.getComputedStyle(el, null).getPropertyValue('display') === 'none') { + // Still not visible + el.style.display = 'block'; + } + } + return this; + } + function styles() { + if (this[0]) { return win.getComputedStyle(this[0], null); } + return {}; + } + function css(props, value) { + var i; + if (arguments.length === 1) { + if (typeof props === 'string') { + if (this[0]) { return win.getComputedStyle(this[0], null).getPropertyValue(props); } + } else { + for (i = 0; i < this.length; i += 1) { + // eslint-disable-next-line + for (var prop in props) { + this[i].style[prop] = props[prop]; + } + } + return this; + } + } + if (arguments.length === 2 && typeof props === 'string') { + for (i = 0; i < this.length; i += 1) { + this[i].style[props] = value; + } + return this; + } + return this; + } + + // Dom manipulation + function toArray() { + var arr = []; + for (var i = 0; i < this.length; i += 1) { + arr.push(this[i]); + } + return arr; + } + // Iterate over the collection passing elements to `callback` + function each(callback) { + // Don't bother continuing without a callback + if (!callback) { return this; } + // Iterate over the current collection + for (var i = 0; i < this.length; i += 1) { + // If the callback returns false + if (callback.call(this[i], i, this[i]) === false) { + // End the loop early + return this; + } + } + // Return `this` to allow chained DOM operations + return this; + } + function forEach(callback) { + // Don't bother continuing without a callback + if (!callback) { return this; } + // Iterate over the current collection + for (var i = 0; i < this.length; i += 1) { + // If the callback returns false + if (callback.call(this[i], this[i], i) === false) { + // End the loop early + return this; + } + } + // Return `this` to allow chained DOM operations + return this; + } + function filter(callback) { + var matchedItems = []; + var dom = this; + for (var i = 0; i < dom.length; i += 1) { + if (callback.call(dom[i], i, dom[i])) { matchedItems.push(dom[i]); } + } + return new Dom7(matchedItems); + } + function map(callback) { + var modifiedItems = []; + var dom = this; + for (var i = 0; i < dom.length; i += 1) { + modifiedItems.push(callback.call(dom[i], i, dom[i])); + } + return new Dom7(modifiedItems); + } + // eslint-disable-next-line + function html(html) { + if (typeof html === 'undefined') { + return this[0] ? this[0].innerHTML : undefined; + } + + for (var i = 0; i < this.length; i += 1) { + this[i].innerHTML = html; + } + return this; + } + // eslint-disable-next-line + function text(text) { + if (typeof text === 'undefined') { + if (this[0]) { + return this[0].textContent.trim(); + } + return null; + } + + for (var i = 0; i < this.length; i += 1) { + this[i].textContent = text; + } + return this; + } + function is(selector) { + var el = this[0]; + var compareWith; + var i; + if (!el || typeof selector === 'undefined') { return false; } + if (typeof selector === 'string') { + if (el.matches) { return el.matches(selector); } + else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); } + else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); } + + compareWith = $(selector); + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) { return true; } + } + return false; + } else if (selector === doc) { return el === doc; } + else if (selector === win) { return el === win; } + + if (selector.nodeType || selector instanceof Dom7) { + compareWith = selector.nodeType ? [selector] : selector; + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) { return true; } + } + return false; + } + return false; + } + function indexOf(el) { + for (var i = 0; i < this.length; i += 1) { + if (this[i] === el) { return i; } + } + return -1; + } + function index() { + var child = this[0]; + var i; + if (child) { + i = 0; + // eslint-disable-next-line + while ((child = child.previousSibling) !== null) { + if (child.nodeType === 1) { i += 1; } + } + return i; + } + return undefined; + } + // eslint-disable-next-line + function eq(index) { + if (typeof index === 'undefined') { return this; } + var length = this.length; + var returnIndex; + if (index > length - 1) { + return new Dom7([]); + } + if (index < 0) { + returnIndex = length + index; + if (returnIndex < 0) { return new Dom7([]); } + return new Dom7([this[returnIndex]]); + } + return new Dom7([this[index]]); + } + function append() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var newChild; + + for (var k = 0; k < args.length; k += 1) { + newChild = args[k]; + for (var i = 0; i < this.length; i += 1) { + if (typeof newChild === 'string') { + var tempDiv = doc.createElement('div'); + tempDiv.innerHTML = newChild; + while (tempDiv.firstChild) { + this[i].appendChild(tempDiv.firstChild); + } + } else if (newChild instanceof Dom7) { + for (var j = 0; j < newChild.length; j += 1) { + this[i].appendChild(newChild[j]); + } + } else { + this[i].appendChild(newChild); + } + } + } + + return this; + } + // eslint-disable-next-line + function appendTo(parent) { + $(parent).append(this); + return this; + } + function prepend(newChild) { + var i; + var j; + for (i = 0; i < this.length; i += 1) { + if (typeof newChild === 'string') { + var tempDiv = doc.createElement('div'); + tempDiv.innerHTML = newChild; + for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) { + this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]); + } + } else if (newChild instanceof Dom7) { + for (j = 0; j < newChild.length; j += 1) { + this[i].insertBefore(newChild[j], this[i].childNodes[0]); + } + } else { + this[i].insertBefore(newChild, this[i].childNodes[0]); + } + } + return this; + } + // eslint-disable-next-line + function prependTo(parent) { + $(parent).prepend(this); + return this; + } + function insertBefore(selector) { + var before = $(selector); + for (var i = 0; i < this.length; i += 1) { + if (before.length === 1) { + before[0].parentNode.insertBefore(this[i], before[0]); + } else if (before.length > 1) { + for (var j = 0; j < before.length; j += 1) { + before[j].parentNode.insertBefore(this[i].cloneNode(true), before[j]); + } + } + } + } + function insertAfter(selector) { + var after = $(selector); + for (var i = 0; i < this.length; i += 1) { + if (after.length === 1) { + after[0].parentNode.insertBefore(this[i], after[0].nextSibling); + } else if (after.length > 1) { + for (var j = 0; j < after.length; j += 1) { + after[j].parentNode.insertBefore(this[i].cloneNode(true), after[j].nextSibling); + } + } + } + } + function next(selector) { + if (this.length > 0) { + if (selector) { + if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) { + return new Dom7([this[0].nextElementSibling]); + } + return new Dom7([]); + } + + if (this[0].nextElementSibling) { return new Dom7([this[0].nextElementSibling]); } + return new Dom7([]); + } + return new Dom7([]); + } + function nextAll(selector) { + var nextEls = []; + var el = this[0]; + if (!el) { return new Dom7([]); } + while (el.nextElementSibling) { + var next = el.nextElementSibling; // eslint-disable-line + if (selector) { + if ($(next).is(selector)) { nextEls.push(next); } + } else { nextEls.push(next); } + el = next; + } + return new Dom7(nextEls); + } + function prev(selector) { + if (this.length > 0) { + var el = this[0]; + if (selector) { + if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) { + return new Dom7([el.previousElementSibling]); + } + return new Dom7([]); + } + + if (el.previousElementSibling) { return new Dom7([el.previousElementSibling]); } + return new Dom7([]); + } + return new Dom7([]); + } + function prevAll(selector) { + var prevEls = []; + var el = this[0]; + if (!el) { return new Dom7([]); } + while (el.previousElementSibling) { + var prev = el.previousElementSibling; // eslint-disable-line + if (selector) { + if ($(prev).is(selector)) { prevEls.push(prev); } + } else { prevEls.push(prev); } + el = prev; + } + return new Dom7(prevEls); + } + function siblings(selector) { + return this.nextAll(selector).add(this.prevAll(selector)); + } + function parent(selector) { + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + if (this[i].parentNode !== null) { + if (selector) { + if ($(this[i].parentNode).is(selector)) { parents.push(this[i].parentNode); } + } else { + parents.push(this[i].parentNode); + } + } + } + return $(unique(parents)); + } + function parents(selector) { + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var parent = this[i].parentNode; // eslint-disable-line + while (parent) { + if (selector) { + if ($(parent).is(selector)) { parents.push(parent); } + } else { + parents.push(parent); + } + parent = parent.parentNode; + } + } + return $(unique(parents)); + } + function closest(selector) { + var closest = this; // eslint-disable-line + if (typeof selector === 'undefined') { + return new Dom7([]); + } + if (!closest.is(selector)) { + closest = closest.parents(selector).eq(0); + } + return closest; + } + function find(selector) { + var foundElements = []; + for (var i = 0; i < this.length; i += 1) { + var found = this[i].querySelectorAll(selector); + for (var j = 0; j < found.length; j += 1) { + foundElements.push(found[j]); + } + } + return new Dom7(foundElements); + } + function children(selector) { + var children = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var childNodes = this[i].childNodes; + + for (var j = 0; j < childNodes.length; j += 1) { + if (!selector) { + if (childNodes[j].nodeType === 1) { children.push(childNodes[j]); } + } else if (childNodes[j].nodeType === 1 && $(childNodes[j]).is(selector)) { + children.push(childNodes[j]); + } + } + } + return new Dom7(unique(children)); + } + function remove() { + for (var i = 0; i < this.length; i += 1) { + if (this[i].parentNode) { this[i].parentNode.removeChild(this[i]); } + } + return this; + } + function detach() { + return this.remove(); + } + function add() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var dom = this; + var i; + var j; + for (i = 0; i < args.length; i += 1) { + var toAdd = $(args[i]); + for (j = 0; j < toAdd.length; j += 1) { + dom[dom.length] = toAdd[j]; + dom.length += 1; + } + } + return dom; + } + function empty() { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.nodeType === 1) { + for (var j = 0; j < el.childNodes.length; j += 1) { + if (el.childNodes[j].parentNode) { + el.childNodes[j].parentNode.removeChild(el.childNodes[j]); + } + } + el.textContent = ''; + } + } + return this; + } + + var Methods = /*#__PURE__*/Object.freeze({ + addClass: addClass, + removeClass: removeClass, + hasClass: hasClass, + toggleClass: toggleClass, + attr: attr, + removeAttr: removeAttr, + prop: prop, + data: data, + removeData: removeData, + dataset: dataset, + val: val, + transform: transform, + transition: transition, + on: on, + off: off, + once: once, + trigger: trigger, + transitionEnd: transitionEnd, + animationEnd: animationEnd, + width: width, + outerWidth: outerWidth, + height: height, + outerHeight: outerHeight, + offset: offset, + hide: hide, + show: show, + styles: styles, + css: css, + toArray: toArray, + each: each, + forEach: forEach, + filter: filter, + map: map, + html: html, + text: text, + is: is, + indexOf: indexOf, + index: index, + eq: eq, + append: append, + appendTo: appendTo, + prepend: prepend, + prependTo: prependTo, + insertBefore: insertBefore, + insertAfter: insertAfter, + next: next, + nextAll: nextAll, + prev: prev, + prevAll: prevAll, + siblings: siblings, + parent: parent, + parents: parents, + closest: closest, + find: find, + children: children, + remove: remove, + detach: detach, + add: add, + empty: empty + }); + + function scrollTo() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var left = args[0]; + var top = args[1]; + var duration = args[2]; + var easing = args[3]; + var callback = args[4]; + if (args.length === 4 && typeof easing === 'function') { + callback = easing; + (assign = args, left = assign[0], top = assign[1], duration = assign[2], callback = assign[3], easing = assign[4]); + } + if (typeof easing === 'undefined') { easing = 'swing'; } + + return this.each(function animate() { + var el = this; + var currentTop; + var currentLeft; + var maxTop; + var maxLeft; + var newTop; + var newLeft; + var scrollTop; // eslint-disable-line + var scrollLeft; // eslint-disable-line + var animateTop = top > 0 || top === 0; + var animateLeft = left > 0 || left === 0; + if (typeof easing === 'undefined') { + easing = 'swing'; + } + if (animateTop) { + currentTop = el.scrollTop; + if (!duration) { + el.scrollTop = top; + } + } + if (animateLeft) { + currentLeft = el.scrollLeft; + if (!duration) { + el.scrollLeft = left; + } + } + if (!duration) { return; } + if (animateTop) { + maxTop = el.scrollHeight - el.offsetHeight; + newTop = Math.max(Math.min(top, maxTop), 0); + } + if (animateLeft) { + maxLeft = el.scrollWidth - el.offsetWidth; + newLeft = Math.max(Math.min(left, maxLeft), 0); + } + var startTime = null; + if (animateTop && newTop === currentTop) { animateTop = false; } + if (animateLeft && newLeft === currentLeft) { animateLeft = false; } + function render(time) { + if ( time === void 0 ) time = new Date().getTime(); + + if (startTime === null) { + startTime = time; + } + var progress = Math.max(Math.min((time - startTime) / duration, 1), 0); + var easeProgress = easing === 'linear' ? progress : (0.5 - (Math.cos(progress * Math.PI) / 2)); + var done; + if (animateTop) { scrollTop = currentTop + (easeProgress * (newTop - currentTop)); } + if (animateLeft) { scrollLeft = currentLeft + (easeProgress * (newLeft - currentLeft)); } + if (animateTop && newTop > currentTop && scrollTop >= newTop) { + el.scrollTop = newTop; + done = true; + } + if (animateTop && newTop < currentTop && scrollTop <= newTop) { + el.scrollTop = newTop; + done = true; + } + if (animateLeft && newLeft > currentLeft && scrollLeft >= newLeft) { + el.scrollLeft = newLeft; + done = true; + } + if (animateLeft && newLeft < currentLeft && scrollLeft <= newLeft) { + el.scrollLeft = newLeft; + done = true; + } + + if (done) { + if (callback) { callback(); } + return; + } + if (animateTop) { el.scrollTop = scrollTop; } + if (animateLeft) { el.scrollLeft = scrollLeft; } + requestAnimationFrame(render); + } + requestAnimationFrame(render); + }); + } + // scrollTop(top, duration, easing, callback) { + function scrollTop() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var top = args[0]; + var duration = args[1]; + var easing = args[2]; + var callback = args[3]; + if (args.length === 3 && typeof easing === 'function') { + (assign = args, top = assign[0], duration = assign[1], callback = assign[2], easing = assign[3]); + } + var dom = this; + if (typeof top === 'undefined') { + if (dom.length > 0) { return dom[0].scrollTop; } + return null; + } + return dom.scrollTo(undefined, top, duration, easing, callback); + } + function scrollLeft() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var left = args[0]; + var duration = args[1]; + var easing = args[2]; + var callback = args[3]; + if (args.length === 3 && typeof easing === 'function') { + (assign = args, left = assign[0], duration = assign[1], callback = assign[2], easing = assign[3]); + } + var dom = this; + if (typeof left === 'undefined') { + if (dom.length > 0) { return dom[0].scrollLeft; } + return null; + } + return dom.scrollTo(left, undefined, duration, easing, callback); + } + + var Scroll = /*#__PURE__*/Object.freeze({ + scrollTo: scrollTo, + scrollTop: scrollTop, + scrollLeft: scrollLeft + }); + + function animate(initialProps, initialParams) { + var els = this; + var a = { + props: Object.assign({}, initialProps), + params: Object.assign({ + duration: 300, + easing: 'swing', // or 'linear' + /* Callbacks + begin(elements) + complete(elements) + progress(elements, complete, remaining, start, tweenValue) + */ + }, initialParams), + + elements: els, + animating: false, + que: [], + + easingProgress: function easingProgress(easing, progress) { + if (easing === 'swing') { + return 0.5 - (Math.cos(progress * Math.PI) / 2); + } + if (typeof easing === 'function') { + return easing(progress); + } + return progress; + }, + stop: function stop() { + if (a.frameId) { + cancelAnimationFrame(a.frameId); + } + a.animating = false; + a.elements.each(function (index, el) { + var element = el; + delete element.dom7AnimateInstance; + }); + a.que = []; + }, + done: function done(complete) { + a.animating = false; + a.elements.each(function (index, el) { + var element = el; + delete element.dom7AnimateInstance; + }); + if (complete) { complete(els); } + if (a.que.length > 0) { + var que = a.que.shift(); + a.animate(que[0], que[1]); + } + }, + animate: function animate(props, params) { + if (a.animating) { + a.que.push([props, params]); + return a; + } + var elements = []; + + // Define & Cache Initials & Units + a.elements.each(function (index, el) { + var initialFullValue; + var initialValue; + var unit; + var finalValue; + var finalFullValue; + + if (!el.dom7AnimateInstance) { a.elements[index].dom7AnimateInstance = a; } + + elements[index] = { + container: el, + }; + Object.keys(props).forEach(function (prop) { + initialFullValue = win.getComputedStyle(el, null).getPropertyValue(prop).replace(',', '.'); + initialValue = parseFloat(initialFullValue); + unit = initialFullValue.replace(initialValue, ''); + finalValue = parseFloat(props[prop]); + finalFullValue = props[prop] + unit; + elements[index][prop] = { + initialFullValue: initialFullValue, + initialValue: initialValue, + unit: unit, + finalValue: finalValue, + finalFullValue: finalFullValue, + currentValue: initialValue, + }; + }); + }); + + var startTime = null; + var time; + var elementsDone = 0; + var propsDone = 0; + var done; + var began = false; + + a.animating = true; + + function render() { + time = new Date().getTime(); + var progress; + var easeProgress; + // let el; + if (!began) { + began = true; + if (params.begin) { params.begin(els); } + } + if (startTime === null) { + startTime = time; + } + if (params.progress) { + // eslint-disable-next-line + params.progress(els, Math.max(Math.min((time - startTime) / params.duration, 1), 0), ((startTime + params.duration) - time < 0 ? 0 : (startTime + params.duration) - time), startTime); + } + + elements.forEach(function (element) { + var el = element; + if (done || el.done) { return; } + Object.keys(props).forEach(function (prop) { + if (done || el.done) { return; } + progress = Math.max(Math.min((time - startTime) / params.duration, 1), 0); + easeProgress = a.easingProgress(params.easing, progress); + var ref = el[prop]; + var initialValue = ref.initialValue; + var finalValue = ref.finalValue; + var unit = ref.unit; + el[prop].currentValue = initialValue + (easeProgress * (finalValue - initialValue)); + var currentValue = el[prop].currentValue; + + if ( + (finalValue > initialValue && currentValue >= finalValue) || + (finalValue < initialValue && currentValue <= finalValue)) { + el.container.style[prop] = finalValue + unit; + propsDone += 1; + if (propsDone === Object.keys(props).length) { + el.done = true; + elementsDone += 1; + } + if (elementsDone === elements.length) { + done = true; + } + } + if (done) { + a.done(params.complete); + return; + } + el.container.style[prop] = currentValue + unit; + }); + }); + if (done) { return; } + // Then call + a.frameId = requestAnimationFrame(render); + } + a.frameId = requestAnimationFrame(render); + return a; + }, + }; + + if (a.elements.length === 0) { + return els; + } + + var animateInstance; + for (var i = 0; i < a.elements.length; i += 1) { + if (a.elements[i].dom7AnimateInstance) { + animateInstance = a.elements[i].dom7AnimateInstance; + } else { a.elements[i].dom7AnimateInstance = a; } + } + if (!animateInstance) { + animateInstance = a; + } + + if (initialProps === 'stop') { + animateInstance.stop(); + } else { + animateInstance.animate(a.props, a.params); + } + + return els; + } + + function stop() { + var els = this; + for (var i = 0; i < els.length; i += 1) { + if (els[i].dom7AnimateInstance) { + els[i].dom7AnimateInstance.stop(); + } + } + } + + var Animate = /*#__PURE__*/Object.freeze({ + animate: animate, + stop: stop + }); + + var noTrigger = ('resize scroll').split(' '); + function eventShortcut(name) { + var ref; + + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + if (typeof args[0] === 'undefined') { + for (var i = 0; i < this.length; i += 1) { + if (noTrigger.indexOf(name) < 0) { + if (name in this[i]) { this[i][name](); } + else { + $(this[i]).trigger(name); + } + } + } + return this; + } + return (ref = this).on.apply(ref, [ name ].concat( args )); + } + + function click() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'click' ].concat( args )); + } + function blur() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'blur' ].concat( args )); + } + function focus() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focus' ].concat( args )); + } + function focusin() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focusin' ].concat( args )); + } + function focusout() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focusout' ].concat( args )); + } + function keyup() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keyup' ].concat( args )); + } + function keydown() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keydown' ].concat( args )); + } + function keypress() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keypress' ].concat( args )); + } + function submit() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'submit' ].concat( args )); + } + function change() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'change' ].concat( args )); + } + function mousedown() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mousedown' ].concat( args )); + } + function mousemove() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mousemove' ].concat( args )); + } + function mouseup() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseup' ].concat( args )); + } + function mouseenter() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseenter' ].concat( args )); + } + function mouseleave() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseleave' ].concat( args )); + } + function mouseout() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseout' ].concat( args )); + } + function mouseover() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseover' ].concat( args )); + } + function touchstart() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchstart' ].concat( args )); + } + function touchend() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchend' ].concat( args )); + } + function touchmove() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchmove' ].concat( args )); + } + function resize() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'resize' ].concat( args )); + } + function scroll() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'scroll' ].concat( args )); + } + + var eventShortcuts = /*#__PURE__*/Object.freeze({ + click: click, + blur: blur, + focus: focus, + focusin: focusin, + focusout: focusout, + keyup: keyup, + keydown: keydown, + keypress: keypress, + submit: submit, + change: change, + mousedown: mousedown, + mousemove: mousemove, + mouseup: mouseup, + mouseenter: mouseenter, + mouseleave: mouseleave, + mouseout: mouseout, + mouseover: mouseover, + touchstart: touchstart, + touchend: touchend, + touchmove: touchmove, + resize: resize, + scroll: scroll + }); + + [Methods, Scroll, Animate, eventShortcuts].forEach(function (group) { + Object.keys(group).forEach(function (methodName) { + $.fn[methodName] = group[methodName]; + }); + }); + + /** + * https://github.com/gre/bezier-easing + * BezierEasing - use bezier curve for transition easing function + * by Gaëtan Renaudeau 2014 - 2015 – MIT License + */ + + /* eslint-disable */ + + // These values are established by empiricism with tests (tradeoff: performance VS precision) + var NEWTON_ITERATIONS = 4; + var NEWTON_MIN_SLOPE = 0.001; + var SUBDIVISION_PRECISION = 0.0000001; + var SUBDIVISION_MAX_ITERATIONS = 10; + + var kSplineTableSize = 11; + var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0); + + var float32ArraySupported = typeof Float32Array === 'function'; + + function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; } + function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; } + function C (aA1) { return 3.0 * aA1; } + + // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2. + function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; } + + // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2. + function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); } + + function binarySubdivide (aX, aA, aB, mX1, mX2) { + var currentX, currentT, i = 0; + do { + currentT = aA + (aB - aA) / 2.0; + currentX = calcBezier(currentT, mX1, mX2) - aX; + if (currentX > 0.0) { + aB = currentT; + } else { + aA = currentT; + } + } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS); + return currentT; + } + + function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) { + for (var i = 0; i < NEWTON_ITERATIONS; ++i) { + var currentSlope = getSlope(aGuessT, mX1, mX2); + if (currentSlope === 0.0) { + return aGuessT; + } + var currentX = calcBezier(aGuessT, mX1, mX2) - aX; + aGuessT -= currentX / currentSlope; + } + return aGuessT; + } + + function bezier (mX1, mY1, mX2, mY2) { + if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { + throw new Error('bezier x values must be in [0, 1] range'); + } + + // Precompute samples table + var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize); + if (mX1 !== mY1 || mX2 !== mY2) { + for (var i = 0; i < kSplineTableSize; ++i) { + sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2); + } + } + + function getTForX (aX) { + var intervalStart = 0.0; + var currentSample = 1; + var lastSample = kSplineTableSize - 1; + + for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) { + intervalStart += kSampleStepSize; + } + --currentSample; + + // Interpolate to provide an initial guess for t + var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]); + var guessForT = intervalStart + dist * kSampleStepSize; + + var initialSlope = getSlope(guessForT, mX1, mX2); + if (initialSlope >= NEWTON_MIN_SLOPE) { + return newtonRaphsonIterate(aX, guessForT, mX1, mX2); + } else if (initialSlope === 0.0) { + return guessForT; + } else { + return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2); + } + } + + return function BezierEasing (x) { + if (mX1 === mY1 && mX2 === mY2) { + return x; // linear + } + // Because JavaScript number are imprecise, we should guarantee the extremes are right. + if (x === 0) { + return 0; + } + if (x === 1) { + return 1; + } + return calcBezier(getTForX(x), mY1, mY2); + }; + } + + /* eslint no-control-regex: "off" */ + + // Remove Diacritics + var defaultDiacriticsRemovalap = [ + { base: 'A', letters: '\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F' }, + { base: 'AA', letters: '\uA732' }, + { base: 'AE', letters: '\u00C6\u01FC\u01E2' }, + { base: 'AO', letters: '\uA734' }, + { base: 'AU', letters: '\uA736' }, + { base: 'AV', letters: '\uA738\uA73A' }, + { base: 'AY', letters: '\uA73C' }, + { base: 'B', letters: '\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181' }, + { base: 'C', letters: '\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E' }, + { base: 'D', letters: '\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779' }, + { base: 'DZ', letters: '\u01F1\u01C4' }, + { base: 'Dz', letters: '\u01F2\u01C5' }, + { base: 'E', letters: '\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E' }, + { base: 'F', letters: '\u0046\u24BB\uFF26\u1E1E\u0191\uA77B' }, + { base: 'G', letters: '\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E' }, + { base: 'H', letters: '\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D' }, + { base: 'I', letters: '\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197' }, + { base: 'J', letters: '\u004A\u24BF\uFF2A\u0134\u0248' }, + { base: 'K', letters: '\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2' }, + { base: 'L', letters: '\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780' }, + { base: 'LJ', letters: '\u01C7' }, + { base: 'Lj', letters: '\u01C8' }, + { base: 'M', letters: '\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C' }, + { base: 'N', letters: '\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4' }, + { base: 'NJ', letters: '\u01CA' }, + { base: 'Nj', letters: '\u01CB' }, + { base: 'O', letters: '\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C' }, + { base: 'OI', letters: '\u01A2' }, + { base: 'OO', letters: '\uA74E' }, + { base: 'OU', letters: '\u0222' }, + { base: 'OE', letters: '\u008C\u0152' }, + { base: 'oe', letters: '\u009C\u0153' }, + { base: 'P', letters: '\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754' }, + { base: 'Q', letters: '\u0051\u24C6\uFF31\uA756\uA758\u024A' }, + { base: 'R', letters: '\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782' }, + { base: 'S', letters: '\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784' }, + { base: 'T', letters: '\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786' }, + { base: 'TZ', letters: '\uA728' }, + { base: 'U', letters: '\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244' }, + { base: 'V', letters: '\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245' }, + { base: 'VY', letters: '\uA760' }, + { base: 'W', letters: '\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72' }, + { base: 'X', letters: '\u0058\u24CD\uFF38\u1E8A\u1E8C' }, + { base: 'Y', letters: '\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE' }, + { base: 'Z', letters: '\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762' }, + { base: 'a', letters: '\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250' }, + { base: 'aa', letters: '\uA733' }, + { base: 'ae', letters: '\u00E6\u01FD\u01E3' }, + { base: 'ao', letters: '\uA735' }, + { base: 'au', letters: '\uA737' }, + { base: 'av', letters: '\uA739\uA73B' }, + { base: 'ay', letters: '\uA73D' }, + { base: 'b', letters: '\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253' }, + { base: 'c', letters: '\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184' }, + { base: 'd', letters: '\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A' }, + { base: 'dz', letters: '\u01F3\u01C6' }, + { base: 'e', letters: '\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD' }, + { base: 'f', letters: '\u0066\u24D5\uFF46\u1E1F\u0192\uA77C' }, + { base: 'g', letters: '\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F' }, + { base: 'h', letters: '\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265' }, + { base: 'hv', letters: '\u0195' }, + { base: 'i', letters: '\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131' }, + { base: 'j', letters: '\u006A\u24D9\uFF4A\u0135\u01F0\u0249' }, + { base: 'k', letters: '\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3' }, + { base: 'l', letters: '\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747' }, + { base: 'lj', letters: '\u01C9' }, + { base: 'm', letters: '\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F' }, + { base: 'n', letters: '\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5' }, + { base: 'nj', letters: '\u01CC' }, + { base: 'o', letters: '\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275' }, + { base: 'oi', letters: '\u01A3' }, + { base: 'ou', letters: '\u0223' }, + { base: 'oo', letters: '\uA74F' }, + { base: 'p', letters: '\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755' }, + { base: 'q', letters: '\u0071\u24E0\uFF51\u024B\uA757\uA759' }, + { base: 'r', letters: '\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783' }, + { base: 's', letters: '\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B' }, + { base: 't', letters: '\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787' }, + { base: 'tz', letters: '\uA729' }, + { base: 'u', letters: '\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289' }, + { base: 'v', letters: '\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C' }, + { base: 'vy', letters: '\uA761' }, + { base: 'w', letters: '\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73' }, + { base: 'x', letters: '\u0078\u24E7\uFF58\u1E8B\u1E8D' }, + { base: 'y', letters: '\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF' }, + { base: 'z', letters: '\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763' } ]; + + var diacriticsMap = {}; + for (var i = 0; i < defaultDiacriticsRemovalap.length; i += 1) { + var letters = defaultDiacriticsRemovalap[i].letters; + for (var j = 0; j < letters.length; j += 1) { + diacriticsMap[letters[j]] = defaultDiacriticsRemovalap[i].base; + } + } + + var createPromise = function createPromise(handler) { + var resolved = false; + var rejected = false; + var resolveArgs; + var rejectArgs; + var promiseHandlers = { + then: undefined, + catch: undefined, + }; + var promise = { + then: function then(thenHandler) { + if (resolved) { + thenHandler.apply(void 0, resolveArgs); + } else { + promiseHandlers.then = thenHandler; + } + return promise; + }, + catch: function catch$1(catchHandler) { + if (rejected) { + catchHandler.apply(void 0, rejectArgs); + } else { + promiseHandlers.catch = catchHandler; + } + return promise; + }, + }; + + function resolve() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + resolved = true; + if (promiseHandlers.then) { promiseHandlers.then.apply(promiseHandlers, args); } + else { resolveArgs = args; } + } + function reject() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + rejected = true; + if (promiseHandlers.catch) { promiseHandlers.catch.apply(promiseHandlers, args); } + else { rejectArgs = args; } + } + handler(resolve, reject); + + return promise; + }; + + var uniqueNumber = 1; + + var Utils = { + uniqueNumber: function uniqueNumber$1() { + uniqueNumber += 1; + return uniqueNumber; + }, + id: function id(mask, map) { + if ( mask === void 0 ) mask = 'xxxxxxxxxx'; + if ( map === void 0 ) map = '0123456789abcdef'; + + var length = map.length; + return mask.replace(/x/g, function () { return map[Math.floor((Math.random() * length))]; }); + }, + mdPreloaderContent: "\n \n \n \n \n \n \n \n \n \n ".trim(), + eventNameToColonCase: function eventNameToColonCase(eventName) { + var hasColon; + return eventName.split('').map(function (char, index) { + if (char.match(/[A-Z]/) && index !== 0 && !hasColon) { + hasColon = true; + return (":" + (char.toLowerCase())); + } + return char.toLowerCase(); + }).join(''); + }, + deleteProps: function deleteProps(obj) { + var object = obj; + Object.keys(object).forEach(function (key) { + try { + object[key] = null; + } catch (e) { + // no setter for object + } + try { + delete object[key]; + } catch (e) { + // something got wrong + } + }); + }, + bezier: function bezier$1() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return bezier.apply(void 0, args); + }, + nextTick: function nextTick(callback, delay) { + if ( delay === void 0 ) delay = 0; + + return setTimeout(callback, delay); + }, + nextFrame: function nextFrame(callback) { + return Utils.requestAnimationFrame(function () { + Utils.requestAnimationFrame(callback); + }); + }, + now: function now() { + return Date.now(); + }, + promise: function promise(handler) { + return win.Promise ? new Promise(handler) : createPromise(handler); + }, + requestAnimationFrame: function requestAnimationFrame(callback) { + if (win.requestAnimationFrame) { return win.requestAnimationFrame(callback); } + if (win.webkitRequestAnimationFrame) { return win.webkitRequestAnimationFrame(callback); } + return win.setTimeout(callback, 1000 / 60); + }, + cancelAnimationFrame: function cancelAnimationFrame(id) { + if (win.cancelAnimationFrame) { return win.cancelAnimationFrame(id); } + if (win.webkitCancelAnimationFrame) { return win.webkitCancelAnimationFrame(id); } + return win.clearTimeout(id); + }, + removeDiacritics: function removeDiacritics(str) { + return str.replace(/[^\u0000-\u007E]/g, function (a) { return diacriticsMap[a] || a; }); + }, + parseUrlQuery: function parseUrlQuery(url) { + var query = {}; + var urlToParse = url || win.location.href; + var i; + var params; + var param; + var length; + if (typeof urlToParse === 'string' && urlToParse.length) { + urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : ''; + params = urlToParse.split('&').filter(function (paramsPart) { return paramsPart !== ''; }); + length = params.length; + + for (i = 0; i < length; i += 1) { + param = params[i].replace(/#\S+/g, '').split('='); + query[decodeURIComponent(param[0])] = typeof param[1] === 'undefined' ? undefined : decodeURIComponent(param.slice(1).join('=')) || ''; + } + } + return query; + }, + getTranslate: function getTranslate(el, axis) { + if ( axis === void 0 ) axis = 'x'; + + var matrix; + var curTransform; + var transformMatrix; + + var curStyle = win.getComputedStyle(el, null); + + if (win.WebKitCSSMatrix) { + curTransform = curStyle.transform || curStyle.webkitTransform; + if (curTransform.split(',').length > 6) { + curTransform = curTransform.split(', ').map(function (a) { return a.replace(',', '.'); }).join(', '); + } + // Some old versions of Webkit choke when 'none' is passed; pass + // empty string instead in this case + transformMatrix = new win.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform); + } else { + transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,'); + matrix = transformMatrix.toString().split(','); + } + + if (axis === 'x') { + // Latest Chrome and webkits Fix + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m41; } + // Crazy IE10 Matrix + else if (matrix.length === 16) { curTransform = parseFloat(matrix[12]); } + // Normal Browsers + else { curTransform = parseFloat(matrix[4]); } + } + if (axis === 'y') { + // Latest Chrome and webkits Fix + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m42; } + // Crazy IE10 Matrix + else if (matrix.length === 16) { curTransform = parseFloat(matrix[13]); } + // Normal Browsers + else { curTransform = parseFloat(matrix[5]); } + } + return curTransform || 0; + }, + serializeObject: function serializeObject(obj, parents) { + if ( parents === void 0 ) parents = []; + + if (typeof obj === 'string') { return obj; } + var resultArray = []; + var separator = '&'; + var newParents; + function varName(name) { + if (parents.length > 0) { + var parentParts = ''; + for (var j = 0; j < parents.length; j += 1) { + if (j === 0) { parentParts += parents[j]; } + else { parentParts += "[" + (encodeURIComponent(parents[j])) + "]"; } + } + return (parentParts + "[" + (encodeURIComponent(name)) + "]"); + } + return encodeURIComponent(name); + } + function varValue(value) { + return encodeURIComponent(value); + } + Object.keys(obj).forEach(function (prop) { + var toPush; + if (Array.isArray(obj[prop])) { + toPush = []; + for (var i = 0; i < obj[prop].length; i += 1) { + if (!Array.isArray(obj[prop][i]) && typeof obj[prop][i] === 'object') { + newParents = parents.slice(); + newParents.push(prop); + newParents.push(String(i)); + toPush.push(Utils.serializeObject(obj[prop][i], newParents)); + } else { + toPush.push(((varName(prop)) + "[]=" + (varValue(obj[prop][i])))); + } + } + if (toPush.length > 0) { resultArray.push(toPush.join(separator)); } + } else if (obj[prop] === null || obj[prop] === '') { + resultArray.push(((varName(prop)) + "=")); + } else if (typeof obj[prop] === 'object') { + // Object, convert to named array + newParents = parents.slice(); + newParents.push(prop); + toPush = Utils.serializeObject(obj[prop], newParents); + if (toPush !== '') { resultArray.push(toPush); } + } else if (typeof obj[prop] !== 'undefined' && obj[prop] !== '') { + // Should be string or plain value + resultArray.push(((varName(prop)) + "=" + (varValue(obj[prop])))); + } else if (obj[prop] === '') { resultArray.push(varName(prop)); } + }); + return resultArray.join(separator); + }, + isObject: function isObject(o) { + return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object; + }, + merge: function merge() { + var args = [], len$1 = arguments.length; + while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ]; + + var to = args[0]; + args.splice(0, 1); + var from = args; + + for (var i = 0; i < from.length; i += 1) { + var nextSource = args[i]; + if (nextSource !== undefined && nextSource !== null) { + var keysArray = Object.keys(Object(nextSource)); + for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { + var nextKey = keysArray[nextIndex]; + var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); + if (desc !== undefined && desc.enumerable) { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + return to; + }, + extend: function extend() { + var args = [], len$1 = arguments.length; + while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ]; + + var deep = true; + var to; + var from; + if (typeof args[0] === 'boolean') { + deep = args[0]; + to = args[1]; + args.splice(0, 2); + from = args; + } else { + to = args[0]; + args.splice(0, 1); + from = args; + } + for (var i = 0; i < from.length; i += 1) { + var nextSource = args[i]; + if (nextSource !== undefined && nextSource !== null) { + var keysArray = Object.keys(Object(nextSource)); + for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { + var nextKey = keysArray[nextIndex]; + var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); + if (desc !== undefined && desc.enumerable) { + if (!deep) { + to[nextKey] = nextSource[nextKey]; + } else if (Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { + Utils.extend(to[nextKey], nextSource[nextKey]); + } else if (!Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { + to[nextKey] = {}; + Utils.extend(to[nextKey], nextSource[nextKey]); + } else { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + } + return to; + }, + }; + + var Device = (function Device() { + var platform = win.navigator.platform; + var ua = win.navigator.userAgent; + + var device = { + ios: false, + android: false, + androidChrome: false, + desktop: false, + windowsPhone: false, + iphone: false, + iphoneX: false, + ipod: false, + ipad: false, + edge: false, + ie: false, + firefox: false, + macos: false, + windows: false, + cordova: !!(win.cordova || win.phonegap), + phonegap: !!(win.cordova || win.phonegap), + }; + + var screenWidth = win.screen.width; + var screenHeight = win.screen.height; + + var windowsPhone = ua.match(/(Windows Phone);?[\s\/]+([\d.]+)?/); // eslint-disable-line + var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line + var ipad = ua.match(/(iPad).*OS\s([\d_]+)/); + var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/); + var iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/); + var iphoneX = iphone && ( + (screenWidth === 375 && screenHeight === 812) // X/XS + || (screenWidth === 414 && screenHeight === 896) // XR / XS Max + ); + var ie = ua.indexOf('MSIE ') >= 0 || ua.indexOf('Trident/') >= 0; + var edge = ua.indexOf('Edge/') >= 0; + var firefox = ua.indexOf('Gecko/') >= 0 && ua.indexOf('Firefox/') >= 0; + var macos = platform === 'MacIntel'; + var windows = platform === 'Win32'; + + device.ie = ie; + device.edge = edge; + device.firefox = firefox; + + // Windows + if (windowsPhone) { + device.os = 'windows'; + device.osVersion = windowsPhone[2]; + device.windowsPhone = true; + } + // Android + if (android && !windows) { + device.os = 'android'; + device.osVersion = android[2]; + device.android = true; + device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0; + } + if (ipad || iphone || ipod) { + device.os = 'ios'; + device.ios = true; + } + // iOS + if (iphone && !ipod) { + device.osVersion = iphone[2].replace(/_/g, '.'); + device.iphone = true; + device.iphoneX = iphoneX; + } + if (ipad) { + device.osVersion = ipad[2].replace(/_/g, '.'); + device.ipad = true; + } + if (ipod) { + device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null; + device.iphone = true; + } + // iOS 8+ changed UA + if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) { + if (device.osVersion.split('.')[0] === '10') { + device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0]; + } + } + + // Webview + device.webView = !!((iphone || ipad || ipod) && (ua.match(/.*AppleWebKit(?!.*Safari)/i) || win.navigator.standalone)) + || (win.matchMedia && win.matchMedia('(display-mode: standalone)').matches); + device.webview = device.webView; + device.standalone = device.webView; + + + // Desktop + device.desktop = !(device.os || device.android || device.webView); + if (device.desktop) { + device.macos = macos; + device.windows = windows; + } + + // Minimal UI + if (device.os && device.os === 'ios') { + var osVersionArr = device.osVersion.split('.'); + var metaViewport = doc.querySelector('meta[name="viewport"]'); + device.minimalUi = !device.webView + && (ipod || iphone) + && (osVersionArr[0] * 1 === 7 ? osVersionArr[1] * 1 >= 1 : osVersionArr[0] * 1 > 7) + && metaViewport && metaViewport.getAttribute('content').indexOf('minimal-ui') >= 0; + } + + // Check for status bar and fullscreen app mode + device.needsStatusbarOverlay = function needsStatusbarOverlay() { + if ((device.webView || (device.android && device.cordova)) && (win.innerWidth * win.innerHeight === win.screen.width * win.screen.height)) { + if (device.iphoneX && (win.orientation === 90 || win.orientation === -90)) { + return false; + } + return true; + } + return false; + }; + device.statusbar = device.needsStatusbarOverlay(); + + // Pixel Ratio + device.pixelRatio = win.devicePixelRatio || 1; + + // Export object + return device; + }()); + + var Framework7Class = function Framework7Class(params, parents) { + if ( params === void 0 ) params = {}; + if ( parents === void 0 ) parents = []; + + var self = this; + self.params = params; + + // Events + self.eventsParents = parents; + self.eventsListeners = {}; + + if (self.params && self.params.on) { + Object.keys(self.params.on).forEach(function (eventName) { + self.on(eventName, self.params.on[eventName]); + }); + } + }; + + var staticAccessors$1 = { components: { configurable: true } }; + + Framework7Class.prototype.on = function on (events, handler, priority) { + var self = this; + if (typeof handler !== 'function') { return self; } + var method = priority ? 'unshift' : 'push'; + events.split(' ').forEach(function (event) { + if (!self.eventsListeners[event]) { self.eventsListeners[event] = []; } + self.eventsListeners[event][method](handler); + }); + return self; + }; + + Framework7Class.prototype.once = function once (events, handler, priority) { + var self = this; + if (typeof handler !== 'function') { return self; } + function onceHandler() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + handler.apply(self, args); + self.off(events, onceHandler); + } + return self.on(events, onceHandler, priority); + }; + + Framework7Class.prototype.off = function off (events, handler) { + var self = this; + if (!self.eventsListeners) { return self; } + events.split(' ').forEach(function (event) { + if (typeof handler === 'undefined') { + self.eventsListeners[event] = []; + } else if (self.eventsListeners[event]) { + self.eventsListeners[event].forEach(function (eventHandler, index) { + if (eventHandler === handler) { + self.eventsListeners[event].splice(index, 1); + } + }); + } + }); + return self; + }; + + Framework7Class.prototype.emit = function emit () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var self = this; + if (!self.eventsListeners) { return self; } + var events; + var data; + var context; + var eventsParents; + if (typeof args[0] === 'string' || Array.isArray(args[0])) { + events = args[0]; + data = args.slice(1, args.length); + context = self; + eventsParents = self.eventsParents; + } else { + events = args[0].events; + data = args[0].data; + context = args[0].context || self; + eventsParents = args[0].local ? [] : args[0].parents || self.eventsParents; + } + var eventsArray = Array.isArray(events) ? events : events.split(' '); + var localEvents = eventsArray.map(function (eventName) { return eventName.replace('local::', ''); }); + var parentEvents = eventsArray.filter(function (eventName) { return eventName.indexOf('local::') < 0; }); + + localEvents.forEach(function (event) { + if (self.eventsListeners && self.eventsListeners[event]) { + var handlers = []; + self.eventsListeners[event].forEach(function (eventHandler) { + handlers.push(eventHandler); + }); + handlers.forEach(function (eventHandler) { + eventHandler.apply(context, data); + }); + } + }); + if (eventsParents && eventsParents.length > 0) { + eventsParents.forEach(function (eventsParent) { + eventsParent.emit.apply(eventsParent, [ parentEvents ].concat( data )); + }); + } + return self; + }; + + // eslint-disable-next-line + Framework7Class.prototype.useModuleParams = function useModuleParams (module, instanceParams) { + if (module.params) { + var originalParams = {}; + Object.keys(module.params).forEach(function (paramKey) { + if (typeof instanceParams[paramKey] === 'undefined') { return; } + originalParams[paramKey] = Utils.extend({}, instanceParams[paramKey]); + }); + Utils.extend(instanceParams, module.params); + Object.keys(originalParams).forEach(function (paramKey) { + Utils.extend(instanceParams[paramKey], originalParams[paramKey]); + }); + } + }; + + Framework7Class.prototype.useModulesParams = function useModulesParams (instanceParams) { + var instance = this; + if (!instance.modules) { return; } + Object.keys(instance.modules).forEach(function (moduleName) { + var module = instance.modules[moduleName]; + // Extend params + if (module.params) { + Utils.extend(instanceParams, module.params); + } + }); + }; + + Framework7Class.prototype.useModule = function useModule (moduleName, moduleParams) { + if ( moduleName === void 0 ) moduleName = ''; + if ( moduleParams === void 0 ) moduleParams = {}; + + var instance = this; + if (!instance.modules) { return; } + var module = typeof moduleName === 'string' ? instance.modules[moduleName] : moduleName; + if (!module) { return; } + + // Extend instance methods and props + if (module.instance) { + Object.keys(module.instance).forEach(function (modulePropName) { + var moduleProp = module.instance[modulePropName]; + if (typeof moduleProp === 'function') { + instance[modulePropName] = moduleProp.bind(instance); + } else { + instance[modulePropName] = moduleProp; + } + }); + } + // Add event listeners + if (module.on && instance.on) { + Object.keys(module.on).forEach(function (moduleEventName) { + instance.on(moduleEventName, module.on[moduleEventName]); + }); + } + // Add vnode hooks + if (module.vnode) { + if (!instance.vnodeHooks) { instance.vnodeHooks = {}; } + Object.keys(module.vnode).forEach(function (vnodeId) { + Object.keys(module.vnode[vnodeId]).forEach(function (hookName) { + var handler = module.vnode[vnodeId][hookName]; + if (!instance.vnodeHooks[hookName]) { instance.vnodeHooks[hookName] = {}; } + if (!instance.vnodeHooks[hookName][vnodeId]) { instance.vnodeHooks[hookName][vnodeId] = []; } + instance.vnodeHooks[hookName][vnodeId].push(handler.bind(instance)); + }); + }); + } + // Module create callback + if (module.create) { + module.create.bind(instance)(moduleParams); + } + }; + + Framework7Class.prototype.useModules = function useModules (modulesParams) { + if ( modulesParams === void 0 ) modulesParams = {}; + + var instance = this; + if (!instance.modules) { return; } + Object.keys(instance.modules).forEach(function (moduleName) { + var moduleParams = modulesParams[moduleName] || {}; + instance.useModule(moduleName, moduleParams); + }); + }; + + staticAccessors$1.components.set = function (components) { + var Class = this; + if (!Class.use) { return; } + Class.use(components); + }; + + Framework7Class.installModule = function installModule (module) { + var params = [], len = arguments.length - 1; + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; + + var Class = this; + if (!Class.prototype.modules) { Class.prototype.modules = {}; } + var name = module.name || (((Object.keys(Class.prototype.modules).length) + "_" + (Utils.now()))); + Class.prototype.modules[name] = module; + // Prototype + if (module.proto) { + Object.keys(module.proto).forEach(function (key) { + Class.prototype[key] = module.proto[key]; + }); + } + // Class + if (module.static) { + Object.keys(module.static).forEach(function (key) { + Class[key] = module.static[key]; + }); + } + // Callback + if (module.install) { + module.install.apply(Class, params); + } + return Class; + }; + + Framework7Class.use = function use (module) { + var params = [], len = arguments.length - 1; + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; + + var Class = this; + if (Array.isArray(module)) { + module.forEach(function (m) { return Class.installModule(m); }); + return Class; + } + return Class.installModule.apply(Class, [ module ].concat( params )); + }; + + Object.defineProperties( Framework7Class, staticAccessors$1 ); + + function ConstructorMethods (parameters) { + if ( parameters === void 0 ) parameters = {}; + + var defaultSelector = parameters.defaultSelector; + var constructor = parameters.constructor; + var domProp = parameters.domProp; + var app = parameters.app; + var addMethods = parameters.addMethods; + var methods = { + create: function create() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + if (app) { return new (Function.prototype.bind.apply( constructor, [ null ].concat( [app], args) )); } + return new (Function.prototype.bind.apply( constructor, [ null ].concat( args) )); + }, + get: function get(el) { + if ( el === void 0 ) el = defaultSelector; + + if (el instanceof constructor) { return el; } + var $el = $(el); + if ($el.length === 0) { return undefined; } + return $el[0][domProp]; + }, + destroy: function destroy(el) { + var instance = methods.get(el); + if (instance && instance.destroy) { return instance.destroy(); } + return undefined; + }, + }; + if (addMethods && Array.isArray(addMethods)) { + addMethods.forEach(function (methodName) { + methods[methodName] = function (el) { + if ( el === void 0 ) el = defaultSelector; + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + var instance = methods.get(el); + if (instance && instance[methodName]) { return instance[methodName].apply(instance, args); } + return undefined; + }; + }); + } + return methods; + } + + function ModalMethods (parameters) { + if ( parameters === void 0 ) parameters = {}; + + var defaultSelector = parameters.defaultSelector; + var constructor = parameters.constructor; + var app = parameters.app; + var methods = Utils.extend( + ConstructorMethods({ + defaultSelector: defaultSelector, + constructor: constructor, + app: app, + domProp: 'f7Modal', + }), + { + open: function open(el, animate) { + var $el = $(el); + var instance = $el[0].f7Modal; + if (!instance) { instance = new constructor(app, { el: $el }); } + return instance.open(animate); + }, + close: function close(el, animate) { + if ( el === void 0 ) el = defaultSelector; + + var $el = $(el); + if ($el.length === 0) { return undefined; } + var instance = $el[0].f7Modal; + if (!instance) { instance = new constructor(app, { el: $el }); } + return instance.close(animate); + }, + } + ); + return methods; + } + + var fetchedModules = []; + function loadModule(moduleToLoad) { + var Framework7 = this; + return new Promise(function (resolve, reject) { + var app = Framework7.instance; + var modulePath; + var moduleObj; + var moduleFunc; + if (!moduleToLoad) { + reject(new Error('Framework7: Lazy module must be specified')); + return; + } + + function install(module) { + Framework7.use(module); + + if (app) { + app.useModuleParams(module, app.params); + app.useModule(module); + } + } + + if (typeof moduleToLoad === 'string') { + var matchNamePattern = moduleToLoad.match(/([a-z0-9-]*)/i); + if (moduleToLoad.indexOf('.') < 0 && matchNamePattern && matchNamePattern[0].length === moduleToLoad.length) { + if (!app || (app && !app.params.lazyModulesPath)) { + reject(new Error('Framework7: "lazyModulesPath" app parameter must be specified to fetch module by name')); + return; + } + modulePath = (app.params.lazyModulesPath) + "/" + moduleToLoad + ".js"; + } else { + modulePath = moduleToLoad; + } + } else if (typeof moduleToLoad === 'function') { + moduleFunc = moduleToLoad; + } else { + // considering F7-Plugin object + moduleObj = moduleToLoad; + } + + if (moduleFunc) { + var module = moduleFunc(Framework7, false); + if (!module) { + reject(new Error('Framework7: Can\'t find Framework7 component in specified component function')); + return; + } + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module.name]) { + resolve(); + return; + } + // Install It + install(module); + + resolve(); + } + if (moduleObj) { + var module$1 = moduleObj; + if (!module$1) { + reject(new Error('Framework7: Can\'t find Framework7 component in specified component')); + return; + } + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module$1.name]) { + resolve(); + return; + } + // Install It + install(module$1); + + resolve(); + } + if (modulePath) { + if (fetchedModules.indexOf(modulePath) >= 0) { + resolve(); + return; + } + fetchedModules.push(modulePath); + var scriptLoad = new Promise(function (resolveScript, rejectScript) { + Framework7.request.get( + modulePath, + function (scriptContent) { + var id = Utils.id(); + var callbackLoadName = "f7_component_loader_callback_" + id; + + var scriptEl = document.createElement('script'); + scriptEl.innerHTML = "window." + callbackLoadName + " = function (Framework7, Framework7AutoInstallComponent) {return " + (scriptContent.trim()) + "}"; + $('head').append(scriptEl); + + var componentLoader = window[callbackLoadName]; + delete window[callbackLoadName]; + $(scriptEl).remove(); + + var module = componentLoader(Framework7, false); + + if (!module) { + rejectScript(new Error(("Framework7: Can't find Framework7 component in " + modulePath + " file"))); + return; + } + + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module.name]) { + resolveScript(); + return; + } + + // Install It + install(module); + + resolveScript(); + }, + function (xhr, status) { + rejectScript(xhr, status); + } + ); + }); + var styleLoad = new Promise(function (resolveStyle) { + Framework7.request.get( + modulePath.replace('.js', app.rtl ? '.rtl.css' : '.css'), + function (styleContent) { + var styleEl = document.createElement('style'); + styleEl.innerHTML = styleContent; + $('head').append(styleEl); + + resolveStyle(); + }, + function () { + resolveStyle(); + } + ); + }); + + Promise.all([scriptLoad, styleLoad]).then(function () { + resolve(); + }).catch(function (err) { + reject(err); + }); + } + }); + } + + var Framework7 = /*@__PURE__*/(function (Framework7Class$$1) { + function Framework7(params) { + Framework7Class$$1.call(this, params); + + var passedParams = Utils.extend({}, params); + + // App Instance + var app = this; + + Framework7.instance = app; + + // Default + var defaults = { + version: '1.0.0', + id: 'io.framework7.testapp', + root: 'body', + theme: 'auto', + language: win.navigator.language, + routes: [], + name: 'Framework7', + lazyModulesPath: null, + initOnDeviceReady: true, + init: true, + }; + + // Extend defaults with modules params + app.useModulesParams(defaults); + + // Extend defaults with passed params + app.params = Utils.extend(defaults, params); + + var $rootEl = $(app.params.root); + + Utils.extend(app, { + // App Id + id: app.params.id, + // App Name + name: app.params.name, + // App version + version: app.params.version, + // Routes + routes: app.params.routes, + // Lang + language: app.params.language, + // Root + root: $rootEl, + // RTL + rtl: $rootEl.css('direction') === 'rtl', + // Theme + theme: (function getTheme() { + if (app.params.theme === 'auto') { + return Device.ios ? 'ios' : 'md'; + } + return app.params.theme; + }()), + // Initially passed parameters + passedParams: passedParams, + }); + + // Save Root + if (app.root && app.root[0]) { + app.root[0].f7 = app; + } + + // Install Modules + app.useModules(); + + // Init Data & Methods + app.initData(); + + // Init + if (app.params.init) { + if (Device.cordova && app.params.initOnDeviceReady) { + $(doc).on('deviceready', function () { + app.init(); + }); + } else { + app.init(); + } + } + // Return app instance + return app; + } + + if ( Framework7Class$$1 ) Framework7.__proto__ = Framework7Class$$1; + Framework7.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + Framework7.prototype.constructor = Framework7; + + var prototypeAccessors = { $: { configurable: true },t7: { configurable: true } }; + var staticAccessors = { Dom7: { configurable: true },$: { configurable: true },Template7: { configurable: true },Class: { configurable: true } }; + + Framework7.prototype.initData = function initData () { + var app = this; + + // Data + app.data = {}; + if (app.params.data && typeof app.params.data === 'function') { + Utils.extend(app.data, app.params.data.bind(app)()); + } else if (app.params.data) { + Utils.extend(app.data, app.params.data); + } + // Methods + app.methods = {}; + if (app.params.methods) { + Object.keys(app.params.methods).forEach(function (methodName) { + if (typeof app.params.methods[methodName] === 'function') { + app.methods[methodName] = app.params.methods[methodName].bind(app); + } else { + app.methods[methodName] = app.params.methods[methodName]; + } + }); + } + }; + + Framework7.prototype.init = function init () { + var app = this; + if (app.initialized) { return app; } + + app.root.addClass('framework7-initializing'); + + // RTL attr + if (app.rtl) { + $('html').attr('dir', 'rtl'); + } + + // Root class + app.root.addClass('framework7-root'); + + // Theme class + $('html').removeClass('ios md').addClass(app.theme); + + // Init class + Utils.nextFrame(function () { + app.root.removeClass('framework7-initializing'); + }); + // Emit, init other modules + app.initialized = true; + app.emit('init'); + + return app; + }; + + // eslint-disable-next-line + Framework7.prototype.loadModule = function loadModule$$1 () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return Framework7.loadModule.apply(Framework7, args); + }; + + // eslint-disable-next-line + Framework7.prototype.loadModules = function loadModules () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return Framework7.loadModules.apply(Framework7, args); + }; + + Framework7.prototype.getVnodeHooks = function getVnodeHooks (hook, id) { + var app = this; + if (!app.vnodeHooks || !app.vnodeHooks[hook]) { return []; } + return app.vnodeHooks[hook][id] || []; + }; + + // eslint-disable-next-line + prototypeAccessors.$.get = function () { + return $; + }; + // eslint-disable-next-line + prototypeAccessors.t7.get = function () { + return Template7; + }; + + staticAccessors.Dom7.get = function () { + return $; + }; + + staticAccessors.$.get = function () { + return $; + }; + + staticAccessors.Template7.get = function () { + return Template7; + }; + + staticAccessors.Class.get = function () { + return Framework7Class$$1; + }; + + Object.defineProperties( Framework7.prototype, prototypeAccessors ); + Object.defineProperties( Framework7, staticAccessors ); + + return Framework7; + }(Framework7Class)); + + Framework7.ModalMethods = ModalMethods; + Framework7.ConstructorMethods = ConstructorMethods; + + Framework7.loadModule = loadModule; + Framework7.loadModules = function loadModules(modules) { + return Promise.all(modules.map(function (module) { return Framework7.loadModule(module); })); + }; + + var DeviceModule = { + name: 'device', + proto: { + device: Device, + }, + static: { + device: Device, + }, + on: { + init: function init() { + var classNames = []; + var html = doc.querySelector('html'); + if (!html) { return; } + // Pixel Ratio + classNames.push(("device-pixel-ratio-" + (Math.floor(Device.pixelRatio)))); + if (Device.pixelRatio >= 2) { + classNames.push('device-retina'); + } + // OS classes + if (Device.os) { + classNames.push( + ("device-" + (Device.os)), + ("device-" + (Device.os) + "-" + (Device.osVersion.split('.')[0])), + ("device-" + (Device.os) + "-" + (Device.osVersion.replace(/\./g, '-'))) + ); + if (Device.os === 'ios') { + var major = parseInt(Device.osVersion.split('.')[0], 10); + for (var i = major - 1; i >= 6; i -= 1) { + classNames.push(("device-ios-gt-" + i)); + } + if (Device.iphoneX) { + classNames.push('device-iphone-x'); + } + } + } else if (Device.desktop) { + classNames.push('device-desktop'); + if (Device.macos) { classNames.push('device-macos'); } + else if (Device.windows) { classNames.push('device-windows'); } + } + if (Device.cordova || Device.phonegap) { + classNames.push('device-cordova'); + } + + // Add html classes + classNames.forEach(function (className) { + html.classList.add(className); + }); + }, + }, + }; + + var Support = (function Support() { + var positionSticky = (function supportPositionSticky() { + var support = false; + var div = doc.createElement('div'); + ('sticky -webkit-sticky -moz-sticky').split(' ').forEach(function (prop) { + if (support) { return; } + div.style.position = prop; + if (div.style.position === prop) { + support = true; + } + }); + return support; + }()); + + var testDiv = doc.createElement('div'); + + return { + positionSticky: positionSticky, + touch: (function checkTouch() { + return !!((win.navigator.maxTouchPoints > 0) || ('ontouchstart' in win) || (win.DocumentTouch && doc instanceof win.DocumentTouch)); + }()), + + pointerEvents: !!(win.navigator.pointerEnabled || win.PointerEvent || ('maxTouchPoints' in win.navigator)), + prefixedPointerEvents: !!win.navigator.msPointerEnabled, + + transition: (function checkTransition() { + var style = testDiv.style; + return ('transition' in style || 'webkitTransition' in style || 'MozTransition' in style); + }()), + transforms3d: (win.Modernizr && win.Modernizr.csstransforms3d === true) || (function checkTransforms3d() { + var style = testDiv.style; + return ('webkitPerspective' in style || 'MozPerspective' in style || 'OPerspective' in style || 'MsPerspective' in style || 'perspective' in style); + }()), + + flexbox: (function checkFlexbox() { + var div = doc.createElement('div').style; + var styles = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' '); + for (var i = 0; i < styles.length; i += 1) { + if (styles[i] in div) { return true; } + } + return false; + }()), + + observer: (function checkObserver() { + return ('MutationObserver' in win || 'WebkitMutationObserver' in win); + }()), + + passiveListener: (function checkPassiveListener() { + var supportsPassive = false; + try { + var opts = Object.defineProperty({}, 'passive', { + // eslint-disable-next-line + get: function get() { + supportsPassive = true; + }, + }); + win.addEventListener('testPassiveListener', null, opts); + } catch (e) { + // No support + } + return supportsPassive; + }()), + + gestures: (function checkGestures() { + return 'ongesturestart' in win; + }()), + }; + }()); + + var SupportModule = { + name: 'support', + proto: { + support: Support, + }, + static: { + support: Support, + }, + on: { + init: function init() { + var html = doc.querySelector('html'); + if (!html) { return; } + var classNames = []; + if (Support.positionSticky) { + classNames.push('support-position-sticky'); + } + // Add html classes + classNames.forEach(function (className) { + html.classList.add(className); + }); + }, + }, + }; + + var UtilsModule = { + name: 'utils', + proto: { + utils: Utils, + }, + static: { + utils: Utils, + }, + }; + + var ResizeModule = { + name: 'resize', + instance: { + getSize: function getSize() { + var app = this; + if (!app.root[0]) { return { width: 0, height: 0, left: 0, top: 0 }; } + var offset = app.root.offset(); + var ref = [app.root[0].offsetWidth, app.root[0].offsetHeight, offset.left, offset.top]; + var width = ref[0]; + var height = ref[1]; + var left = ref[2]; + var top = ref[3]; + app.width = width; + app.height = height; + app.left = left; + app.top = top; + return { width: width, height: height, left: left, top: top }; + }, + }, + on: { + init: function init() { + var app = this; + + // Get Size + app.getSize(); + + // Emit resize + win.addEventListener('resize', function () { + app.emit('resize'); + }, false); + + // Emit orientationchange + win.addEventListener('orientationchange', function () { + app.emit('orientationchange'); + }); + }, + orientationchange: function orientationchange() { + var app = this; + if (app.device && app.device.minimalUi) { + if (win.orientation === 90 || win.orientation === -90) { + doc.body.scrollTop = 0; + } + } + // Fix iPad weird body scroll + if (app.device.ipad) { + doc.body.scrollLeft = 0; + setTimeout(function () { + doc.body.scrollLeft = 0; + }, 0); + } + }, + resize: function resize() { + var app = this; + app.getSize(); + }, + }, + }; + + var globals = {}; + var jsonpRequests = 0; + + function Request(requestOptions) { + var globalsNoCallbacks = Utils.extend({}, globals); + ('beforeCreate beforeOpen beforeSend error complete success statusCode').split(' ').forEach(function (callbackName) { + delete globalsNoCallbacks[callbackName]; + }); + var defaults = Utils.extend({ + url: win.location.toString(), + method: 'GET', + data: false, + async: true, + cache: true, + user: '', + password: '', + headers: {}, + xhrFields: {}, + statusCode: {}, + processData: true, + dataType: 'text', + contentType: 'application/x-www-form-urlencoded', + timeout: 0, + }, globalsNoCallbacks); + + var options = Utils.extend({}, defaults, requestOptions); + var proceedRequest; + + // Function to run XHR callbacks and events + function fireCallback(callbackName) { + var data = [], len = arguments.length - 1; + while ( len-- > 0 ) data[ len ] = arguments[ len + 1 ]; + + /* + Callbacks: + beforeCreate (options), + beforeOpen (xhr, options), + beforeSend (xhr, options), + error (xhr, status), + complete (xhr, stautus), + success (response, status, xhr), + statusCode () + */ + var globalCallbackValue; + var optionCallbackValue; + if (globals[callbackName]) { + globalCallbackValue = globals[callbackName].apply(globals, data); + } + if (options[callbackName]) { + optionCallbackValue = options[callbackName].apply(options, data); + } + if (typeof globalCallbackValue !== 'boolean') { globalCallbackValue = true; } + if (typeof optionCallbackValue !== 'boolean') { optionCallbackValue = true; } + return (globalCallbackValue && optionCallbackValue); + } + + // Before create callback + proceedRequest = fireCallback('beforeCreate', options); + if (proceedRequest === false) { return undefined; } + + // For jQuery guys + if (options.type) { options.method = options.type; } + + // Parameters Prefix + var paramsPrefix = options.url.indexOf('?') >= 0 ? '&' : '?'; + + // UC method + var method = options.method.toUpperCase(); + + // Data to modify GET URL + if ((method === 'GET' || method === 'HEAD' || method === 'OPTIONS' || method === 'DELETE') && options.data) { + var stringData; + if (typeof options.data === 'string') { + // Should be key=value string + if (options.data.indexOf('?') >= 0) { stringData = options.data.split('?')[1]; } + else { stringData = options.data; } + } else { + // Should be key=value object + stringData = Utils.serializeObject(options.data); + } + if (stringData.length) { + options.url += paramsPrefix + stringData; + if (paramsPrefix === '?') { paramsPrefix = '&'; } + } + } + + // JSONP + if (options.dataType === 'json' && options.url.indexOf('callback=') >= 0) { + var callbackName = "f7jsonp_" + (Date.now() + ((jsonpRequests += 1))); + var abortTimeout; + var callbackSplit = options.url.split('callback='); + var requestUrl = (callbackSplit[0]) + "callback=" + callbackName; + if (callbackSplit[1].indexOf('&') >= 0) { + var addVars = callbackSplit[1].split('&').filter(function (el) { return el.indexOf('=') > 0; }).join('&'); + if (addVars.length > 0) { requestUrl += "&" + addVars; } + } + + // Create script + var script = doc.createElement('script'); + script.type = 'text/javascript'; + script.onerror = function onerror() { + clearTimeout(abortTimeout); + fireCallback('error', null, 'scripterror'); + fireCallback('complete', null, 'scripterror'); + }; + script.src = requestUrl; + + // Handler + win[callbackName] = function jsonpCallback(data) { + clearTimeout(abortTimeout); + fireCallback('success', data); + script.parentNode.removeChild(script); + script = null; + delete win[callbackName]; + }; + doc.querySelector('head').appendChild(script); + + if (options.timeout > 0) { + abortTimeout = setTimeout(function () { + script.parentNode.removeChild(script); + script = null; + fireCallback('error', null, 'timeout'); + }, options.timeout); + } + + return undefined; + } + + // Cache for GET/HEAD requests + if (method === 'GET' || method === 'HEAD' || method === 'OPTIONS' || method === 'DELETE') { + if (options.cache === false) { + options.url += paramsPrefix + "_nocache" + (Date.now()); + } + } + + // Create XHR + var xhr = new XMLHttpRequest(); + + // Save Request URL + xhr.requestUrl = options.url; + xhr.requestParameters = options; + + // Before open callback + proceedRequest = fireCallback('beforeOpen', xhr, options); + if (proceedRequest === false) { return xhr; } + + // Open XHR + xhr.open(method, options.url, options.async, options.user, options.password); + + // Create POST Data + var postData = null; + + if ((method === 'POST' || method === 'PUT' || method === 'PATCH') && options.data) { + if (options.processData) { + var postDataInstances = [ArrayBuffer, Blob, Document, FormData]; + // Post Data + if (postDataInstances.indexOf(options.data.constructor) >= 0) { + postData = options.data; + } else { + // POST Headers + var boundary = "---------------------------" + (Date.now().toString(16)); + + if (options.contentType === 'multipart/form-data') { + xhr.setRequestHeader('Content-Type', ("multipart/form-data; boundary=" + boundary)); + } else { + xhr.setRequestHeader('Content-Type', options.contentType); + } + postData = ''; + var data$1 = Utils.serializeObject(options.data); + if (options.contentType === 'multipart/form-data') { + data$1 = data$1.split('&'); + var newData = []; + for (var i = 0; i < data$1.length; i += 1) { + newData.push(("Content-Disposition: form-data; name=\"" + (data$1[i].split('=')[0]) + "\"\r\n\r\n" + (data$1[i].split('=')[1]) + "\r\n")); + } + postData = "--" + boundary + "\r\n" + (newData.join(("--" + boundary + "\r\n"))) + "--" + boundary + "--\r\n"; + } else if (options.contentType === 'application/json') { + postData = JSON.stringify(options.data); + } else { + postData = data$1; + } + } + } else { + postData = options.data; + xhr.setRequestHeader('Content-Type', options.contentType); + } + } + + // Additional headers + if (options.headers) { + Object.keys(options.headers).forEach(function (headerName) { + xhr.setRequestHeader(headerName, options.headers[headerName]); + }); + } + + // Check for crossDomain + if (typeof options.crossDomain === 'undefined') { + // eslint-disable-next-line + options.crossDomain = /^([\w-]+:)?\/\/([^\/]+)/.test(options.url) && RegExp.$2 !== win.location.host; + } + + if (!options.crossDomain) { + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + } + + if (options.xhrFields) { + Utils.extend(xhr, options.xhrFields); + } + + var xhrTimeout; + + // Handle XHR + xhr.onload = function onload() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 0) { + var responseData; + if (options.dataType === 'json') { + var parseError; + try { + responseData = JSON.parse(xhr.responseText); + } catch (err) { + parseError = true; + } + if (!parseError) { + fireCallback('success', responseData, xhr.status, xhr); + } else { + fireCallback('error', xhr, 'parseerror'); + } + } else { + responseData = xhr.responseType === 'text' || xhr.responseType === '' ? xhr.responseText : xhr.response; + fireCallback('success', responseData, xhr.status, xhr); + } + } else { + fireCallback('error', xhr, xhr.status); + } + if (options.statusCode) { + if (globals.statusCode && globals.statusCode[xhr.status]) { globals.statusCode[xhr.status](xhr); } + if (options.statusCode[xhr.status]) { options.statusCode[xhr.status](xhr); } + } + fireCallback('complete', xhr, xhr.status); + }; + + xhr.onerror = function onerror() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + fireCallback('error', xhr, xhr.status); + fireCallback('complete', xhr, 'error'); + }; + + // Timeout + if (options.timeout > 0) { + xhr.onabort = function onabort() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + }; + xhrTimeout = setTimeout(function () { + xhr.abort(); + fireCallback('error', xhr, 'timeout'); + fireCallback('complete', xhr, 'timeout'); + }, options.timeout); + } + + // Ajax start callback + proceedRequest = fireCallback('beforeSend', xhr, options); + if (proceedRequest === false) { return xhr; } + + // Send XHR + xhr.send(postData); + + // Return XHR object + return xhr; + } + function RequestShortcut(method) { + var assign, assign$1; + + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + var ref = []; + var url = ref[0]; + var data = ref[1]; + var success = ref[2]; + var error = ref[3]; + var dataType = ref[4]; + if (typeof args[1] === 'function') { + (assign = args, url = assign[0], success = assign[1], error = assign[2], dataType = assign[3]); + } else { + (assign$1 = args, url = assign$1[0], data = assign$1[1], success = assign$1[2], error = assign$1[3], dataType = assign$1[4]); + } + [success, error].forEach(function (callback) { + if (typeof callback === 'string') { + dataType = callback; + if (callback === success) { success = undefined; } + else { error = undefined; } + } + }); + dataType = dataType || (method === 'json' || method === 'postJSON' ? 'json' : undefined); + var requestOptions = { + url: url, + method: method === 'post' || method === 'postJSON' ? 'POST' : 'GET', + data: data, + success: success, + error: error, + dataType: dataType, + }; + if (method === 'postJSON') { + Utils.extend(requestOptions, { + contentType: 'application/json', + processData: false, + crossDomain: true, + data: typeof data === 'string' ? data : JSON.stringify(data), + }); + } + return Request(requestOptions); + } + Request.get = function get() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'get' ].concat( args )); + }; + Request.post = function post() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'post' ].concat( args )); + }; + Request.json = function json() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'json' ].concat( args )); + }; + Request.getJSON = Request.json; + Request.postJSON = function postJSON() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'postJSON' ].concat( args )); + }; + Request.setup = function setup(options) { + if (options.type && !options.method) { + Utils.extend(options, { method: options.type }); + } + Utils.extend(globals, options); + }; + + /* eslint no-param-reassign: "off" */ + + var RequestModule = { + name: 'request', + proto: { + request: Request, + }, + static: { + request: Request, + }, + }; + + function initTouch() { + var app = this; + var params = app.params.touch; + var useRipple = app.theme === 'md' && params.materialRipple; + + if (Device.ios && Device.webView) { + // Strange hack required for iOS 8 webview to work on inputs + win.addEventListener('touchstart', function () {}); + } + + var touchStartX; + var touchStartY; + var touchStartTime; + var targetElement; + var trackClick; + var activeSelection; + var scrollParent; + var lastClickTime; + var isMoved; + var tapHoldFired; + var tapHoldTimeout; + + var activableElement; + var activeTimeout; + + var needsFastClick; + var needsFastClickTimeOut; + + var rippleWave; + var rippleTarget; + var rippleTimeout; + + function findActivableElement(el) { + var target = $(el); + var parents = target.parents(params.activeStateElements); + var activable; + if (target.is(params.activeStateElements)) { + activable = target; + } + if (parents.length > 0) { + activable = activable ? activable.add(parents) : parents; + } + return activable || target; + } + + function isInsideScrollableView(el) { + var pageContent = el.parents('.page-content, .panel'); + + if (pageContent.length === 0) { + return false; + } + + // This event handler covers the "tap to stop scrolling". + if (pageContent.prop('scrollHandlerSet') !== 'yes') { + pageContent.on('scroll', function () { + clearTimeout(activeTimeout); + clearTimeout(rippleTimeout); + }); + pageContent.prop('scrollHandlerSet', 'yes'); + } + + return true; + } + function addActive() { + if (!activableElement) { return; } + activableElement.addClass('active-state'); + } + function removeActive() { + if (!activableElement) { return; } + activableElement.removeClass('active-state'); + activableElement = null; + } + function isFormElement(el) { + var nodes = ('input select textarea label').split(' '); + if (el.nodeName && nodes.indexOf(el.nodeName.toLowerCase()) >= 0) { return true; } + return false; + } + function androidNeedsBlur(el) { + var noBlur = ('button input textarea select').split(' '); + if (doc.activeElement && el !== doc.activeElement && doc.activeElement !== doc.body) { + if (noBlur.indexOf(el.nodeName.toLowerCase()) >= 0) { + return false; + } + return true; + } + return false; + } + function targetNeedsFastClick(el) { + /* + if ( + Device.ios + && + ( + Device.osVersion.split('.')[0] > 9 + || + (Device.osVersion.split('.')[0] * 1 === 9 && Device.osVersion.split('.')[1] >= 1) + ) + ) { + return false; + } + */ + var $el = $(el); + if (el.nodeName.toLowerCase() === 'input' && (el.type === 'file' || el.type === 'range')) { return false; } + if (el.nodeName.toLowerCase() === 'select' && Device.android) { return false; } + if ($el.hasClass('no-fastclick') || $el.parents('.no-fastclick').length > 0) { return false; } + if (params.fastClicksExclude && $el.closest(params.fastClicksExclude).length > 0) { return false; } + + return true; + } + function targetNeedsFocus(el) { + if (doc.activeElement === el) { + return false; + } + var tag = el.nodeName.toLowerCase(); + var skipInputs = ('button checkbox file image radio submit').split(' '); + if (el.disabled || el.readOnly) { return false; } + if (tag === 'textarea') { return true; } + if (tag === 'select') { + if (Device.android) { return false; } + return true; + } + if (tag === 'input' && skipInputs.indexOf(el.type) < 0) { return true; } + return false; + } + function targetNeedsPrevent(el) { + var $el = $(el); + var prevent = true; + if ($el.is('label') || $el.parents('label').length > 0) { + if (Device.android) { + prevent = false; + } else if (Device.ios && $el.is('input')) { + prevent = true; + } else { prevent = false; } + } + return prevent; + } + + // Ripple handlers + function findRippleElement(el) { + var rippleElements = params.materialRippleElements; + var $el = $(el); + if ($el.is(rippleElements)) { + if ($el.hasClass('no-ripple')) { + return false; + } + return $el; + } + if ($el.parents(rippleElements).length > 0) { + var rippleParent = $el.parents(rippleElements).eq(0); + if (rippleParent.hasClass('no-ripple')) { + return false; + } + return rippleParent; + } + return false; + } + function createRipple($el, x, y) { + if (!$el) { return; } + rippleWave = app.touchRipple.create($el, x, y); + } + + function removeRipple() { + if (!rippleWave) { return; } + rippleWave.remove(); + rippleWave = undefined; + rippleTarget = undefined; + } + function rippleTouchStart(el) { + rippleTarget = findRippleElement(el); + if (!rippleTarget || rippleTarget.length === 0) { + rippleTarget = undefined; + return; + } + if (!isInsideScrollableView(rippleTarget)) { + createRipple(rippleTarget, touchStartX, touchStartY); + } else { + rippleTimeout = setTimeout(function () { + createRipple(rippleTarget, touchStartX, touchStartY); + }, 80); + } + } + function rippleTouchMove() { + clearTimeout(rippleTimeout); + removeRipple(); + } + function rippleTouchEnd() { + if (rippleWave) { + removeRipple(); + } else if (rippleTarget && !isMoved) { + clearTimeout(rippleTimeout); + createRipple(rippleTarget, touchStartX, touchStartY); + setTimeout(removeRipple, 0); + } else { + removeRipple(); + } + } + + // Mouse Handlers + function handleMouseDown(e) { + findActivableElement(e.target).addClass('active-state'); + if ('which' in e && e.which === 3) { + setTimeout(function () { + $('.active-state').removeClass('active-state'); + }, 0); + } + if (useRipple) { + touchStartX = e.pageX; + touchStartY = e.pageY; + rippleTouchStart(e.target, e.pageX, e.pageY); + } + } + function handleMouseMove() { + $('.active-state').removeClass('active-state'); + if (useRipple) { + rippleTouchMove(); + } + } + function handleMouseUp() { + $('.active-state').removeClass('active-state'); + if (useRipple) { + rippleTouchEnd(); + } + } + + // Send Click + function sendClick(e) { + var touch = e.changedTouches[0]; + var evt = doc.createEvent('MouseEvents'); + var eventType = 'click'; + if (Device.android && targetElement.nodeName.toLowerCase() === 'select') { + eventType = 'mousedown'; + } + evt.initMouseEvent(eventType, true, true, win, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null); + evt.forwardedTouchEvent = true; + + if (app.device.ios && win.navigator.standalone) { + // Fix the issue happens in iOS home screen apps where the wrong element is selected during a momentum scroll. + // Upon tapping, we give the scrolling time to stop, then we grab the element based where the user tapped. + setTimeout(function () { + targetElement = doc.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY); + targetElement.dispatchEvent(evt); + }, 10); + } else { + targetElement.dispatchEvent(evt); + } + } + + // Touch Handlers + function handleTouchStart(e) { + var this$1 = this; + + isMoved = false; + tapHoldFired = false; + if (e.targetTouches.length > 1) { + if (activableElement) { removeActive(); } + return true; + } + if (e.touches.length > 1 && activableElement) { + removeActive(); + } + if (params.tapHold) { + if (tapHoldTimeout) { clearTimeout(tapHoldTimeout); } + tapHoldTimeout = setTimeout(function () { + if (e && e.touches && e.touches.length > 1) { return; } + tapHoldFired = true; + e.preventDefault(); + $(e.target).trigger('taphold'); + }, params.tapHoldDelay); + } + if (needsFastClickTimeOut) { clearTimeout(needsFastClickTimeOut); } + needsFastClick = targetNeedsFastClick(e.target); + + if (!needsFastClick) { + trackClick = false; + return true; + } + if (Device.ios || (Device.android && 'getSelection' in win)) { + var selection = win.getSelection(); + if ( + selection.rangeCount + && selection.focusNode !== doc.body + && (!selection.isCollapsed || doc.activeElement === selection.focusNode) + ) { + activeSelection = true; + return true; + } + + activeSelection = false; + } + if (Device.android) { + if (androidNeedsBlur(e.target)) { + doc.activeElement.blur(); + } + } + + trackClick = true; + targetElement = e.target; + touchStartTime = (new Date()).getTime(); + touchStartX = e.targetTouches[0].pageX; + touchStartY = e.targetTouches[0].pageY; + + // Detect scroll parent + if (Device.ios) { + scrollParent = undefined; + $(targetElement).parents().each(function () { + var parent = this$1; + if (parent.scrollHeight > parent.offsetHeight && !scrollParent) { + scrollParent = parent; + scrollParent.f7ScrollTop = scrollParent.scrollTop; + } + }); + } + if ((touchStartTime - lastClickTime) < params.fastClicksDelayBetweenClicks) { + e.preventDefault(); + } + + if (params.activeState) { + activableElement = findActivableElement(targetElement); + // If it's inside a scrollable view, we don't trigger active-state yet, + // because it can be a scroll instead. Based on the link: + // http://labnote.beedesk.com/click-scroll-and-pseudo-active-on-mobile-webk + if (!isInsideScrollableView(activableElement)) { + addActive(); + } else { + activeTimeout = setTimeout(addActive, 80); + } + } + if (useRipple) { + rippleTouchStart(targetElement, touchStartX, touchStartY); + } + return true; + } + function handleTouchMove(e) { + if (!trackClick) { return; } + var distance = params.fastClicksDistanceThreshold; + if (distance) { + var pageX = e.targetTouches[0].pageX; + var pageY = e.targetTouches[0].pageY; + if (Math.abs(pageX - touchStartX) > distance || Math.abs(pageY - touchStartY) > distance) { + isMoved = true; + } + } else { + isMoved = true; + } + if (isMoved) { + trackClick = false; + targetElement = null; + isMoved = true; + if (params.tapHold) { + clearTimeout(tapHoldTimeout); + } + if (params.activeState) { + clearTimeout(activeTimeout); + removeActive(); + } + if (useRipple) { + rippleTouchMove(); + } + } + } + function handleTouchEnd(e) { + clearTimeout(activeTimeout); + clearTimeout(tapHoldTimeout); + + var touchEndTime = (new Date()).getTime(); + + if (!trackClick) { + if (!activeSelection && needsFastClick) { + if (!(Device.android && !e.cancelable) && e.cancelable) { + e.preventDefault(); + } + } + if (params.activeState) { removeActive(); } + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + if (doc.activeElement === e.target) { + if (params.activeState) { removeActive(); } + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + if (!activeSelection) { + e.preventDefault(); + } + + if ((touchEndTime - lastClickTime) < params.fastClicksDelayBetweenClicks) { + setTimeout(removeActive, 0); + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + lastClickTime = touchEndTime; + + trackClick = false; + + if (Device.ios && scrollParent) { + if (scrollParent.scrollTop !== scrollParent.f7ScrollTop) { + return false; + } + } + + // Add active-state here because, in a very fast tap, the timeout didn't + // have the chance to execute. Removing active-state in a timeout gives + // the chance to the animation execute. + if (params.activeState) { + addActive(); + setTimeout(removeActive, 0); + } + // Remove Ripple + if (useRipple) { + rippleTouchEnd(); + } + + // Trigger focus when required + if (targetNeedsFocus(targetElement)) { + if (Device.ios && Device.webView) { + targetElement.focus(); + return false; + } + + targetElement.focus(); + } + + // Blur active elements + if (doc.activeElement && targetElement !== doc.activeElement && doc.activeElement !== doc.body && targetElement.nodeName.toLowerCase() !== 'label') { + doc.activeElement.blur(); + } + + // Send click + e.preventDefault(); + if (params.tapHoldPreventClicks && tapHoldFired) { + return false; + } + sendClick(e); + return false; + } + function handleTouchCancel() { + trackClick = false; + targetElement = null; + + // Remove Active State + clearTimeout(activeTimeout); + clearTimeout(tapHoldTimeout); + if (params.activeState) { + removeActive(); + } + + // Remove Ripple + if (useRipple) { + rippleTouchEnd(); + } + } + + function handleClick(e) { + var allowClick = false; + if (trackClick) { + targetElement = null; + trackClick = false; + return true; + } + if ((e.target.type === 'submit' && e.detail === 0) || e.target.type === 'file') { + return true; + } + if (!targetElement) { + if (!isFormElement(e.target)) { + allowClick = true; + } + } + if (!needsFastClick) { + allowClick = true; + } + if (doc.activeElement === targetElement) { + allowClick = true; + } + if (e.forwardedTouchEvent) { + allowClick = true; + } + if (!e.cancelable) { + allowClick = true; + } + if (params.tapHold && params.tapHoldPreventClicks && tapHoldFired) { + allowClick = false; + } + if (!allowClick) { + e.stopImmediatePropagation(); + e.stopPropagation(); + if (targetElement) { + if (targetNeedsPrevent(targetElement) || isMoved) { + e.preventDefault(); + } + } else { + e.preventDefault(); + } + targetElement = null; + } + needsFastClickTimeOut = setTimeout(function () { + needsFastClick = false; + }, (Device.ios || Device.androidChrome ? 100 : 400)); + + if (params.tapHold) { + tapHoldTimeout = setTimeout(function () { + tapHoldFired = false; + }, (Device.ios || Device.androidChrome ? 100 : 400)); + } + + return allowClick; + } + + function emitAppTouchEvent(name, e) { + app.emit({ + events: name, + data: [e], + }); + } + function appClick(e) { + emitAppTouchEvent('click', e); + } + function appTouchStartActive(e) { + emitAppTouchEvent('touchstart touchstart:active', e); + } + function appTouchMoveActive(e) { + emitAppTouchEvent('touchmove touchmove:active', e); + } + function appTouchEndActive(e) { + emitAppTouchEvent('touchend touchend:active', e); + } + function appTouchStartPassive(e) { + emitAppTouchEvent('touchstart:passive', e); + } + function appTouchMovePassive(e) { + emitAppTouchEvent('touchmove:passive', e); + } + function appTouchEndPassive(e) { + emitAppTouchEvent('touchend:passive', e); + } + + var passiveListener = Support.passiveListener ? { passive: true } : false; + var activeListener = Support.passiveListener ? { passive: false } : false; + + doc.addEventListener('click', appClick, true); + + if (Support.passiveListener) { + doc.addEventListener(app.touchEvents.start, appTouchStartActive, activeListener); + doc.addEventListener(app.touchEvents.move, appTouchMoveActive, activeListener); + doc.addEventListener(app.touchEvents.end, appTouchEndActive, activeListener); + + doc.addEventListener(app.touchEvents.start, appTouchStartPassive, passiveListener); + doc.addEventListener(app.touchEvents.move, appTouchMovePassive, passiveListener); + doc.addEventListener(app.touchEvents.end, appTouchEndPassive, passiveListener); + } else { + doc.addEventListener(app.touchEvents.start, function (e) { + appTouchStartActive(e); + appTouchStartPassive(e); + }, false); + doc.addEventListener(app.touchEvents.move, function (e) { + appTouchMoveActive(e); + appTouchMovePassive(e); + }, false); + doc.addEventListener(app.touchEvents.end, function (e) { + appTouchEndActive(e); + appTouchEndPassive(e); + }, false); + } + + if (Support.touch) { + app.on('click', handleClick); + app.on('touchstart', handleTouchStart); + app.on('touchmove', handleTouchMove); + app.on('touchend', handleTouchEnd); + doc.addEventListener('touchcancel', handleTouchCancel, { passive: true }); + } else if (params.activeState) { + app.on('touchstart', handleMouseDown); + app.on('touchmove', handleMouseMove); + app.on('touchend', handleMouseUp); + } + doc.addEventListener('contextmenu', function (e) { + if (params.disableContextMenu && (Device.ios || Device.android || Device.cordova)) { + e.preventDefault(); + } + if (useRipple) { + if (activableElement) { removeActive(); } + rippleTouchEnd(); + } + }); + } + + var TouchModule = { + name: 'touch', + params: { + touch: { + // Fast clicks + fastClicks: true, + fastClicksDistanceThreshold: 10, + fastClicksDelayBetweenClicks: 50, + fastClicksExclude: '', // CSS selector + // ContextMenu + disableContextMenu: true, + // Tap Hold + tapHold: false, + tapHoldDelay: 750, + tapHoldPreventClicks: true, + // Active State + activeState: true, + activeStateElements: 'a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus', + materialRipple: true, + materialRippleElements: '.ripple, .link, .item-link, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus', + }, + }, + instance: { + touchEvents: { + start: Support.touch ? 'touchstart' : 'mousedown', + move: Support.touch ? 'touchmove' : 'mousemove', + end: Support.touch ? 'touchend' : 'mouseup', + }, + }, + on: { + init: initTouch, + }, + }; + + /** + * Expose `pathToRegexp`. + */ + var pathToRegexp_1 = pathToRegexp; + var parse_1 = parse; + var compile_1 = compile; + var tokensToFunction_1 = tokensToFunction; + var tokensToRegExp_1 = tokensToRegExp; + + /** + * Default configs. + */ + var DEFAULT_DELIMITER = '/'; + + /** + * The main path matching regexp utility. + * + * @type {RegExp} + */ + var PATH_REGEXP = new RegExp([ + // Match escaped characters that would otherwise appear in future matches. + // This allows the user to escape special characters that won't transform. + '(\\\\.)', + // Match Express-style parameters and un-named parameters with a prefix + // and optional suffixes. Matches appear as: + // + // ":test(\\d+)?" => ["test", "\d+", undefined, "?"] + // "(\\d+)" => [undefined, undefined, "\d+", undefined] + '(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?' + ].join('|'), 'g'); + + /** + * Parse a string for the raw tokens. + * + * @param {string} str + * @param {Object=} options + * @return {!Array} + */ + function parse (str, options) { + var tokens = []; + var key = 0; + var index = 0; + var path = ''; + var defaultDelimiter = (options && options.delimiter) || DEFAULT_DELIMITER; + var whitelist = (options && options.whitelist) || undefined; + var pathEscaped = false; + var res; + + while ((res = PATH_REGEXP.exec(str)) !== null) { + var m = res[0]; + var escaped = res[1]; + var offset = res.index; + path += str.slice(index, offset); + index = offset + m.length; + + // Ignore already escaped sequences. + if (escaped) { + path += escaped[1]; + pathEscaped = true; + continue + } + + var prev = ''; + var name = res[2]; + var capture = res[3]; + var group = res[4]; + var modifier = res[5]; + + if (!pathEscaped && path.length) { + var k = path.length - 1; + var c = path[k]; + var matches = whitelist ? whitelist.indexOf(c) > -1 : true; + + if (matches) { + prev = c; + path = path.slice(0, k); + } + } + + // Push the current path onto the tokens. + if (path) { + tokens.push(path); + path = ''; + pathEscaped = false; + } + + var repeat = modifier === '+' || modifier === '*'; + var optional = modifier === '?' || modifier === '*'; + var pattern = capture || group; + var delimiter = prev || defaultDelimiter; + + tokens.push({ + name: name || key++, + prefix: prev, + delimiter: delimiter, + optional: optional, + repeat: repeat, + pattern: pattern + ? escapeGroup(pattern) + : '[^' + escapeString(delimiter === defaultDelimiter ? delimiter : (delimiter + defaultDelimiter)) + ']+?' + }); + } + + // Push any remaining characters. + if (path || index < str.length) { + tokens.push(path + str.substr(index)); + } + + return tokens + } + + /** + * Compile a string to a template function for the path. + * + * @param {string} str + * @param {Object=} options + * @return {!function(Object=, Object=)} + */ + function compile (str, options) { + return tokensToFunction(parse(str, options)) + } + + /** + * Expose a method for transforming tokens into the path function. + */ + function tokensToFunction (tokens) { + // Compile all the tokens into regexps. + var matches = new Array(tokens.length); + + // Compile all the patterns before compilation. + for (var i = 0; i < tokens.length; i++) { + if (typeof tokens[i] === 'object') { + matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$'); + } + } + + return function (data, options) { + var path = ''; + var encode = (options && options.encode) || encodeURIComponent; + + for (var i = 0; i < tokens.length; i++) { + var token = tokens[i]; + + if (typeof token === 'string') { + path += token; + continue + } + + var value = data ? data[token.name] : undefined; + var segment; + + if (Array.isArray(value)) { + if (!token.repeat) { + throw new TypeError('Expected "' + token.name + '" to not repeat, but got array') + } + + if (value.length === 0) { + if (token.optional) { continue } + + throw new TypeError('Expected "' + token.name + '" to not be empty') + } + + for (var j = 0; j < value.length; j++) { + segment = encode(value[j], token); + + if (!matches[i].test(segment)) { + throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '"') + } + + path += (j === 0 ? token.prefix : token.delimiter) + segment; + } + + continue + } + + if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') { + segment = encode(String(value), token); + + if (!matches[i].test(segment)) { + throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but got "' + segment + '"') + } + + path += token.prefix + segment; + continue + } + + if (token.optional) { continue } + + throw new TypeError('Expected "' + token.name + '" to be ' + (token.repeat ? 'an array' : 'a string')) + } + + return path + } + } + + /** + * Escape a regular expression string. + * + * @param {string} str + * @return {string} + */ + function escapeString (str) { + return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1') + } + + /** + * Escape the capturing group by escaping special characters and meaning. + * + * @param {string} group + * @return {string} + */ + function escapeGroup (group) { + return group.replace(/([=!:$/()])/g, '\\$1') + } + + /** + * Get the flags for a regexp from the options. + * + * @param {Object} options + * @return {string} + */ + function flags (options) { + return options && options.sensitive ? '' : 'i' + } + + /** + * Pull out keys from a regexp. + * + * @param {!RegExp} path + * @param {Array=} keys + * @return {!RegExp} + */ + function regexpToRegexp (path, keys) { + if (!keys) { return path } + + // Use a negative lookahead to match only capturing groups. + var groups = path.source.match(/\((?!\?)/g); + + if (groups) { + for (var i = 0; i < groups.length; i++) { + keys.push({ + name: i, + prefix: null, + delimiter: null, + optional: false, + repeat: false, + pattern: null + }); + } + } + + return path + } + + /** + * Transform an array into a regexp. + * + * @param {!Array} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function arrayToRegexp (path, keys, options) { + var parts = []; + + for (var i = 0; i < path.length; i++) { + parts.push(pathToRegexp(path[i], keys, options).source); + } + + return new RegExp('(?:' + parts.join('|') + ')', flags(options)) + } + + /** + * Create a path regexp from string input. + * + * @param {string} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function stringToRegexp (path, keys, options) { + return tokensToRegExp(parse(path, options), keys, options) + } + + /** + * Expose a function for taking tokens and returning a RegExp. + * + * @param {!Array} tokens + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function tokensToRegExp (tokens, keys, options) { + options = options || {}; + + var strict = options.strict; + var start = options.start !== false; + var end = options.end !== false; + var delimiter = options.delimiter || DEFAULT_DELIMITER; + var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|'); + var route = start ? '^' : ''; + + // Iterate over the tokens and create our regexp string. + for (var i = 0; i < tokens.length; i++) { + var token = tokens[i]; + + if (typeof token === 'string') { + route += escapeString(token); + } else { + var capture = token.repeat + ? '(?:' + token.pattern + ')(?:' + escapeString(token.delimiter) + '(?:' + token.pattern + '))*' + : token.pattern; + + if (keys) { keys.push(token); } + + if (token.optional) { + if (!token.prefix) { + route += '(' + capture + ')?'; + } else { + route += '(?:' + escapeString(token.prefix) + '(' + capture + '))?'; + } + } else { + route += escapeString(token.prefix) + '(' + capture + ')'; + } + } + } + + if (end) { + if (!strict) { route += '(?:' + escapeString(delimiter) + ')?'; } + + route += endsWith === '$' ? '$' : '(?=' + endsWith + ')'; + } else { + var endToken = tokens[tokens.length - 1]; + var isEndDelimited = typeof endToken === 'string' + ? endToken[endToken.length - 1] === delimiter + : endToken === undefined; + + if (!strict) { route += '(?:' + escapeString(delimiter) + '(?=' + endsWith + '))?'; } + if (!isEndDelimited) { route += '(?=' + escapeString(delimiter) + '|' + endsWith + ')'; } + } + + return new RegExp(route, flags(options)) + } + + /** + * Normalize the given path string, returning a regular expression. + * + * An empty array can be passed in for the keys, which will hold the + * placeholder key descriptions. For example, using `/user/:id`, `keys` will + * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`. + * + * @param {(string|RegExp|Array)} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function pathToRegexp (path, keys, options) { + if (path instanceof RegExp) { + return regexpToRegexp(path, keys) + } + + if (Array.isArray(path)) { + return arrayToRegexp(/** @type {!Array} */ (path), keys, options) + } + + return stringToRegexp(/** @type {string} */ (path), keys, options) + } + pathToRegexp_1.parse = parse_1; + pathToRegexp_1.compile = compile_1; + pathToRegexp_1.tokensToFunction = tokensToFunction_1; + pathToRegexp_1.tokensToRegExp = tokensToRegExp_1; + + var History = { + queue: [], + clearQueue: function clearQueue() { + if (History.queue.length === 0) { return; } + var currentQueue = History.queue.shift(); + currentQueue(); + }, + routerQueue: [], + clearRouterQueue: function clearRouterQueue() { + if (History.routerQueue.length === 0) { return; } + var currentQueue = History.routerQueue.pop(); + var router = currentQueue.router; + var stateUrl = currentQueue.stateUrl; + var action = currentQueue.action; + + var animate = router.params.animate; + if (router.params.pushStateAnimate === false) { animate = false; } + + if (action === 'back') { + router.back({ animate: animate, pushState: false }); + } + if (action === 'load') { + router.navigate(stateUrl, { animate: animate, pushState: false }); + } + }, + handle: function handle(e) { + if (History.blockPopstate) { return; } + var app = this; + // const mainView = app.views.main; + var state = e.state; + History.previousState = History.state; + History.state = state; + + History.allowChange = true; + History.clearQueue(); + + state = History.state; + if (!state) { state = {}; } + + app.views.forEach(function (view) { + var router = view.router; + var viewState = state[view.id]; + if (!viewState && view.params.pushState) { + viewState = { + url: view.router.history[0], + }; + } + if (!viewState) { return; } + var stateUrl = viewState.url || undefined; + + var animate = router.params.animate; + if (router.params.pushStateAnimate === false) { animate = false; } + + if (stateUrl !== router.url) { + if (router.history.indexOf(stateUrl) >= 0) { + // Go Back + if (router.allowPageChange) { + router.back({ animate: animate, pushState: false }); + } else { + History.routerQueue.push({ + action: 'back', + router: router, + }); + } + } else if (router.allowPageChange) { + // Load page + router.navigate(stateUrl, { animate: animate, pushState: false }); + } else { + History.routerQueue.unshift({ + action: 'load', + stateUrl: stateUrl, + router: router, + }); + } + } + }); + }, + initViewState: function initViewState(viewId, viewState) { + var obj; + + var newState = Utils.extend({}, (History.state || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.replaceState(newState, ''); + }, + push: function push(viewId, viewState, url) { + var obj; + + if (!History.allowChange) { + History.queue.push(function () { + History.push(viewId, viewState, url); + }); + return; + } + History.previousState = History.state; + var newState = Utils.extend({}, (History.previousState || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.pushState(newState, '', url); + }, + replace: function replace(viewId, viewState, url) { + var obj; + + if (!History.allowChange) { + History.queue.push(function () { + History.replace(viewId, viewState, url); + }); + return; + } + History.previousState = History.state; + var newState = Utils.extend({}, (History.previousState || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.replaceState(newState, '', url); + }, + go: function go(index) { + History.allowChange = false; + win.history.go(index); + }, + back: function back() { + History.allowChange = false; + win.history.back(); + }, + allowChange: true, + previousState: {}, + state: win.history.state, + blockPopstate: true, + init: function init(app) { + $(win).on('load', function () { + setTimeout(function () { + History.blockPopstate = false; + }, 0); + }); + + if (doc.readyState && doc.readyState === 'complete') { + History.blockPopstate = false; + } + + $(win).on('popstate', History.handle.bind(app)); + }, + }; + + function SwipeBack(r) { + var router = r; + var $el = router.$el; + var $navbarEl = router.$navbarEl; + var app = router.app; + var params = router.params; + var isTouched = false; + var isMoved = false; + var touchesStart = {}; + var isScrolling; + var currentPage = []; + var previousPage = []; + var viewContainerWidth; + var touchesDiff; + var allowViewTouchMove = true; + var touchStartTime; + var currentNavbar = []; + var previousNavbar = []; + var currentNavElements; + var previousNavElements; + var activeNavBackIcon; + var activeNavBackIconText; + var previousNavBackIcon; + // let previousNavBackIconText; + var dynamicNavbar; + var separateNavbar; + var pageShadow; + var pageOpacity; + var navbarWidth; + + var paramsSwipeBackAnimateShadow = params[((app.theme) + "SwipeBackAnimateShadow")]; + var paramsSwipeBackAnimateOpacity = params[((app.theme) + "SwipeBackAnimateOpacity")]; + var paramsSwipeBackActiveArea = params[((app.theme) + "SwipeBackActiveArea")]; + var paramsSwipeBackThreshold = params[((app.theme) + "SwipeBackThreshold")]; + + function handleTouchStart(e) { + var swipeBackEnabled = params[((app.theme) + "SwipeBack")]; + if (!allowViewTouchMove || !swipeBackEnabled || isTouched || (app.swipeout && app.swipeout.el) || !router.allowPageChange) { return; } + if ($(e.target).closest('.range-slider, .calendar-months').length > 0) { return; } + isMoved = false; + isTouched = true; + isScrolling = undefined; + touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + touchStartTime = Utils.now(); + dynamicNavbar = router.dynamicNavbar; + separateNavbar = router.separateNavbar; + } + function handleTouchMove(e) { + if (!isTouched) { return; } + var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; + if (typeof isScrolling === 'undefined') { + isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)) || (pageX < touchesStart.x && !app.rtl) || (pageX > touchesStart.x && app.rtl); + } + if (isScrolling || e.f7PreventSwipeBack || app.preventSwipeBack) { + isTouched = false; + return; + } + if (!isMoved) { + // Calc values during first move fired + var cancel = false; + var target = $(e.target); + + var swipeout = target.closest('.swipeout'); + if (swipeout.length > 0) { + if (!app.rtl && swipeout.find('.swipeout-actions-left').length > 0) { cancel = true; } + if (app.rtl && swipeout.find('.swipeout-actions-right').length > 0) { cancel = true; } + } + + currentPage = target.closest('.page'); + if (currentPage.hasClass('no-swipeback') || target.closest('.no-swipeback').length > 0) { cancel = true; } + previousPage = $el.find('.page-previous:not(.stacked)'); + + var notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; + viewContainerWidth = $el.width(); + if (app.rtl) { + notFromBorder = touchesStart.x < ($el.offset().left - $el[0].scrollLeft) + (viewContainerWidth - paramsSwipeBackActiveArea); + } else { + notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; + } + if (notFromBorder) { cancel = true; } + if (previousPage.length === 0 || currentPage.length === 0) { cancel = true; } + if (cancel) { + isTouched = false; + return; + } + + if (paramsSwipeBackAnimateShadow) { + pageShadow = currentPage.find('.page-shadow-effect'); + if (pageShadow.length === 0) { + pageShadow = $('

'); + currentPage.append(pageShadow); + } + } + if (paramsSwipeBackAnimateOpacity) { + pageOpacity = previousPage.find('.page-opacity-effect'); + if (pageOpacity.length === 0) { + pageOpacity = $('
'); + previousPage.append(pageOpacity); + } + } + + if (dynamicNavbar) { + if (separateNavbar) { + currentNavbar = $navbarEl.find('.navbar-current:not(.stacked)'); + previousNavbar = $navbarEl.find('.navbar-previous:not(.stacked)'); + } else { + currentNavbar = currentPage.children('.navbar').children('.navbar-inner'); + previousNavbar = previousPage.children('.navbar').children('.navbar-inner'); + } + navbarWidth = $navbarEl[0].offsetWidth; + currentNavElements = currentNavbar.children('.left, .title, .right, .subnavbar, .fading'); + previousNavElements = previousNavbar.children('.left, .title, .right, .subnavbar, .fading'); + if (params.iosAnimateNavbarBackIcon) { + if (currentNavbar.hasClass('sliding')) { + activeNavBackIcon = currentNavbar.children('.left').find('.back .icon'); + activeNavBackIconText = currentNavbar.children('.left').find('.back span').eq(0); + } else { + activeNavBackIcon = currentNavbar.children('.left.sliding').find('.back .icon'); + activeNavBackIconText = currentNavbar.children('.left.sliding').find('.back span').eq(0); + } + if (previousNavbar.hasClass('sliding')) { + previousNavBackIcon = previousNavbar.children('.left').find('.back .icon'); + } else { + previousNavBackIcon = previousNavbar.children('.left.sliding').find('.back .icon'); + } + } + } + + // Close/Hide Any Picker + if ($('.sheet.modal-in').length > 0 && app.sheet) { + app.sheet.close($('.sheet.modal-in')); + } + } + e.f7PreventPanelSwipe = true; + isMoved = true; + app.preventSwipePanelBySwipeBack = true; + e.preventDefault(); + + // RTL inverter + var inverter = app.rtl ? -1 : 1; + + // Touches diff + touchesDiff = (pageX - touchesStart.x - paramsSwipeBackThreshold) * inverter; + if (touchesDiff < 0) { touchesDiff = 0; } + var percentage = touchesDiff / viewContainerWidth; + + // Swipe Back Callback + var callbackData = { + percentage: percentage, + currentPageEl: currentPage[0], + previousPageEl: previousPage[0], + currentNavbarEl: currentNavbar[0], + previousNavbarEl: previousNavbar[0], + }; + $el.trigger('swipeback:move', callbackData); + router.emit('swipebackMove', callbackData); + + // Transform pages + var currentPageTranslate = touchesDiff * inverter; + var previousPageTranslate = ((touchesDiff / 5) - (viewContainerWidth / 5)) * inverter; + if (Device.pixelRatio === 1) { + currentPageTranslate = Math.round(currentPageTranslate); + previousPageTranslate = Math.round(previousPageTranslate); + } + + router.swipeBackActive = true; + $([currentPage[0], previousPage[0]]).addClass('page-swipeback-active'); + + currentPage.transform(("translate3d(" + currentPageTranslate + "px,0,0)")); + if (paramsSwipeBackAnimateShadow) { pageShadow[0].style.opacity = 1 - (1 * percentage); } + + if (app.theme !== 'md') { + previousPage.transform(("translate3d(" + previousPageTranslate + "px,0,0)")); + } + if (paramsSwipeBackAnimateOpacity) { pageOpacity[0].style.opacity = 1 - (1 * percentage); } + + // Dynamic Navbars Animation + if (dynamicNavbar) { + currentNavElements.each(function (index, navEl) { + var $navEl = $(navEl); + if (!$navEl.is('.subnavbar')) { $navEl[0].style.opacity = (1 - (Math.pow( percentage, 0.33 ))); } + if ($navEl[0].className.indexOf('sliding') >= 0 || currentNavbar.hasClass('sliding')) { + var activeNavTranslate = percentage * $navEl[0].f7NavbarRightOffset; + if (Device.pixelRatio === 1) { activeNavTranslate = Math.round(activeNavTranslate); } + $navEl.transform(("translate3d(" + activeNavTranslate + "px,0,0)")); + if (params.iosAnimateNavbarBackIcon) { + if ($navEl[0].className.indexOf('left') >= 0 && activeNavBackIcon.length > 0) { + var iconTranslate = -activeNavTranslate; + if (!separateNavbar) { + iconTranslate -= navbarWidth * percentage; + } + activeNavBackIcon.transform(("translate3d(" + iconTranslate + "px,0,0)")); + } + } + } + }); + previousNavElements.each(function (index, navEl) { + var $navEl = $(navEl); + if (!$navEl.is('.subnavbar')) { $navEl[0].style.opacity = (Math.pow( percentage, 3 )); } + if ($navEl[0].className.indexOf('sliding') >= 0 || previousNavbar.hasClass('sliding')) { + var previousNavTranslate = $navEl[0].f7NavbarLeftOffset * (1 - percentage); + if ($navEl[0].className.indexOf('title') >= 0 && activeNavBackIcon && activeNavBackIcon.length && activeNavBackIconText.length) { + previousNavTranslate = ($navEl[0].f7NavbarLeftOffset + activeNavBackIconText[0].offsetLeft) * (1 - percentage); + } else { + previousNavTranslate = $navEl[0].f7NavbarLeftOffset * (1 - percentage); + } + if (Device.pixelRatio === 1) { previousNavTranslate = Math.round(previousNavTranslate); } + $navEl.transform(("translate3d(" + previousNavTranslate + "px,0,0)")); + if (params.iosAnimateNavbarBackIcon) { + if ($navEl[0].className.indexOf('left') >= 0 && previousNavBackIcon.length > 0) { + var iconTranslate = -previousNavTranslate; + if (!separateNavbar) { + iconTranslate += (navbarWidth / 5) * (1 - percentage); + } + previousNavBackIcon.transform(("translate3d(" + iconTranslate + "px,0,0)")); + } + } + } + }); + } + } + function handleTouchEnd() { + app.preventSwipePanelBySwipeBack = false; + if (!isTouched || !isMoved) { + isTouched = false; + isMoved = false; + return; + } + isTouched = false; + isMoved = false; + router.swipeBackActive = false; + $([currentPage[0], previousPage[0]]).removeClass('page-swipeback-active'); + if (touchesDiff === 0) { + $([currentPage[0], previousPage[0]]).transform(''); + if (pageShadow && pageShadow.length > 0) { pageShadow.remove(); } + if (pageOpacity && pageOpacity.length > 0) { pageOpacity.remove(); } + if (dynamicNavbar) { + currentNavElements.transform('').css({ opacity: '' }); + previousNavElements.transform('').css({ opacity: '' }); + if (activeNavBackIcon && activeNavBackIcon.length > 0) { activeNavBackIcon.transform(''); } + if (previousNavBackIcon && activeNavBackIcon.length > 0) { previousNavBackIcon.transform(''); } + } + return; + } + var timeDiff = Utils.now() - touchStartTime; + var pageChanged = false; + // Swipe back to previous page + if ( + (timeDiff < 300 && touchesDiff > 10) + || (timeDiff >= 300 && touchesDiff > viewContainerWidth / 2) + ) { + currentPage.removeClass('page-current').addClass(("page-next" + (app.theme === 'md' ? ' page-next-on-right' : ''))); + previousPage.removeClass('page-previous').addClass('page-current').removeAttr('aria-hidden'); + if (pageShadow) { pageShadow[0].style.opacity = ''; } + if (pageOpacity) { pageOpacity[0].style.opacity = ''; } + if (dynamicNavbar) { + currentNavbar.removeClass('navbar-current').addClass('navbar-next'); + previousNavbar.removeClass('navbar-previous').addClass('navbar-current').removeAttr('aria-hidden'); + } + pageChanged = true; + } + // Reset custom styles + // Add transitioning class for transition-duration + $([currentPage[0], previousPage[0]]).addClass('page-transitioning page-transitioning-swipeback').transform(''); + + if (dynamicNavbar) { + currentNavElements.css({ opacity: '' }) + .each(function (navElIndex, navEl) { + var translate = pageChanged ? navEl.f7NavbarRightOffset : 0; + var sliding = $(navEl); + var iconTranslate = pageChanged ? -translate : 0; + if (!separateNavbar && pageChanged) { iconTranslate -= navbarWidth; } + sliding.transform(("translate3d(" + translate + "px,0,0)")); + if (params.iosAnimateNavbarBackIcon) { + if (sliding.hasClass('left') && activeNavBackIcon.length > 0) { + activeNavBackIcon.addClass('navbar-transitioning').transform(("translate3d(" + iconTranslate + "px,0,0)")); + } + } + }).addClass('navbar-transitioning'); + + previousNavElements.transform('').css({ opacity: '' }).each(function (navElIndex, navEl) { + var translate = pageChanged ? 0 : navEl.f7NavbarLeftOffset; + var sliding = $(navEl); + var iconTranslate = pageChanged ? 0 : -translate; + if (!separateNavbar && !pageChanged) { iconTranslate += navbarWidth / 5; } + sliding.transform(("translate3d(" + translate + "px,0,0)")); + if (params.iosAnimateNavbarBackIcon) { + if (sliding.hasClass('left') && previousNavBackIcon.length > 0) { + previousNavBackIcon.addClass('navbar-transitioning').transform(("translate3d(" + iconTranslate + "px,0,0)")); + } + } + }).addClass('navbar-transitioning'); + } + allowViewTouchMove = false; + router.allowPageChange = false; + + // Swipe Back Callback + var callbackData = { + currentPageEl: currentPage[0], + previousPageEl: previousPage[0], + currentNavbarEl: currentNavbar[0], + previousNavbarEl: previousNavbar[0], + }; + + if (pageChanged) { + // Update Route + router.currentRoute = previousPage[0].f7Page.route; + router.currentPage = previousPage[0]; + + // Page before animation callback + router.pageCallback('beforeOut', currentPage, currentNavbar, 'current', 'next', { route: currentPage[0].f7Page.route, swipeBack: true }); + router.pageCallback('beforeIn', previousPage, previousNavbar, 'previous', 'current', { route: previousPage[0].f7Page.route, swipeBack: true }); + + $el.trigger('swipeback:beforechange', callbackData); + router.emit('swipebackBeforeChange', callbackData); + } else { + $el.trigger('swipeback:beforereset', callbackData); + router.emit('swipebackBeforeReset', callbackData); + } + + currentPage.transitionEnd(function () { + $([currentPage[0], previousPage[0]]).removeClass('page-transitioning page-transitioning-swipeback'); + + if (dynamicNavbar) { + currentNavElements.removeClass('navbar-transitioning').css({ opacity: '' }).transform(''); + previousNavElements.removeClass('navbar-transitioning').css({ opacity: '' }).transform(''); + if (activeNavBackIcon && activeNavBackIcon.length > 0) { activeNavBackIcon.removeClass('navbar-transitioning'); } + if (previousNavBackIcon && previousNavBackIcon.length > 0) { previousNavBackIcon.removeClass('navbar-transitioning'); } + } + allowViewTouchMove = true; + router.allowPageChange = true; + if (pageChanged) { + // Update History + if (router.history.length === 1) { + router.history.unshift(router.url); + } + router.history.pop(); + router.saveHistory(); + + // Update push state + if (params.pushState) { + History.back(); + } + + // Page after animation callback + router.pageCallback('afterOut', currentPage, currentNavbar, 'current', 'next', { route: currentPage[0].f7Page.route, swipeBack: true }); + router.pageCallback('afterIn', previousPage, previousNavbar, 'previous', 'current', { route: previousPage[0].f7Page.route, swipeBack: true }); + + // Remove Old Page + if (params.stackPages && router.initialPages.indexOf(currentPage[0]) >= 0) { + currentPage.addClass('stacked'); + if (separateNavbar) { + currentNavbar.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', currentPage, currentNavbar, 'next', { swipeBack: true }); + router.removePage(currentPage); + if (separateNavbar) { + router.removeNavbar(currentNavbar); + } + } + + $el.trigger('swipeback:afterchange', callbackData); + router.emit('swipebackAfterChange', callbackData); + + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + if (params.preloadPreviousPage) { + router.back(router.history[router.history.length - 2], { preload: true }); + } + } else { + $el.trigger('swipeback:afterreset', callbackData); + router.emit('swipebackAfterReset', callbackData); + } + if (pageShadow && pageShadow.length > 0) { pageShadow.remove(); } + if (pageOpacity && pageOpacity.length > 0) { pageOpacity.remove(); } + }); + } + + function attachEvents() { + var passiveListener = (app.touchEvents.start === 'touchstart' && Support.passiveListener) ? { passive: true, capture: false } : false; + $el.on(app.touchEvents.start, handleTouchStart, passiveListener); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + } + function detachEvents() { + var passiveListener = (app.touchEvents.start === 'touchstart' && Support.passiveListener) ? { passive: true, capture: false } : false; + $el.off(app.touchEvents.start, handleTouchStart, passiveListener); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + } + + attachEvents(); + + router.on('routerDestroy', detachEvents); + } + + function redirect (direction, route, options) { + var router = this; + var redirect = route.route.redirect; + if (options.initial && router.params.pushState) { + options.replaceState = true; // eslint-disable-line + options.history = true; // eslint-disable-line + } + function redirectResolve(redirectUrl, redirectOptions) { + if ( redirectOptions === void 0 ) redirectOptions = {}; + + router.allowPageChange = true; + router[direction](redirectUrl, Utils.extend({}, options, redirectOptions)); + } + function redirectReject() { + router.allowPageChange = true; + } + if (typeof redirect === 'function') { + router.allowPageChange = false; + var redirectUrl = redirect.call(router, route, redirectResolve, redirectReject); + if (redirectUrl && typeof redirectUrl === 'string') { + router.allowPageChange = true; + return router[direction](redirectUrl, options); + } + return router; + } + return router[direction](redirect, options); + } + + function processQueue(router, routerQueue, routeQueue, to, from, resolve, reject) { + var queue = []; + + if (Array.isArray(routeQueue)) { + queue.push.apply(queue, routeQueue); + } else if (routeQueue && typeof routeQueue === 'function') { + queue.push(routeQueue); + } + if (routerQueue) { + if (Array.isArray(routerQueue)) { + queue.push.apply(queue, routerQueue); + } else { + queue.push(routerQueue); + } + } + + function next() { + if (queue.length === 0) { + resolve(); + return; + } + var queueItem = queue.shift(); + + queueItem.call( + router, + to, + from, + function () { + next(); + }, + function () { + reject(); + } + ); + } + next(); + } + + function processRouteQueue (to, from, resolve, reject) { + var router = this; + function enterNextRoute() { + if (to && to.route && (router.params.routesBeforeEnter || to.route.beforeEnter)) { + router.allowPageChange = false; + processQueue( + router, + router.params.routesBeforeEnter, + to.route.beforeEnter, + to, + from, + function () { + router.allowPageChange = true; + resolve(); + }, + function () { + reject(); + } + ); + } else { + resolve(); + } + } + function leaveCurrentRoute() { + if (from && from.route && (router.params.routesBeforeLeave || from.route.beforeLeave)) { + router.allowPageChange = false; + processQueue( + router, + router.params.routesBeforeLeave, + from.route.beforeLeave, + to, + from, + function () { + router.allowPageChange = true; + enterNextRoute(); + }, + function () { + reject(); + } + ); + } else { + enterNextRoute(); + } + } + leaveCurrentRoute(); + } + + function appRouterCheck (router, method) { + if (!router.view) { + throw new Error(("Framework7: it is not allowed to use router methods on global app router. Use router methods only on related View, e.g. app.views.main.router." + method + "(...)")); + } + } + + function refreshPage() { + var router = this; + appRouterCheck(router, 'refreshPage'); + return router.navigate(router.currentRoute.url, { + ignoreCache: true, + reloadCurrent: true, + }); + } + + function forward(el, forwardOptions) { + if ( forwardOptions === void 0 ) forwardOptions = {}; + + var router = this; + var $el = $(el); + var app = router.app; + var view = router.view; + var options = Utils.extend(false, { + animate: router.params.animate, + pushState: true, + replaceState: false, + history: true, + reloadCurrent: router.params.reloadPages, + reloadPrevious: false, + reloadAll: false, + clearPreviousHistory: false, + on: {}, + }, forwardOptions); + + var currentRouteIsModal = router.currentRoute.modal; + var modalType; + if (!currentRouteIsModal) { + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (router.currentRoute && router.currentRoute.route && router.currentRoute.route[modalLoadProp]) { + currentRouteIsModal = true; + modalType = modalLoadProp; + } + }); + } + + if (currentRouteIsModal) { + var modalToClose = router.currentRoute.modal + || router.currentRoute.route.modalInstance + || app[modalType].get(); + var previousUrl = router.history[router.history.length - 2]; + var previousRoute = router.findMatchingRoute(previousUrl); + if (!previousRoute && previousUrl) { + previousRoute = { + url: previousUrl, + path: previousUrl.split('?')[0], + query: Utils.parseUrlQuery(previousUrl), + route: { + path: previousUrl.split('?')[0], + url: previousUrl, + }, + }; + } + + router.modalRemove(modalToClose); + } + + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + + var $viewEl = router.$el; + var $newPage = $el; + var reload = options.reloadPrevious || options.reloadCurrent || options.reloadAll; + var $oldPage; + + var $navbarEl; + var $newNavbarInner; + var $oldNavbarInner; + + router.allowPageChange = false; + if ($newPage.length === 0) { + router.allowPageChange = true; + return router; + } + + if ($newPage.length) { + // Remove theme elements + router.removeThemeElements($newPage); + } + + if (dynamicNavbar) { + $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); + if (separateNavbar) { + $navbarEl = router.$navbarEl; + if ($newNavbarInner.length > 0) { + $newPage.children('.navbar').remove(); + } + if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + // Try from pageData + $newNavbarInner = $newPage[0].f7Page.$navbarEl; + } + } + } + + // Save Keep Alive Cache + if (options.route && options.route.route && options.route.route.keepAlive && !options.route.route.keepAliveData) { + options.route.route.keepAliveData = { + pageEl: $el[0], + }; + } + + // Pages In View + var $pagesInView = $viewEl + .children('.page:not(.stacked)') + .filter(function (index, pageInView) { return pageInView !== $newPage[0]; }); + + // Navbars In View + var $navbarsInView; + if (separateNavbar) { + $navbarsInView = $navbarEl + .children('.navbar-inner:not(.stacked)') + .filter(function (index, navbarInView) { return navbarInView !== $newNavbarInner[0]; }); + } + + // Exit when reload previous and only 1 page in view so nothing ro reload + if (options.reloadPrevious && $pagesInView.length < 2) { + router.allowPageChange = true; + return router; + } + + // New Page + var newPagePosition = 'next'; + if (options.reloadCurrent || options.reloadAll) { + newPagePosition = 'current'; + } else if (options.reloadPrevious) { + newPagePosition = 'previous'; + } + $newPage + .addClass(("page-" + newPagePosition)) + .removeClass('stacked') + .trigger('page:unstack') + .trigger('page:position', { position: newPagePosition }); + + if (dynamicNavbar && $newNavbarInner.length) { + $newNavbarInner + .addClass(("navbar-" + newPagePosition)) + .removeClass('stacked'); + } + + // Find Old Page + if (options.reloadCurrent) { + $oldPage = $pagesInView.eq($pagesInView.length - 1); + if (separateNavbar) { + // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 1); + $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + } + } else if (options.reloadPrevious) { + $oldPage = $pagesInView.eq($pagesInView.length - 2); + if (separateNavbar) { + // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 2); + $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + } + } else if (options.reloadAll) { + $oldPage = $pagesInView.filter(function (index, pageEl) { return pageEl !== $newPage[0]; }); + if (separateNavbar) { + $oldNavbarInner = $navbarsInView.filter(function (index, navbarEl) { return navbarEl !== $newNavbarInner[0]; }); + } + } else { + if ($pagesInView.length > 1) { + var i = 0; + for (i = 0; i < $pagesInView.length - 1; i += 1) { + var oldNavbarInnerEl = app.navbar.getElByPage($pagesInView.eq(i)); + if (router.params.stackPages) { + $pagesInView.eq(i).addClass('stacked'); + $pagesInView.eq(i).trigger('page:stack'); + if (separateNavbar) { + // $navbarsInView.eq(i).addClass('stacked'); + $(oldNavbarInnerEl).addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $pagesInView[i], $navbarsInView && $navbarsInView[i], 'previous', undefined, options); + router.removePage($pagesInView[i]); + if (separateNavbar && oldNavbarInnerEl) { + router.removeNavbar(oldNavbarInnerEl); + } + } + } + } + $oldPage = $viewEl + .children('.page:not(.stacked)') + .filter(function (index, page) { return page !== $newPage[0]; }); + if (separateNavbar) { + $oldNavbarInner = $navbarEl + .children('.navbar-inner:not(.stacked)') + .filter(function (index, navbarInner) { return navbarInner !== $newNavbarInner[0]; }); + } + } + if (dynamicNavbar && !separateNavbar) { + $oldNavbarInner = $oldPage.children('.navbar').children('.navbar-inner'); + } + + // Push State + if (router.params.pushState && (options.pushState || options.replaceState) && !options.reloadPrevious) { + var pushStateRoot = router.params.pushStateRoot || ''; + History[options.reloadCurrent || options.reloadAll || options.replaceState ? 'replace' : 'push']( + view.id, + { + url: options.route.url, + }, + pushStateRoot + router.params.pushStateSeparator + options.route.url + ); + } + + if (!options.reloadPrevious) { + // Current Page & Navbar + router.currentPageEl = $newPage[0]; + if (dynamicNavbar && $newNavbarInner.length) { + router.currentNavbarEl = $newNavbarInner[0]; + } else { + delete router.currentNavbarEl; + } + + // Current Route + router.currentRoute = options.route; + } + + // Update router history + var url = options.route.url; + + if (options.history) { + if ((options.reloadCurrent && router.history.length) > 0 || options.replaceState) { + router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url; + } else if (options.reloadPrevious) { + router.history[router.history.length - 2] = url; + } else if (options.reloadAll) { + router.history = [url]; + } else { + router.history.push(url); + } + } + router.saveHistory(); + + // Insert new page and navbar + var newPageInDom = $newPage.parents(doc).length > 0; + var f7Component = $newPage[0].f7Component; + if (options.reloadPrevious) { + if (f7Component && !newPageInDom) { + f7Component.$mount(function (componentEl) { + $(componentEl).insertBefore($oldPage); + }); + } else { + $newPage.insertBefore($oldPage); + } + if (separateNavbar && $newNavbarInner.length) { + if ($oldNavbarInner.length) { + $newNavbarInner.insertBefore($oldNavbarInner); + } else { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner); + } + } + } else { + if ($oldPage.next('.page')[0] !== $newPage[0]) { + if (f7Component && !newPageInDom) { + f7Component.$mount(function (componentEl) { + $viewEl.append(componentEl); + }); + } else { + $viewEl.append($newPage[0]); + } + } + if (separateNavbar && $newNavbarInner.length) { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner[0]); + } + } + if (!newPageInDom) { + router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { + $newPage[0].f7PageMounted = true; + router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + } + + // Remove old page + if (options.reloadCurrent && $oldPage.length > 0) { + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } else if (options.reloadAll) { + $oldPage.each(function (index, pageEl) { + var $oldPageEl = $(pageEl); + var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { + $oldPageEl.addClass('stacked'); + $oldPageEl.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInnerEl.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInner && $oldNavbarInner.eq(index), 'previous', undefined, options); + router.removePage($oldPageEl); + if (separateNavbar && $oldNavbarInnerEl.length) { + router.removeNavbar($oldNavbarInnerEl); + } + } + }); + } else if (options.reloadPrevious) { + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } + + // Load Tab + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + })); + } + + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + + if (options.reloadCurrent || options.reloadAll) { + router.allowPageChange = true; + router.pageCallback('beforeIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + router.pageCallback('afterIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + if (options.reloadCurrent && options.clearPreviousHistory) { router.clearPreviousHistory(); } + return router; + } + if (options.reloadPrevious) { + router.allowPageChange = true; + return router; + } + + // Before animation event + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + + // Animation + function afterAnimation() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $newPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden'); + $oldPage.removeClass(pageClasses).addClass('page-previous').attr('aria-hidden', 'true'); + if (dynamicNavbar) { + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-previous').attr('aria-hidden', 'true'); + } + // After animation event + router.allowPageChange = true; + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + + var keepOldPage = app.theme === 'ios' ? (router.params.preloadPreviousPage || router.params.iosSwipeBack) : router.params.preloadPreviousPage; + if (!keepOldPage) { + if ($newPage.hasClass('smart-select-page') || $newPage.hasClass('photo-browser-page') || $newPage.hasClass('autocomplete-page')) { + keepOldPage = true; + } + } + if (!keepOldPage) { + if (router.params.stackPages) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else if (!($newPage.attr('data-name') && $newPage.attr('data-name') === 'smart-select-page')) { + // Remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } + if (options.clearPreviousHistory) { router.clearPreviousHistory(); } + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + if (router.params.pushState) { + History.clearRouterQueue(); + } + } + function setPositionClasses() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $oldPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden'); + $newPage.removeClass(pageClasses).addClass('page-next').removeAttr('aria-hidden'); + if (dynamicNavbar) { + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-next').removeAttr('aria-hidden'); + } + } + if (options.animate) { + var delay = router.app.theme === 'md' ? router.params.materialPageLoadDelay : router.params.iosPageLoadDelay; + if (delay) { + setTimeout(function () { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + afterAnimation(); + }); + }, delay); + } else { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + afterAnimation(); + }); + } + } else { + afterAnimation(); + } + return router; + } + function load(loadParams, loadOptions, ignorePageChange) { + if ( loadParams === void 0 ) loadParams = {}; + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + if (!router.allowPageChange && !ignorePageChange) { return router; } + var params = loadParams; + var options = loadOptions; + var url = params.url; + var content = params.content; + var el = params.el; + var pageName = params.pageName; + var template = params.template; + var templateUrl = params.templateUrl; + var component = params.component; + var componentUrl = params.componentUrl; + + if (!options.reloadCurrent + && options.route + && options.route.route + && options.route.route.parentPath + && router.currentRoute.route + && router.currentRoute.route.parentPath === options.route.route.parentPath) { + // Do something nested + if (options.route.url === router.url) { + router.allowPageChange = true; + return false; + } + // Check for same params + var sameParams = Object.keys(options.route.params).length === Object.keys(router.currentRoute.params).length; + if (sameParams) { + // Check for equal params name + Object.keys(options.route.params).forEach(function (paramName) { + if ( + !(paramName in router.currentRoute.params) + || (router.currentRoute.params[paramName] !== options.route.params[paramName]) + ) { + sameParams = false; + } + }); + } + if (sameParams) { + if (options.route.route.tab) { + return router.tabLoad(options.route.route.tab, options); + } + return false; + } + } + + if ( + options.route + && options.route.url + && router.url === options.route.url + && !(options.reloadCurrent || options.reloadPrevious) + && !router.params.allowDuplicateUrls + ) { + router.allowPageChange = true; + return false; + } + + if (!options.route && url) { + options.route = router.parseRouteUrl(url); + Utils.extend(options.route, { route: { url: url, path: url } }); + } + + // Component Callbacks + function resolve(pageEl, newOptions) { + return router.forward(pageEl, Utils.extend(options, newOptions)); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (url || templateUrl || componentUrl) { + router.allowPageChange = false; + } + + // Proceed + if (content) { + router.forward(router.getPageEl(content), options); + } else if (template || templateUrl) { + // Parse template and send page element + try { + router.pageTemplateLoader(template, templateUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + // Load page from specified HTMLElement or by page name in pages container + router.forward(router.getPageEl(el), options); + } else if (pageName) { + // Load page by page name in pages container + router.forward(router.$el.children((".page[data-name=\"" + pageName + "\"]")).eq(0), options); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.pageComponentLoader(router.el, component, componentUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, options) + .then(function (pageContent) { + router.forward(router.getPageEl(pageContent), options); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + return router; + } + function navigate(navigateParams, navigateOptions) { + if ( navigateOptions === void 0 ) navigateOptions = {}; + + var router = this; + if (router.swipeBackActive) { return router; } + var url; + var createRoute; + var name; + var query; + var params; + var route; + if (typeof navigateParams === 'string') { + url = navigateParams; + } else { + url = navigateParams.url; + createRoute = navigateParams.route; + name = navigateParams.name; + query = navigateParams.query; + params = navigateParams.params; + } + if (name) { + // find route by name + route = router.findRouteByKey('name', name); + if (!route) { + throw new Error(("Framework7: route with name \"" + name + "\" not found")); + } + url = router.constructRouteUrl(route, { params: params, query: query }); + if (url) { + return router.navigate(url, navigateOptions); + } + throw new Error(("Framework7: can't construct URL for route with name \"" + name + "\"")); + } + var app = router.app; + appRouterCheck(router, 'navigate'); + if (url === '#' || url === '') { + return router; + } + + var navigateUrl = url.replace('./', ''); + if (navigateUrl[0] !== '/' && navigateUrl.indexOf('#') !== 0) { + var currentPath = router.currentRoute.parentPath || router.currentRoute.path; + navigateUrl = ((currentPath ? (currentPath + "/") : '/') + navigateUrl) + .replace('///', '/') + .replace('//', '/'); + } + if (createRoute) { + route = Utils.extend(router.parseRouteUrl(navigateUrl), { + route: Utils.extend({}, createRoute), + }); + } else { + route = router.findMatchingRoute(navigateUrl); + } + + if (!route) { + return router; + } + + if (route.route.redirect) { + return redirect.call(router, 'navigate', route, navigateOptions); + } + + + var options = {}; + if (route.route.options) { + Utils.extend(options, route.route.options, navigateOptions); + } else { + Utils.extend(options, navigateOptions); + } + options.route = route; + + if (options && options.context) { + route.context = options.context; + options.route.context = options.context; + } + + function resolve() { + var routerLoaded = false; + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (route.route[modalLoadProp] && !routerLoaded) { + routerLoaded = true; + router.modalLoad(modalLoadProp, route, options); + } + }); + if (route.route.keepAlive && route.route.keepAliveData) { + router.load({ el: route.route.keepAliveData.pageEl }, options, false); + routerLoaded = true; + } + ('url content component pageName el componentUrl template templateUrl').split(' ').forEach(function (pageLoadProp) { + var obj; + + if (route.route[pageLoadProp] && !routerLoaded) { + routerLoaded = true; + router.load(( obj = {}, obj[pageLoadProp] = route.route[pageLoadProp], obj ), options, false); + } + }); + if (routerLoaded) { return; } + // Async + function asyncResolve(resolveParams, resolveOptions) { + router.allowPageChange = false; + var resolvedAsModal = false; + if (resolveOptions && resolveOptions.context) { + if (!route.context) { route.context = resolveOptions.context; } + else { route.context = Utils.extend({}, route.context, resolveOptions.context); } + options.route.context = route.context; + } + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (resolveParams[modalLoadProp]) { + resolvedAsModal = true; + var modalRoute = Utils.extend({}, route, { route: resolveParams }); + router.allowPageChange = true; + router.modalLoad(modalLoadProp, modalRoute, Utils.extend(options, resolveOptions)); + } + }); + if (resolvedAsModal) { return; } + router.load(resolveParams, Utils.extend(options, resolveOptions), true); + } + function asyncReject() { + router.allowPageChange = true; + } + if (route.route.async) { + router.allowPageChange = false; + + route.route.async.call(router, options.route, router.currentRoute, asyncResolve, asyncReject); + } + } + function reject() { + router.allowPageChange = true; + } + + processRouteQueue.call( + router, + route, + router.currentRoute, + function () { + if (route.route.modules) { + app + .loadModules(Array.isArray(route.route.modules) ? route.route.modules : [route.route.modules]) + .then(function () { + resolve(); + }) + .catch(function () { + reject(); + }); + } else { + resolve(); + } + }, + function () { + reject(); + } + ); + + // Return Router + return router; + } + + function tabLoad(tabRoute, loadOptions) { + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + history: true, + parentPageEl: null, + preload: false, + on: {}, + }, loadOptions); + + var currentRoute; + var previousRoute; + if (options.route) { + // Set Route + if (!options.preload && options.route !== router.currentRoute) { + previousRoute = router.previousRoute; + router.currentRoute = options.route; + } + if (options.preload) { + currentRoute = options.route; + previousRoute = router.currentRoute; + } else { + currentRoute = router.currentRoute; + if (!previousRoute) { previousRoute = router.previousRoute; } + } + + // Update Browser History + if (router.params.pushState && options.pushState && !options.reloadPrevious) { + History.replace( + router.view.id, + { + url: options.route.url, + }, + (router.params.pushStateRoot || '') + router.params.pushStateSeparator + options.route.url + ); + } + + // Update Router History + if (options.history) { + router.history[Math.max(router.history.length - 1, 0)] = options.route.url; + router.saveHistory(); + } + } + + // Show Tab + var $parentPageEl = $(options.parentPageEl || router.currentPageEl); + var tabEl; + if ($parentPageEl.length && $parentPageEl.find(("#" + (tabRoute.id))).length) { + tabEl = $parentPageEl.find(("#" + (tabRoute.id))).eq(0); + } else if (router.view.selector) { + tabEl = (router.view.selector) + " #" + (tabRoute.id); + } else { + tabEl = "#" + (tabRoute.id); + } + var tabShowResult = router.app.tab.show({ + tabEl: tabEl, + animate: options.animate, + tabRoute: options.route, + }); + + var $newTabEl = tabShowResult.$newTabEl; + var $oldTabEl = tabShowResult.$oldTabEl; + var animated = tabShowResult.animated; + var onTabsChanged = tabShowResult.onTabsChanged; + + if ($newTabEl && $newTabEl.parents('.page').length > 0 && options.route) { + var tabParentPageData = $newTabEl.parents('.page')[0].f7Page; + if (tabParentPageData && options.route) { + tabParentPageData.route = options.route; + } + } + + // Tab Content Loaded + function onTabLoaded(contentEl) { + // Remove theme elements + router.removeThemeElements($newTabEl); + + var tabEventTarget = $newTabEl; + if (typeof contentEl !== 'string') { tabEventTarget = $(contentEl); } + + tabEventTarget.trigger('tab:init tab:mounted', tabRoute); + router.emit('tabInit tabMounted', $newTabEl[0], tabRoute); + + if ($oldTabEl && $oldTabEl.length) { + if (animated) { + onTabsChanged(function () { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + if (router.params.unloadTabContent) { + router.tabRemove($oldTabEl, $newTabEl, tabRoute); + } + }); + } else { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + if (router.params.unloadTabContent) { + router.tabRemove($oldTabEl, $newTabEl, tabRoute); + } + } + } + } + + if ($newTabEl[0].f7RouterTabLoaded) { + if (!$oldTabEl || !$oldTabEl.length) { return router; } + if (animated) { + onTabsChanged(function () { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + }); + } else { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + } + return router; + } + + // Load Tab Content + function loadTab(loadTabParams, loadTabOptions) { + // Load Tab Props + var url = loadTabParams.url; + var content = loadTabParams.content; + var el = loadTabParams.el; + var template = loadTabParams.template; + var templateUrl = loadTabParams.templateUrl; + var component = loadTabParams.component; + var componentUrl = loadTabParams.componentUrl; + // Component/Template Callbacks + function resolve(contentEl) { + router.allowPageChange = true; + if (!contentEl) { return; } + if (typeof contentEl === 'string') { + $newTabEl.html(contentEl); + } else { + $newTabEl.html(''); + if (contentEl.f7Component) { + contentEl.f7Component.$mount(function (componentEl) { + $newTabEl.append(componentEl); + }); + } else { + $newTabEl.append(contentEl); + } + } + $newTabEl[0].f7RouterTabLoaded = true; + onTabLoaded(contentEl); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (content) { + resolve(content); + } else if (template || templateUrl) { + try { + router.tabTemplateLoader(template, templateUrl, loadTabOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + resolve(el); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.tabComponentLoader($newTabEl[0], component, componentUrl, loadTabOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, loadTabOptions) + .then(function (tabContent) { + resolve(tabContent); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + } + + var hasContentLoadProp; + ('url content component el componentUrl template templateUrl').split(' ').forEach(function (tabLoadProp) { + var obj; + + if (tabRoute[tabLoadProp]) { + hasContentLoadProp = true; + loadTab(( obj = {}, obj[tabLoadProp] = tabRoute[tabLoadProp], obj ), options); + } + }); + + // Async + function asyncResolve(resolveParams, resolveOptions) { + loadTab(resolveParams, Utils.extend(options, resolveOptions)); + } + function asyncReject() { + router.allowPageChange = true; + } + if (tabRoute.async) { + tabRoute.async.call(router, currentRoute, previousRoute, asyncResolve, asyncReject); + } else if (!hasContentLoadProp) { + router.allowPageChange = true; + } + + return router; + } + function tabRemove($oldTabEl, $newTabEl, tabRoute) { + var router = this; + + var hasTabComponentChild; + if ($oldTabEl[0]) { + $oldTabEl[0].f7RouterTabLoaded = false; + delete $oldTabEl[0].f7RouterTabLoaded; + } + $oldTabEl.children().each(function (index, tabChild) { + if (tabChild.f7Component) { + hasTabComponentChild = true; + $(tabChild).trigger('tab:beforeremove', tabRoute); + tabChild.f7Component.$destroy(); + } + }); + if (!hasTabComponentChild) { + $oldTabEl.trigger('tab:beforeremove', tabRoute); + } + router.emit('tabBeforeRemove', $oldTabEl[0], $newTabEl[0], tabRoute); + router.removeTabContent($oldTabEl[0], tabRoute); + } + + function modalLoad(modalType, route, loadOptions) { + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + var app = router.app; + var isPanel = modalType === 'panel'; + var modalOrPanel = isPanel ? 'panel' : 'modal'; + + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + history: true, + on: {}, + }, loadOptions); + + var modalParams = Utils.extend({}, route.route[modalType]); + var modalRoute = route.route; + + function onModalLoaded() { + // Create Modal + var modal = app[modalType].create(modalParams); + modalRoute.modalInstance = modal; + + var hasEl = modal.el; + + function closeOnSwipeBack() { + modal.close(); + } + modal.on((modalOrPanel + "Open"), function () { + if (!hasEl) { + // Remove theme elements + router.removeThemeElements(modal.el); + + // Emit events + modal.$el.trigger(((modalType.toLowerCase()) + ":init " + (modalType.toLowerCase()) + ":mounted"), route, modal); + router.emit(((!isPanel ? 'modalInit' : '') + " " + modalType + "Init " + modalType + "Mounted"), modal.el, route, modal); + } + router.once('swipeBackMove', closeOnSwipeBack); + }); + modal.on((modalOrPanel + "Close"), function () { + router.off('swipeBackMove', closeOnSwipeBack); + if (!modal.closeByRouter) { + router.back(); + } + }); + + modal.on((modalOrPanel + "Closed"), function () { + modal.$el.trigger(((modalType.toLowerCase()) + ":beforeremove"), route, modal); + modal.emit(("" + (!isPanel ? 'modalBeforeRemove ' : '') + modalType + "BeforeRemove"), modal.el, route, modal); + var modalComponent = modal.el.f7Component; + if (modalComponent) { + modalComponent.$destroy(); + } + Utils.nextTick(function () { + if (modalComponent || modalParams.component) { + router.removeModal(modal.el); + } + modal.destroy(); + delete modal.route; + delete modalRoute.modalInstance; + }); + }); + + if (options.route) { + // Update Browser History + if (router.params.pushState && options.pushState) { + History.push( + router.view.id, + { + url: options.route.url, + modal: modalType, + }, + (router.params.pushStateRoot || '') + router.params.pushStateSeparator + options.route.url + ); + } + + // Set Route + if (options.route !== router.currentRoute) { + modal.route = Utils.extend(options.route, { modal: modal }); + router.currentRoute = modal.route; + } + + // Update Router History + if (options.history) { + router.history.push(options.route.url); + router.saveHistory(); + } + } + + if (hasEl) { + // Remove theme elements + router.removeThemeElements(modal.el); + + // Emit events + modal.$el.trigger(((modalType.toLowerCase()) + ":init " + (modalType.toLowerCase()) + ":mounted"), route, modal); + router.emit((modalOrPanel + "Init " + modalType + "Init " + modalType + "Mounted"), modal.el, route, modal); + } + + // Open + modal.open(); + } + + // Load Modal Content + function loadModal(loadModalParams, loadModalOptions) { + // Load Modal Props + var url = loadModalParams.url; + var content = loadModalParams.content; + var template = loadModalParams.template; + var templateUrl = loadModalParams.templateUrl; + var component = loadModalParams.component; + var componentUrl = loadModalParams.componentUrl; + + // Component/Template Callbacks + function resolve(contentEl) { + if (contentEl) { + if (typeof contentEl === 'string') { + modalParams.content = contentEl; + } else if (contentEl.f7Component) { + contentEl.f7Component.$mount(function (componentEl) { + modalParams.el = componentEl; + app.root.append(componentEl); + }); + } else { + modalParams.el = contentEl; + } + onModalLoaded(); + } + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (content) { + resolve(content); + } else if (template || templateUrl) { + try { + router.modalTemplateLoader(template, templateUrl, loadModalOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.modalComponentLoader(app.root[0], component, componentUrl, loadModalOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, loadModalOptions) + .then(function (modalContent) { + modalParams.content = modalContent; + onModalLoaded(); + }) + .catch(function () { + router.allowPageChange = true; + }); + } else { + onModalLoaded(); + } + } + + var foundLoadProp; + ('url content component el componentUrl template templateUrl').split(' ').forEach(function (modalLoadProp) { + var obj; + + if (modalParams[modalLoadProp] && !foundLoadProp) { + foundLoadProp = true; + loadModal(( obj = {}, obj[modalLoadProp] = modalParams[modalLoadProp], obj ), options); + } + }); + if (!foundLoadProp && modalType === 'actions') { + onModalLoaded(); + } + + // Async + function asyncResolve(resolveParams, resolveOptions) { + loadModal(resolveParams, Utils.extend(options, resolveOptions)); + } + function asyncReject() { + router.allowPageChange = true; + } + if (modalParams.async) { + modalParams.async.call(router, options.route, router.currentRoute, asyncResolve, asyncReject); + } + return router; + } + function modalRemove(modal) { + Utils.extend(modal, { closeByRouter: true }); + modal.close(); + } + + function backward(el, backwardOptions) { + var router = this; + var $el = $(el); + var app = router.app; + var view = router.view; + + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + }, backwardOptions); + + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + + var $newPage = $el; + var $oldPage = router.$el.children('.page-current'); + + if ($newPage.length) { + // Remove theme elements + router.removeThemeElements($newPage); + } + + var $navbarEl; + var $newNavbarInner; + var $oldNavbarInner; + + if (dynamicNavbar) { + $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); + if (separateNavbar) { + $navbarEl = router.$navbarEl; + if ($newNavbarInner.length > 0) { + $newPage.children('.navbar').remove(); + } + if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + // Try from pageData + $newNavbarInner = $newPage[0].f7Page.$navbarEl; + } + $oldNavbarInner = $navbarEl.find('.navbar-current'); + } else { + $oldNavbarInner = $oldPage.children('.navbar').children('.navbar-inner'); + } + } + + router.allowPageChange = false; + if ($newPage.length === 0 || $oldPage.length === 0) { + router.allowPageChange = true; + return router; + } + + // Remove theme elements + router.removeThemeElements($newPage); + + // Save Keep Alive Cache + if (options.route && options.route.route && options.route.route.keepAlive && !options.route.route.keepAliveData) { + options.route.route.keepAliveData = { + pageEl: $el[0], + }; + } + + // New Page + $newPage + .addClass('page-previous') + .removeClass('stacked') + .removeAttr('aria-hidden') + .trigger('page:unstack') + .trigger('page:position', { position: 'previous' }); + + if (dynamicNavbar && $newNavbarInner.length > 0) { + $newNavbarInner + .addClass('navbar-previous') + .removeClass('stacked') + .removeAttr('aria-hidden'); + } + + // Remove previous page in case of "forced" + var backIndex; + if (options.force) { + if ($oldPage.prev('.page-previous:not(.stacked)').length > 0 || $oldPage.prev('.page-previous').length === 0) { + if (router.history.indexOf(options.route.url) >= 0) { + backIndex = router.history.length - router.history.indexOf(options.route.url) - 1; + router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2); + view.history = router.history; + } else if (router.history[[router.history.length - 2]]) { + router.history[router.history.length - 2] = options.route.url; + } else { + router.history.unshift(router.url); + } + + if (backIndex && router.params.stackPages) { + $oldPage.prevAll('.page-previous').each(function (index, pageToRemove) { + var $pageToRemove = $(pageToRemove); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $oldNavbarInner.prevAll('.navbar-previous').eq(index); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if ($pageToRemove[0] !== $newPage[0] && $pageToRemove.index() > $newPage.index()) { + if (router.initialPages.indexOf($pageToRemove[0]) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + if (separateNavbar) { + $navbarToRemove.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length > 0) { + router.removeNavbar($navbarToRemove); + } + } + } + }); + } else { + var $pageToRemove = $oldPage.prev('.page-previous:not(.stacked)'); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $oldNavbarInner.prev('.navbar-inner:not(.stacked)'); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if (router.params.stackPages && router.initialPages.indexOf($pageToRemove[0]) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + $navbarToRemove.addClass('stacked'); + } else if ($pageToRemove.length > 0) { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length) { + router.removeNavbar($navbarToRemove); + } + } + } + } + } + + // Insert new page + var newPageInDom = $newPage.parents(doc).length > 0; + var f7Component = $newPage[0].f7Component; + + function insertPage() { + if ($newPage.next($oldPage).length === 0) { + if (!newPageInDom && f7Component) { + f7Component.$mount(function (componentEl) { + $(componentEl).insertBefore($oldPage); + }); + } else { + $newPage.insertBefore($oldPage); + } + } + if (separateNavbar && $newNavbarInner.length) { + $newNavbarInner.insertBefore($oldNavbarInner); + if ($oldNavbarInner.length > 0) { + $newNavbarInner.insertBefore($oldNavbarInner); + } else { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner); + } + } + if (!newPageInDom) { + router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { + $newPage[0].f7PageMounted = true; + router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + } + } + + if (options.preload) { + // Insert Page + insertPage(); + // Tab route + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + preload: true, + })); + } + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + if ($newPage.prevAll('.page-previous:not(.stacked)').length > 0) { + $newPage.prevAll('.page-previous:not(.stacked)').each(function (index, pageToRemove) { + var $pageToRemove = $(pageToRemove); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $newNavbarInner.prevAll('.navbar-previous:not(.stacked)').eq(index); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if (router.params.stackPages && router.initialPages.indexOf(pageToRemove) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + if (separateNavbar) { + $navbarToRemove.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length) { + router.removeNavbar($navbarToRemove); + } + } + }); + } + router.allowPageChange = true; + return router; + } + + // History State + if (!(Device.ie || Device.edge || (Device.firefox && !Device.ios))) { + if (router.params.pushState && options.pushState) { + if (backIndex) { History.go(-backIndex); } + else { History.back(); } + } + } + + // Update History + if (router.history.length === 1) { + router.history.unshift(router.url); + } + router.history.pop(); + router.saveHistory(); + + // Current Page & Navbar + router.currentPageEl = $newPage[0]; + if (dynamicNavbar && $newNavbarInner.length) { + router.currentNavbarEl = $newNavbarInner[0]; + } else { + delete router.currentNavbarEl; + } + + // Current Route + router.currentRoute = options.route; + + // History State + if (Device.ie || Device.edge || (Device.firefox && !Device.ios)) { + if (router.params.pushState && options.pushState) { + if (backIndex) { History.go(-backIndex); } + else { History.back(); } + } + } + + // Insert Page + insertPage(); + + // Load Tab + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + })); + } + + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + + // Before animation callback + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'next', options); + + // Animation + function afterAnimation() { + // Set classes + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $newPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden'); + $oldPage.removeClass(pageClasses).addClass('page-next').attr('aria-hidden', 'true'); + if (dynamicNavbar) { + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-next').attr('aria-hidden', 'true'); + } + + // After animation event + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'next', options); + + // Remove Old Page + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'next', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + + router.allowPageChange = true; + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + // Preload previous page + var preloadPreviousPage = app.theme === 'ios' ? (router.params.preloadPreviousPage || router.params.iosSwipeBack) : router.params.preloadPreviousPage; + if (preloadPreviousPage && router.history[router.history.length - 2]) { + router.back(router.history[router.history.length - 2], { preload: true }); + } + if (router.params.pushState) { + History.clearRouterQueue(); + } + } + + function setPositionClasses() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $oldPage.removeClass(pageClasses).addClass('page-current'); + $newPage.removeClass(pageClasses).addClass('page-previous').removeAttr('aria-hidden'); + if (dynamicNavbar) { + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current'); + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-previous').removeAttr('aria-hidden'); + } + } + + if (options.animate) { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'backward', function () { + afterAnimation(); + }); + } else { + afterAnimation(); + } + + return router; + } + function loadBack(backParams, backOptions, ignorePageChange) { + var router = this; + + if (!router.allowPageChange && !ignorePageChange) { return router; } + var params = backParams; + var options = backOptions; + var url = params.url; + var content = params.content; + var el = params.el; + var pageName = params.pageName; + var template = params.template; + var templateUrl = params.templateUrl; + var component = params.component; + var componentUrl = params.componentUrl; + + if ( + options.route.url + && router.url === options.route.url + && !(options.reloadCurrent || options.reloadPrevious) + && !router.params.allowDuplicateUrls + ) { + return false; + } + + if (!options.route && url) { + options.route = router.parseRouteUrl(url); + } + + // Component Callbacks + function resolve(pageEl, newOptions) { + return router.backward(pageEl, Utils.extend(options, newOptions)); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (url || templateUrl || componentUrl) { + router.allowPageChange = false; + } + + // Proceed + if (content) { + router.backward(router.getPageEl(content), options); + } else if (template || templateUrl) { + // Parse template and send page element + try { + router.pageTemplateLoader(template, templateUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + // Load page from specified HTMLElement or by page name in pages container + router.backward(router.getPageEl(el), options); + } else if (pageName) { + // Load page by page name in pages container + router.backward(router.$el.children((".page[data-name=\"" + pageName + "\"]")).eq(0), options); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.pageComponentLoader(router.el, component, componentUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, options) + .then(function (pageContent) { + router.backward(router.getPageEl(pageContent), options); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + return router; + } + function back() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var router = this; + if (router.swipeBackActive) { return router; } + var navigateUrl; + var navigateOptions; + var route; + if (typeof args[0] === 'object') { + navigateOptions = args[0] || {}; + } else { + navigateUrl = args[0]; + navigateOptions = args[1] || {}; + } + + var name = navigateOptions.name; + var params = navigateOptions.params; + var query = navigateOptions.query; + if (name) { + // find route by name + route = router.findRouteByKey('name', name); + if (!route) { + throw new Error(("Framework7: route with name \"" + name + "\" not found")); + } + navigateUrl = router.constructRouteUrl(route, { params: params, query: query }); + if (navigateUrl) { + return router.back(navigateUrl, Utils.extend({}, navigateOptions, { + name: null, + params: null, + query: null, + })); + } + throw new Error(("Framework7: can't construct URL for route with name \"" + name + "\"")); + } + + var app = router.app; + appRouterCheck(router, 'back'); + + var currentRouteIsModal = router.currentRoute.modal; + var modalType; + if (!currentRouteIsModal) { + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (router.currentRoute.route[modalLoadProp]) { + currentRouteIsModal = true; + modalType = modalLoadProp; + } + }); + } + if (currentRouteIsModal) { + var modalToClose = router.currentRoute.modal + || router.currentRoute.route.modalInstance + || app[modalType].get(); + var previousUrl = router.history[router.history.length - 2]; + var previousRoute; + // check if previous route is modal too + if (modalToClose && modalToClose.$el) { + var prevOpenedModals = modalToClose.$el.prevAll('.modal-in'); + if (prevOpenedModals.length && prevOpenedModals[0].f7Modal) { + previousRoute = prevOpenedModals[0].f7Modal.route; + } + } + if (!previousRoute) { + previousRoute = router.findMatchingRoute(previousUrl); + } + + if (!previousRoute && previousUrl) { + previousRoute = { + url: previousUrl, + path: previousUrl.split('?')[0], + query: Utils.parseUrlQuery(previousUrl), + route: { + path: previousUrl.split('?')[0], + url: previousUrl, + }, + }; + } + if (!navigateUrl || navigateUrl.replace(/[# ]/g, '').trim().length === 0) { + if (!previousRoute || !modalToClose) { + return router; + } + } + var forceOtherUrl = navigateOptions.force && previousRoute && navigateUrl; + if (previousRoute && modalToClose) { + if (router.params.pushState && navigateOptions.pushState !== false) { + History.back(); + } + router.currentRoute = previousRoute; + router.history.pop(); + router.saveHistory(); + router.modalRemove(modalToClose); + if (forceOtherUrl) { + router.navigate(navigateUrl, { reloadCurrent: true }); + } + } else if (modalToClose) { + router.modalRemove(modalToClose); + if (navigateUrl) { + router.navigate(navigateUrl, { reloadCurrent: true }); + } + } + return router; + } + var $previousPage = router.$el.children('.page-current').prevAll('.page-previous').eq(0); + if (!navigateOptions.force && $previousPage.length > 0) { + if (router.params.pushState + && $previousPage[0].f7Page + && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url + ) { + router.back( + router.history[router.history.length - 2], + Utils.extend(navigateOptions, { force: true }) + ); + return router; + } + + var previousPageRoute = $previousPage[0].f7Page.route; + processRouteQueue.call( + router, + previousPageRoute, + router.currentRoute, + function () { + router.loadBack({ el: $previousPage }, Utils.extend(navigateOptions, { + route: previousPageRoute, + })); + }, + function () {} + ); + + return router; + } + + // Navigate URL + if (navigateUrl === '#') { + navigateUrl = undefined; + } + if (navigateUrl && navigateUrl[0] !== '/' && navigateUrl.indexOf('#') !== 0) { + navigateUrl = ((router.path || '/') + navigateUrl).replace('//', '/'); + } + if (!navigateUrl && router.history.length > 1) { + navigateUrl = router.history[router.history.length - 2]; + } + + // Find route to load + route = router.findMatchingRoute(navigateUrl); + if (!route) { + if (navigateUrl) { + route = { + url: navigateUrl, + path: navigateUrl.split('?')[0], + query: Utils.parseUrlQuery(navigateUrl), + route: { + path: navigateUrl.split('?')[0], + url: navigateUrl, + }, + }; + } + } + if (!route) { + return router; + } + + if (route.route.redirect) { + return redirect.call(router, 'back', route, navigateOptions); + } + + var options = {}; + if (route.route.options) { + Utils.extend(options, route.route.options, navigateOptions); + } else { + Utils.extend(options, navigateOptions); + } + options.route = route; + + if (options && options.context) { + route.context = options.context; + options.route.context = options.context; + } + + var backForceLoaded; + if (options.force && router.params.stackPages) { + router.$el.children('.page-previous.stacked').each(function (index, pageEl) { + if (pageEl.f7Page && pageEl.f7Page.route && pageEl.f7Page.route.url === route.url) { + backForceLoaded = true; + router.loadBack({ el: pageEl }, options); + } + }); + if (backForceLoaded) { + return router; + } + } + function resolve() { + var routerLoaded = false; + if (route.route.keepAlive && route.route.keepAliveData) { + router.loadBack({ el: route.route.keepAliveData.pageEl }, options); + routerLoaded = true; + } + ('url content component pageName el componentUrl template templateUrl').split(' ').forEach(function (pageLoadProp) { + var obj; + + if (route.route[pageLoadProp] && !routerLoaded) { + routerLoaded = true; + router.loadBack(( obj = {}, obj[pageLoadProp] = route.route[pageLoadProp], obj ), options); + } + }); + if (routerLoaded) { return; } + // Async + function asyncResolve(resolveParams, resolveOptions) { + router.allowPageChange = false; + if (resolveOptions && resolveOptions.context) { + if (!route.context) { route.context = resolveOptions.context; } + else { route.context = Utils.extend({}, route.context, resolveOptions.context); } + options.route.context = route.context; + } + router.loadBack(resolveParams, Utils.extend(options, resolveOptions), true); + } + function asyncReject() { + router.allowPageChange = true; + } + if (route.route.async) { + router.allowPageChange = false; + + route.route.async.call(router, route, router.currentRoute, asyncResolve, asyncReject); + } + } + function reject() { + router.allowPageChange = true; + } + + if (options.preload) { + resolve(); + } else { + processRouteQueue.call( + router, + route, + router.currentRoute, + function () { + if (route.route.modules) { + app + .loadModules(Array.isArray(route.route.modules) ? route.route.modules : [route.route.modules]) + .then(function () { + resolve(); + }) + .catch(function () { + reject(); + }); + } else { + resolve(); + } + }, + function () { + reject(); + } + ); + } + + // Return Router + return router; + } + + function clearPreviousPages() { + var router = this; + appRouterCheck(router, 'clearPreviousPages'); + var app = router.app; + var separateNavbar = router.separateNavbar; + + var $pagesToRemove = router.$el + .children('.page') + .filter(function (index, pageInView) { + if (router.currentRoute && (router.currentRoute.modal || router.currentRoute.panel)) { return true; } + return pageInView !== router.currentPageEl; + }); + + $pagesToRemove.each(function (index, pageEl) { + var $oldPageEl = $(pageEl); + var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { + $oldPageEl.addClass('stacked'); + if (separateNavbar) { + $oldNavbarInnerEl.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInnerEl, 'previous', undefined, {}); + router.removePage($oldPageEl); + if (separateNavbar && $oldNavbarInnerEl.length) { + router.removeNavbar($oldNavbarInnerEl); + } + } + }); + } + + function clearPreviousHistory() { + var router = this; + appRouterCheck(router, 'clearPreviousHistory'); + var url = router.history[router.history.length - 1]; + + router.clearPreviousPages(); + + router.history = [url]; + router.view.history = [url]; + router.saveHistory(); + } + + var Router = /*@__PURE__*/(function (Framework7Class$$1) { + function Router(app, view) { + Framework7Class$$1.call(this, {}, [typeof view === 'undefined' ? app : view]); + var router = this; + + // Is App Router + router.isAppRouter = typeof view === 'undefined'; + + if (router.isAppRouter) { + // App Router + Utils.extend(false, router, { + app: app, + params: app.params.view, + routes: app.routes || [], + cache: app.cache, + }); + } else { + // View Router + Utils.extend(false, router, { + app: app, + view: view, + viewId: view.id, + params: view.params, + routes: view.routes, + $el: view.$el, + el: view.el, + $navbarEl: view.$navbarEl, + navbarEl: view.navbarEl, + history: view.history, + scrollHistory: view.scrollHistory, + cache: app.cache, + dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar, + separateNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar && view.params.iosSeparateDynamicNavbar, + initialPages: [], + initialNavbars: [], + }); + } + + // Install Modules + router.useModules(); + + // Temporary Dom + router.tempDom = doc.createElement('div'); + + // AllowPageChage + router.allowPageChange = true; + + // Current Route + var currentRoute = {}; + var previousRoute = {}; + Object.defineProperty(router, 'currentRoute', { + enumerable: true, + configurable: true, + set: function set(newRoute) { + if ( newRoute === void 0 ) newRoute = {}; + + previousRoute = Utils.extend({}, currentRoute); + currentRoute = newRoute; + if (!currentRoute) { return; } + router.url = currentRoute.url; + router.emit('routeChange', newRoute, previousRoute, router); + }, + get: function get() { + return currentRoute; + }, + }); + Object.defineProperty(router, 'previousRoute', { + enumerable: true, + configurable: true, + get: function get() { + return previousRoute; + }, + set: function set(newRoute) { + previousRoute = newRoute; + }, + }); + + return router; + } + + if ( Framework7Class$$1 ) Router.__proto__ = Framework7Class$$1; + Router.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + Router.prototype.constructor = Router; + + Router.prototype.animatableNavElements = function animatableNavElements (newNavbarInner, oldNavbarInner) { + var router = this; + var dynamicNavbar = router.dynamicNavbar; + var animateIcon = router.params.iosAnimateNavbarBackIcon; + + var newNavEls; + var oldNavEls; + function animatableNavEl(el, navbarInner) { + var $el = $(el); + var isSliding = $el.hasClass('sliding') || navbarInner.hasClass('sliding'); + var isSubnavbar = $el.hasClass('subnavbar'); + var needsOpacityTransition = isSliding ? !isSubnavbar : true; + var hasIcon = isSliding && animateIcon && $el.hasClass('left') && $el.find('.back .icon').length > 0; + var $iconEl; + if (hasIcon) { $iconEl = $el.find('.back .icon'); } + return { + $el: $el, + $iconEl: $iconEl, + hasIcon: hasIcon, + leftOffset: $el[0].f7NavbarLeftOffset, + rightOffset: $el[0].f7NavbarRightOffset, + isSliding: isSliding, + isSubnavbar: isSubnavbar, + needsOpacityTransition: needsOpacityTransition, + }; + } + if (dynamicNavbar) { + newNavEls = []; + oldNavEls = []; + newNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + newNavEls.push(animatableNavEl(navEl, newNavbarInner)); + }); + oldNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + oldNavEls.push(animatableNavEl(navEl, oldNavbarInner)); + }); + [oldNavEls, newNavEls].forEach(function (navEls) { + navEls.forEach(function (navEl) { + var n = navEl; + var isSliding = navEl.isSliding; + var $el = navEl.$el; + var otherEls = navEls === oldNavEls ? newNavEls : oldNavEls; + if (!(isSliding && $el.hasClass('title') && otherEls)) { return; } + otherEls.forEach(function (otherNavEl) { + if (otherNavEl.$el.hasClass('left') && otherNavEl.hasIcon) { + var iconTextEl = otherNavEl.$el.find('.back span')[0]; + n.leftOffset += iconTextEl ? iconTextEl.offsetLeft : 0; + } + }); + }); + }); + } + + return { newNavEls: newNavEls, oldNavEls: oldNavEls }; + }; + + Router.prototype.animateWithCSS = function animateWithCSS (oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback) { + var router = this; + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + var ios = router.app.theme === 'ios'; + // Router Animation class + var routerTransitionClass = "router-transition-" + direction + " router-transition-css-" + direction; + + var newNavEls; + var oldNavEls; + var navbarWidth = 0; + + if (ios && dynamicNavbar) { + if (!separateNavbar) { + navbarWidth = newNavbarInner[0].offsetWidth; + } + var navEls = router.animatableNavElements(newNavbarInner, oldNavbarInner); + newNavEls = navEls.newNavEls; + oldNavEls = navEls.oldNavEls; + } + + function animateNavbars(progress) { + if (ios && dynamicNavbar) { + newNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.rightOffset : navEl.leftOffset; + if (navEl.isSliding) { + $el.transform(("translate3d(" + (offset * (1 - progress)) + "px,0,0)")); + } + if (navEl.hasIcon) { + if (direction === 'forward') { + navEl.$iconEl.transform(("translate3d(" + ((-offset - navbarWidth) * (1 - progress)) + "px,0,0)")); + } else { + navEl.$iconEl.transform(("translate3d(" + ((-offset + (navbarWidth / 5)) * (1 - progress)) + "px,0,0)")); + } + } + }); + oldNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.leftOffset : navEl.rightOffset; + if (navEl.isSliding) { + $el.transform(("translate3d(" + (offset * (progress)) + "px,0,0)")); + } + if (navEl.hasIcon) { + if (direction === 'forward') { + navEl.$iconEl.transform(("translate3d(" + ((-offset + (navbarWidth / 5)) * (progress)) + "px,0,0)")); + } else { + navEl.$iconEl.transform(("translate3d(" + ((-offset - navbarWidth) * (progress)) + "px,0,0)")); + } + } + }); + } + } + + // AnimationEnd Callback + function onDone() { + if (router.dynamicNavbar) { + if (newNavbarInner.hasClass('sliding')) { + newNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + } else { + newNavbarInner.find('.sliding').transform(''); + } + if (oldNavbarInner.hasClass('sliding')) { + oldNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + } else { + oldNavbarInner.find('.sliding').transform(''); + } + } + router.$el.removeClass(routerTransitionClass); + if (callback) { callback(); } + } + + (direction === 'forward' ? newPage : oldPage).animationEnd(function () { + onDone(); + }); + + // Animate + if (dynamicNavbar) { + // Prepare Navbars + animateNavbars(0); + Utils.nextFrame(function () { + // Add class, start animation + animateNavbars(1); + router.$el.addClass(routerTransitionClass); + }); + } else { + // Add class, start animation + router.$el.addClass(routerTransitionClass); + } + }; + + Router.prototype.animateWithJS = function animateWithJS (oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback) { + var router = this; + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + var ios = router.app.theme === 'ios'; + var duration = ios ? 400 : 250; + var routerTransitionClass = "router-transition-" + direction + " router-transition-js-" + direction; + + var startTime = null; + var done = false; + + var newNavEls; + var oldNavEls; + var navbarWidth = 0; + + if (ios && dynamicNavbar) { + if (!separateNavbar) { + navbarWidth = newNavbarInner[0].offsetWidth; + } + var navEls = router.animatableNavElements(newNavbarInner, oldNavbarInner); + newNavEls = navEls.newNavEls; + oldNavEls = navEls.oldNavEls; + } + + var $shadowEl; + var $opacityEl; + + if (ios) { + $shadowEl = $('
'); + $opacityEl = $('
'); + + if (direction === 'forward') { + newPage.append($shadowEl); + oldPage.append($opacityEl); + } else { + newPage.append($opacityEl); + oldPage.append($shadowEl); + } + } + var easing = Utils.bezier(0.25, 0.1, 0.25, 1); + + function onDone() { + newPage.transform('').css('opacity', ''); + oldPage.transform('').css('opacity', ''); + if (ios) { + $shadowEl.remove(); + $opacityEl.remove(); + if (dynamicNavbar) { + newNavEls.forEach(function (navEl) { + navEl.$el.transform(''); + navEl.$el.css('opacity', ''); + }); + oldNavEls.forEach(function (navEl) { + navEl.$el.transform(''); + navEl.$el.css('opacity', ''); + }); + newNavEls = []; + oldNavEls = []; + } + } + + router.$el.removeClass(routerTransitionClass); + + if (callback) { callback(); } + } + + function render() { + var time = Utils.now(); + if (!startTime) { startTime = time; } + var progress = Math.max(Math.min((time - startTime) / duration, 1), 0); + var easeProgress = easing(progress); + + if (progress >= 1) { + done = true; + } + var inverter = router.app.rtl ? -1 : 1; + if (ios) { + if (direction === 'forward') { + newPage.transform(("translate3d(" + ((1 - easeProgress) * 100 * inverter) + "%,0,0)")); + oldPage.transform(("translate3d(" + (-easeProgress * 20 * inverter) + "%,0,0)")); + $shadowEl[0].style.opacity = easeProgress; + $opacityEl[0].style.opacity = easeProgress; + } else { + newPage.transform(("translate3d(" + (-(1 - easeProgress) * 20 * inverter) + "%,0,0)")); + oldPage.transform(("translate3d(" + (easeProgress * 100 * inverter) + "%,0,0)")); + $shadowEl[0].style.opacity = 1 - easeProgress; + $opacityEl[0].style.opacity = 1 - easeProgress; + } + if (dynamicNavbar) { + newNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.rightOffset : navEl.leftOffset; + if (navEl.needsOpacityTransition) { + $el[0].style.opacity = easeProgress; + } + if (navEl.isSliding) { + $el.transform(("translate3d(" + (offset * (1 - easeProgress)) + "px,0,0)")); + } + if (navEl.hasIcon) { + if (direction === 'forward') { + navEl.$iconEl.transform(("translate3d(" + ((-offset - navbarWidth) * (1 - easeProgress)) + "px,0,0)")); + } else { + navEl.$iconEl.transform(("translate3d(" + ((-offset + (navbarWidth / 5)) * (1 - easeProgress)) + "px,0,0)")); + } + } + }); + oldNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.leftOffset : navEl.rightOffset; + if (navEl.needsOpacityTransition) { + $el[0].style.opacity = (1 - easeProgress); + } + if (navEl.isSliding) { + $el.transform(("translate3d(" + (offset * (easeProgress)) + "px,0,0)")); + } + if (navEl.hasIcon) { + if (direction === 'forward') { + navEl.$iconEl.transform(("translate3d(" + ((-offset + (navbarWidth / 5)) * (easeProgress)) + "px,0,0)")); + } else { + navEl.$iconEl.transform(("translate3d(" + ((-offset - navbarWidth) * (easeProgress)) + "px,0,0)")); + } + } + }); + } + } else if (direction === 'forward') { + newPage.transform(("translate3d(0, " + ((1 - easeProgress) * 56) + "px,0)")); + newPage.css('opacity', easeProgress); + } else { + oldPage.transform(("translate3d(0, " + (easeProgress * 56) + "px,0)")); + oldPage.css('opacity', 1 - easeProgress); + } + + if (done) { + onDone(); + return; + } + Utils.requestAnimationFrame(render); + } + + router.$el.addClass(routerTransitionClass); + + Utils.requestAnimationFrame(render); + }; + + Router.prototype.animate = function animate () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + // Args: oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback + var router = this; + if (router.params.animateCustom) { + router.params.animateCustom.apply(router, args); + } else if (router.params.animateWithJS) { + router.animateWithJS.apply(router, args); + } else { + router.animateWithCSS.apply(router, args); + } + }; + + Router.prototype.removeModal = function removeModal (modalEl) { + var router = this; + router.removeEl(modalEl); + }; + // eslint-disable-next-line + Router.prototype.removeTabContent = function removeTabContent (tabEl) { + var $tabEl = $(tabEl); + $tabEl.html(''); + }; + + Router.prototype.removeNavbar = function removeNavbar (el) { + var router = this; + router.removeEl(el); + }; + + Router.prototype.removePage = function removePage (el) { + var $el = $(el); + var f7Page = $el && $el[0] && $el[0].f7Page; + var router = this; + if (f7Page && f7Page.route && f7Page.route.route && f7Page.route.route.keepAlive) { + $el.remove(); + return; + } + router.removeEl(el); + }; + + Router.prototype.removeEl = function removeEl (el) { + if (!el) { return; } + var router = this; + var $el = $(el); + if ($el.length === 0) { return; } + $el.find('.tab').each(function (tabIndex, tabEl) { + $(tabEl).children().each(function (index, tabChild) { + if (tabChild.f7Component) { + $(tabChild).trigger('tab:beforeremove'); + tabChild.f7Component.$destroy(); + } + }); + }); + if ($el[0].f7Component && $el[0].f7Component.$destroy) { + $el[0].f7Component.$destroy(); + } + if (!router.params.removeElements) { + return; + } + if (router.params.removeElementsWithTimeout) { + setTimeout(function () { + $el.remove(); + }, router.params.removeElementsTimeout); + } else { + $el.remove(); + } + }; + + Router.prototype.getPageEl = function getPageEl (content) { + var router = this; + if (typeof content === 'string') { + router.tempDom.innerHTML = content; + } else { + if ($(content).hasClass('page')) { + return content; + } + router.tempDom.innerHTML = ''; + $(router.tempDom).append(content); + } + + return router.findElement('.page', router.tempDom); + }; + + Router.prototype.findElement = function findElement (stringSelector, container, notStacked) { + var router = this; + var view = router.view; + var app = router.app; + + // Modals Selector + var modalsSelector = '.popup, .dialog, .popover, .actions-modal, .sheet-modal, .login-screen, .page'; + + var $container = $(container); + var selector = stringSelector; + if (notStacked) { selector += ':not(.stacked)'; } + + var found = $container + .find(selector) + .filter(function (index, el) { return $(el).parents(modalsSelector).length === 0; }); + + if (found.length > 1) { + if (typeof view.selector === 'string') { + // Search in related view + found = $container.find(((view.selector) + " " + selector)); + } + if (found.length > 1) { + // Search in main view + found = $container.find(("." + (app.params.viewMainClass) + " " + selector)); + } + } + if (found.length === 1) { return found; } + + // Try to find not stacked + if (!notStacked) { found = router.findElement(selector, $container, true); } + if (found && found.length === 1) { return found; } + if (found && found.length > 1) { return $(found[0]); } + return undefined; + }; + + Router.prototype.flattenRoutes = function flattenRoutes (routes) { + var this$1 = this; + if ( routes === void 0 ) routes = this.routes; + + var flattenedRoutes = []; + routes.forEach(function (route) { + var hasTabRoutes = false; + if ('tabs' in route && route.tabs) { + var mergedPathsRoutes = route.tabs.map(function (tabRoute) { + var tRoute = Utils.extend({}, route, { + path: (((route.path) + "/" + (tabRoute.path))).replace('///', '/').replace('//', '/'), + parentPath: route.path, + tab: tabRoute, + }); + delete tRoute.tabs; + delete tRoute.routes; + return tRoute; + }); + hasTabRoutes = true; + flattenedRoutes = flattenedRoutes.concat(this$1.flattenRoutes(mergedPathsRoutes)); + } + if ('routes' in route) { + var mergedPathsRoutes$1 = route.routes.map(function (childRoute) { + var cRoute = Utils.extend({}, childRoute); + cRoute.path = (((route.path) + "/" + (cRoute.path))).replace('///', '/').replace('//', '/'); + return cRoute; + }); + if (hasTabRoutes) { + flattenedRoutes = flattenedRoutes.concat(this$1.flattenRoutes(mergedPathsRoutes$1)); + } else { + flattenedRoutes = flattenedRoutes.concat(route, this$1.flattenRoutes(mergedPathsRoutes$1)); + } + } + if (!('routes' in route) && !('tabs' in route && route.tabs)) { + flattenedRoutes.push(route); + } + }); + return flattenedRoutes; + }; + + // eslint-disable-next-line + Router.prototype.parseRouteUrl = function parseRouteUrl (url) { + if (!url) { return {}; } + var query = Utils.parseUrlQuery(url); + var hash = url.split('#')[1]; + var params = {}; + var path = url.split('#')[0].split('?')[0]; + return { + query: query, + hash: hash, + params: params, + url: url, + path: path, + }; + }; + + // eslint-disable-next-line + Router.prototype.constructRouteUrl = function constructRouteUrl (route, ref) { + if ( ref === void 0 ) ref = {}; + var params = ref.params; + var query = ref.query; + + var path = route.path; + var toUrl = pathToRegexp_1.compile(path); + var url; + try { + url = toUrl(params || {}); + } catch (error) { + throw new Error(("Framework7: error constructing route URL from passed params:\nRoute: " + path + "\n" + (error.toString()))); + } + + if (query) { + if (typeof query === 'string') { url += "?" + query; } + else { url += "?" + (Utils.serializeObject(query)); } + } + + return url; + }; + + Router.prototype.findTabRoute = function findTabRoute (tabEl) { + var router = this; + var $tabEl = $(tabEl); + var parentPath = router.currentRoute.route.parentPath; + var tabId = $tabEl.attr('id'); + var flattenedRoutes = router.flattenRoutes(router.routes); + var foundTabRoute; + flattenedRoutes.forEach(function (route) { + if ( + route.parentPath === parentPath + && route.tab + && route.tab.id === tabId + ) { + foundTabRoute = route; + } + }); + return foundTabRoute; + }; + + Router.prototype.findRouteByKey = function findRouteByKey (key, value) { + var router = this; + var routes = router.routes; + var flattenedRoutes = router.flattenRoutes(routes); + var matchingRoute; + + flattenedRoutes.forEach(function (route) { + if (matchingRoute) { return; } + if (route[key] === value) { + matchingRoute = route; + } + }); + return matchingRoute; + }; + + Router.prototype.findMatchingRoute = function findMatchingRoute (url) { + if (!url) { return undefined; } + var router = this; + var routes = router.routes; + var flattenedRoutes = router.flattenRoutes(routes); + var ref = router.parseRouteUrl(url); + var path = ref.path; + var query = ref.query; + var hash = ref.hash; + var params = ref.params; + var matchingRoute; + flattenedRoutes.forEach(function (route) { + if (matchingRoute) { return; } + var keys = []; + + var pathsToMatch = [route.path]; + if (route.alias) { + if (typeof route.alias === 'string') { pathsToMatch.push(route.alias); } + else if (Array.isArray(route.alias)) { + route.alias.forEach(function (aliasPath) { + pathsToMatch.push(aliasPath); + }); + } + } + + var matched; + pathsToMatch.forEach(function (pathToMatch) { + if (matched) { return; } + matched = pathToRegexp_1(pathToMatch, keys).exec(path); + }); + + if (matched) { + keys.forEach(function (keyObj, index) { + if (typeof keyObj.name === 'number') { return; } + var paramValue = matched[index + 1]; + params[keyObj.name] = paramValue; + }); + + var parentPath; + if (route.parentPath) { + parentPath = path.split('/').slice(0, route.parentPath.split('/').length - 1).join('/'); + } + + matchingRoute = { + query: query, + hash: hash, + params: params, + url: url, + path: path, + parentPath: parentPath, + route: route, + name: route.name, + }; + } + }); + return matchingRoute; + }; + + // eslint-disable-next-line + Router.prototype.replaceRequestUrlParams = function replaceRequestUrlParams (url, options) { + if ( url === void 0 ) url = ''; + if ( options === void 0 ) options = {}; + + var compiledUrl = url; + if (typeof compiledUrl === 'string' + && compiledUrl.indexOf('{{') >= 0 + && options + && options.route + && options.route.params + && Object.keys(options.route.params).length + ) { + Object.keys(options.route.params).forEach(function (paramName) { + var regExp = new RegExp(("{{" + paramName + "}}"), 'g'); + compiledUrl = compiledUrl.replace(regExp, options.route.params[paramName] || ''); + }); + } + return compiledUrl; + }; + + Router.prototype.removeFromXhrCache = function removeFromXhrCache (url) { + var router = this; + var xhrCache = router.cache.xhr; + var index = false; + for (var i = 0; i < xhrCache.length; i += 1) { + if (xhrCache[i].url === url) { index = i; } + } + if (index !== false) { xhrCache.splice(index, 1); } + }; + + Router.prototype.xhrRequest = function xhrRequest (requestUrl, options) { + var router = this; + var params = router.params; + var ignoreCache = options.ignoreCache; + var url = requestUrl; + + var hasQuery = url.indexOf('?') >= 0; + if (params.passRouteQueryToRequest + && options + && options.route + && options.route.query + && Object.keys(options.route.query).length + ) { + url += "" + (hasQuery ? '&' : '?') + (Utils.serializeObject(options.route.query)); + hasQuery = true; + } + + if (params.passRouteParamsToRequest + && options + && options.route + && options.route.params + && Object.keys(options.route.params).length + ) { + url += "" + (hasQuery ? '&' : '?') + (Utils.serializeObject(options.route.params)); + hasQuery = true; + } + + if (url.indexOf('{{') >= 0) { + url = router.replaceRequestUrlParams(url, options); + } + // should we ignore get params or not + if (params.xhrCacheIgnoreGetParameters && url.indexOf('?') >= 0) { + url = url.split('?')[0]; + } + return Utils.promise(function (resolve, reject) { + if (params.xhrCache && !ignoreCache && url.indexOf('nocache') < 0 && params.xhrCacheIgnore.indexOf(url) < 0) { + for (var i = 0; i < router.cache.xhr.length; i += 1) { + var cachedUrl = router.cache.xhr[i]; + if (cachedUrl.url === url) { + // Check expiration + if (Utils.now() - cachedUrl.time < params.xhrCacheDuration) { + // Load from cache + resolve(cachedUrl.content); + return; + } + } + } + } + router.xhr = router.app.request({ + url: url, + method: 'GET', + beforeSend: function beforeSend(xhr) { + router.emit('routerAjaxStart', xhr, options); + }, + complete: function complete(xhr, status) { + router.emit('routerAjaxComplete', xhr); + if ((status !== 'error' && status !== 'timeout' && (xhr.status >= 200 && xhr.status < 300)) || xhr.status === 0) { + if (params.xhrCache && xhr.responseText !== '') { + router.removeFromXhrCache(url); + router.cache.xhr.push({ + url: url, + time: Utils.now(), + content: xhr.responseText, + }); + } + router.emit('routerAjaxSuccess', xhr, options); + resolve(xhr.responseText); + } else { + router.emit('routerAjaxError', xhr, options); + reject(xhr); + } + }, + error: function error(xhr) { + router.emit('routerAjaxError', xhr, options); + reject(xhr); + }, + }); + }); + }; + + // Remove theme elements + Router.prototype.removeThemeElements = function removeThemeElements (el) { + var router = this; + var theme = router.app.theme; + $(el).find(("." + (theme === 'md' ? 'ios' : 'md') + "-only, .if-" + (theme === 'md' ? 'ios' : 'md'))).remove(); + }; + + Router.prototype.templateLoader = function templateLoader (template, templateUrl, options, resolve, reject) { + var router = this; + function compile(t) { + var compiledHtml; + var context; + try { + context = options.context || {}; + if (typeof context === 'function') { context = context.call(router); } + else if (typeof context === 'string') { + try { + context = JSON.parse(context); + } catch (err) { + reject(); + throw (err); + } + } + if (typeof t === 'function') { + compiledHtml = t(context); + } else { + compiledHtml = Template7.compile(t)(Utils.extend({}, context || {}, { + $app: router.app, + $root: Utils.extend({}, router.app.data, router.app.methods), + $route: options.route, + $router: router, + $theme: { + ios: router.app.theme === 'ios', + md: router.app.theme === 'md', + }, + })); + } + } catch (err) { + reject(); + throw (err); + } + resolve(compiledHtml, { context: context }); + } + if (templateUrl) { + // Load via XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router + .xhrRequest(templateUrl, options) + .then(function (templateContent) { + compile(templateContent); + }) + .catch(function () { + reject(); + }); + } else { + compile(template); + } + }; + + Router.prototype.modalTemplateLoader = function modalTemplateLoader (template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html) { + resolve(html); + }, reject); + }; + + Router.prototype.tabTemplateLoader = function tabTemplateLoader (template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html) { + resolve(html); + }, reject); + }; + + Router.prototype.pageTemplateLoader = function pageTemplateLoader (template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html, newOptions) { + if ( newOptions === void 0 ) newOptions = {}; + + resolve(router.getPageEl(html), newOptions); + }, reject); + }; + + Router.prototype.componentLoader = function componentLoader (component, componentUrl, options, resolve, reject) { + if ( options === void 0 ) options = {}; + + var router = this; + var app = router.app; + var url = typeof component === 'string' ? component : componentUrl; + var compiledUrl = router.replaceRequestUrlParams(url, options); + function compile(componentOptions) { + var context = options.context || {}; + if (typeof context === 'function') { context = context.call(router); } + else if (typeof context === 'string') { + try { + context = JSON.parse(context); + } catch (err) { + reject(); + throw (err); + } + } + var extendContext = Utils.merge( + {}, + context, + { + $route: options.route, + $router: router, + $theme: { + ios: app.theme === 'ios', + md: app.theme === 'md', + }, + } + ); + var createdComponent = app.component.create(componentOptions, extendContext); + resolve(createdComponent.el); + } + var cachedComponent; + if (compiledUrl) { + router.cache.components.forEach(function (cached) { + if (cached.url === compiledUrl) { cachedComponent = cached.component; } + }); + } + if (compiledUrl && cachedComponent) { + compile(cachedComponent); + } else if (compiledUrl && !cachedComponent) { + // Load via XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router + .xhrRequest(url, options) + .then(function (loadedComponent) { + var parsedComponent = app.component.parse(loadedComponent); + router.cache.components.push({ + url: compiledUrl, + component: parsedComponent, + }); + compile(parsedComponent); + }) + .catch(function (err) { + reject(); + throw (err); + }); + } else { + compile(component); + } + }; + + Router.prototype.modalComponentLoader = function modalComponentLoader (rootEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el) { + resolve(el); + }, reject); + }; + + Router.prototype.tabComponentLoader = function tabComponentLoader (tabEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el) { + resolve(el); + }, reject); + }; + + Router.prototype.pageComponentLoader = function pageComponentLoader (routerEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el, newOptions) { + if ( newOptions === void 0 ) newOptions = {}; + + resolve(el, newOptions); + }, reject); + }; + + Router.prototype.getPageData = function getPageData (pageEl, navbarEl, from, to, route, pageFromEl) { + if ( route === void 0 ) route = {}; + + var router = this; + var $pageEl = $(pageEl); + var $navbarEl = $(navbarEl); + var currentPage = $pageEl[0].f7Page || {}; + var direction; + var pageFrom; + if ((from === 'next' && to === 'current') || (from === 'current' && to === 'previous')) { direction = 'forward'; } + if ((from === 'current' && to === 'next') || (from === 'previous' && to === 'current')) { direction = 'backward'; } + if (currentPage && !currentPage.fromPage) { + var $pageFromEl = $(pageFromEl); + if ($pageFromEl.length) { + pageFrom = $pageFromEl[0].f7Page; + } + } + pageFrom = currentPage.pageFrom || pageFrom; + if (pageFrom && pageFrom.pageFrom) { + pageFrom.pageFrom = null; + } + var page = { + app: router.app, + view: router.view, + router: router, + $el: $pageEl, + el: $pageEl[0], + $pageEl: $pageEl, + pageEl: $pageEl[0], + $navbarEl: $navbarEl, + navbarEl: $navbarEl[0], + name: $pageEl.attr('data-name'), + position: from, + from: from, + to: to, + direction: direction, + route: currentPage.route ? currentPage.route : route, + pageFrom: pageFrom, + }; + + $pageEl[0].f7Page = page; + return page; + }; + + // Callbacks + Router.prototype.pageCallback = function pageCallback (callback, pageEl, navbarEl, from, to, options, pageFromEl) { + if ( options === void 0 ) options = {}; + + if (!pageEl) { return; } + var router = this; + var $pageEl = $(pageEl); + if (!$pageEl.length) { return; } + var route = options.route; + var restoreScrollTopOnBack = router.params.restoreScrollTopOnBack; + var keepAlive = $pageEl[0].f7Page && $pageEl[0].f7Page.route && $pageEl[0].f7Page.route.route && $pageEl[0].f7Page.route.route.keepAlive; + + if (callback === 'beforeRemove' && keepAlive) { + callback = 'beforeUnmount'; // eslint-disable-line + } + + var camelName = "page" + (callback[0].toUpperCase() + callback.slice(1, callback.length)); + var colonName = "page:" + (callback.toLowerCase()); + + var page = {}; + if (callback === 'beforeRemove' && $pageEl[0].f7Page) { + page = Utils.extend($pageEl[0].f7Page, { from: from, to: to, position: from }); + } else { + page = router.getPageData(pageEl, navbarEl, from, to, route, pageFromEl); + } + page.swipeBack = !!options.swipeBack; + + var ref = options.route ? options.route.route : {}; + var on = ref.on; if ( on === void 0 ) on = {}; + var once = ref.once; if ( once === void 0 ) once = {}; + if (options.on) { + Utils.extend(on, options.on); + } + if (options.once) { + Utils.extend(once, options.once); + } + + function attachEvents() { + if ($pageEl[0].f7RouteEventsAttached) { return; } + $pageEl[0].f7RouteEventsAttached = true; + if (on && Object.keys(on).length > 0) { + $pageEl[0].f7RouteEventsOn = on; + Object.keys(on).forEach(function (eventName) { + on[eventName] = on[eventName].bind(router); + $pageEl.on(Utils.eventNameToColonCase(eventName), on[eventName]); + }); + } + if (once && Object.keys(once).length > 0) { + $pageEl[0].f7RouteEventsOnce = once; + Object.keys(once).forEach(function (eventName) { + once[eventName] = once[eventName].bind(router); + $pageEl.once(Utils.eventNameToColonCase(eventName), once[eventName]); + }); + } + } + + function detachEvents() { + if (!$pageEl[0].f7RouteEventsAttached) { return; } + if ($pageEl[0].f7RouteEventsOn) { + Object.keys($pageEl[0].f7RouteEventsOn).forEach(function (eventName) { + $pageEl.off(Utils.eventNameToColonCase(eventName), $pageEl[0].f7RouteEventsOn[eventName]); + }); + } + if ($pageEl[0].f7RouteEventsOnce) { + Object.keys($pageEl[0].f7RouteEventsOnce).forEach(function (eventName) { + $pageEl.off(Utils.eventNameToColonCase(eventName), $pageEl[0].f7RouteEventsOnce[eventName]); + }); + } + $pageEl[0].f7RouteEventsAttached = null; + $pageEl[0].f7RouteEventsOn = null; + $pageEl[0].f7RouteEventsOnce = null; + delete $pageEl[0].f7RouteEventsAttached; + delete $pageEl[0].f7RouteEventsOn; + delete $pageEl[0].f7RouteEventsOnce; + } + + if (callback === 'mounted') { + attachEvents(); + } + if (callback === 'init') { + if (restoreScrollTopOnBack && (from === 'previous' || !from) && to === 'current' && router.scrollHistory[page.route.url] && !$pageEl.hasClass('no-restore-scroll')) { + var $pageContent = $pageEl.find('.page-content'); + if ($pageContent.length > 0) { + // eslint-disable-next-line + $pageContent = $pageContent.filter(function (pageContentIndex, pageContentEl) { + return ( + $(pageContentEl).parents('.tab:not(.tab-active)').length === 0 + && !$(pageContentEl).is('.tab:not(.tab-active)') + ); + }); + } + $pageContent.scrollTop(router.scrollHistory[page.route.url]); + } + attachEvents(); + if ($pageEl[0].f7PageInitialized) { + $pageEl.trigger('page:reinit', page); + router.emit('pageReinit', page); + return; + } + $pageEl[0].f7PageInitialized = true; + } + if (restoreScrollTopOnBack && callback === 'beforeOut' && from === 'current' && to === 'previous') { + // Save scroll position + var $pageContent$1 = $pageEl.find('.page-content'); + if ($pageContent$1.length > 0) { + // eslint-disable-next-line + $pageContent$1 = $pageContent$1.filter(function (pageContentIndex, pageContentEl) { + return ( + $(pageContentEl).parents('.tab:not(.tab-active)').length === 0 + && !$(pageContentEl).is('.tab:not(.tab-active)') + ); + }); + } + router.scrollHistory[page.route.url] = $pageContent$1.scrollTop(); + } + if (restoreScrollTopOnBack && callback === 'beforeOut' && from === 'current' && to === 'next') { + // Delete scroll position + delete router.scrollHistory[page.route.url]; + } + + $pageEl.trigger(colonName, page); + router.emit(camelName, page); + + if (callback === 'beforeRemove' || callback === 'beforeUnmount') { + detachEvents(); + if (!keepAlive) { + if ($pageEl[0].f7Page && $pageEl[0].f7Page.navbarEl) { + delete $pageEl[0].f7Page.navbarEl.f7Page; + } + $pageEl[0].f7Page = null; + } + } + }; + + Router.prototype.saveHistory = function saveHistory () { + var router = this; + router.view.history = router.history; + if (router.params.pushState) { + win.localStorage[("f7router-" + (router.view.id) + "-history")] = JSON.stringify(router.history); + } + }; + + Router.prototype.restoreHistory = function restoreHistory () { + var router = this; + if (router.params.pushState && win.localStorage[("f7router-" + (router.view.id) + "-history")]) { + router.history = JSON.parse(win.localStorage[("f7router-" + (router.view.id) + "-history")]); + router.view.history = router.history; + } + }; + + Router.prototype.clearHistory = function clearHistory () { + var router = this; + router.history = []; + if (router.view) { router.view.history = []; } + router.saveHistory(); + }; + + Router.prototype.updateCurrentUrl = function updateCurrentUrl (newUrl) { + var router = this; + appRouterCheck(router, 'updateCurrentUrl'); + // Update history + if (router.history.length) { + router.history[router.history.length - 1] = newUrl; + } else { + router.history.push(newUrl); + } + + // Update current route params + var ref = router.parseRouteUrl(newUrl); + var query = ref.query; + var hash = ref.hash; + var params = ref.params; + var url = ref.url; + var path = ref.path; + if (router.currentRoute) { + Utils.extend(router.currentRoute, { + query: query, + hash: hash, + params: params, + url: url, + path: path, + }); + } + + if (router.params.pushState) { + var pushStateRoot = router.params.pushStateRoot || ''; + History.replace( + router.view.id, + { + url: newUrl, + }, + pushStateRoot + router.params.pushStateSeparator + newUrl + ); + } + + // Save History + router.saveHistory(); + + router.emit('routeUrlUpdate', router.currentRoute, router); + }; + + Router.prototype.init = function init () { + var router = this; + var app = router.app; + var view = router.view; + + // Init Swipeback + { + if ( + (view && router.params.iosSwipeBack && app.theme === 'ios') + || (view && router.params.mdSwipeBack && app.theme === 'md') + ) { + SwipeBack(router); + } + } + + // Dynamic not separated navbbar + if (router.dynamicNavbar && !router.separateNavbar) { + router.$el.addClass('router-dynamic-navbar-inside'); + } + + var initUrl = router.params.url; + var documentUrl = doc.location.href.split(doc.location.origin)[1]; + var historyRestored; + var ref = router.params; + var pushState = ref.pushState; + var pushStateOnLoad = ref.pushStateOnLoad; + var pushStateSeparator = ref.pushStateSeparator; + var pushStateAnimateOnLoad = ref.pushStateAnimateOnLoad; + var ref$1 = router.params; + var pushStateRoot = ref$1.pushStateRoot; + if (win.cordova && pushState && !pushStateSeparator && !pushStateRoot && doc.location.pathname.indexOf('index.html')) { + // eslint-disable-next-line + console.warn('Framework7: wrong or not complete pushState configuration, trying to guess pushStateRoot'); + pushStateRoot = doc.location.pathname.split('index.html')[0]; + } + + if (!pushState || !pushStateOnLoad) { + if (!initUrl) { + initUrl = documentUrl; + } + if (doc.location.search && initUrl.indexOf('?') < 0) { + initUrl += doc.location.search; + } + if (doc.location.hash && initUrl.indexOf('#') < 0) { + initUrl += doc.location.hash; + } + } else { + if (pushStateRoot && documentUrl.indexOf(pushStateRoot) >= 0) { + documentUrl = documentUrl.split(pushStateRoot)[1]; + if (documentUrl === '') { documentUrl = '/'; } + } + if (pushStateSeparator.length > 0 && documentUrl.indexOf(pushStateSeparator) >= 0) { + initUrl = documentUrl.split(pushStateSeparator)[1]; + } else { + initUrl = documentUrl; + } + router.restoreHistory(); + if (router.history.indexOf(initUrl) >= 0) { + router.history = router.history.slice(0, router.history.indexOf(initUrl) + 1); + } else if (router.params.url === initUrl) { + router.history = [initUrl]; + } else if (History.state && History.state[view.id] && History.state[view.id].url === router.history[router.history.length - 1]) { + initUrl = router.history[router.history.length - 1]; + } else { + router.history = [documentUrl.split(pushStateSeparator)[0] || '/', initUrl]; + } + if (router.history.length > 1) { + historyRestored = true; + } else { + router.history = []; + } + router.saveHistory(); + } + var currentRoute; + if (router.history.length > 1) { + // Will load page + currentRoute = router.findMatchingRoute(router.history[0]); + if (!currentRoute) { + currentRoute = Utils.extend(router.parseRouteUrl(router.history[0]), { + route: { + url: router.history[0], + path: router.history[0].split('?')[0], + }, + }); + } + } else { + // Don't load page + currentRoute = router.findMatchingRoute(initUrl); + if (!currentRoute) { + currentRoute = Utils.extend(router.parseRouteUrl(initUrl), { + route: { + url: initUrl, + path: initUrl.split('?')[0], + }, + }); + } + } + + if (router.params.stackPages) { + router.$el.children('.page').each(function (index, pageEl) { + var $pageEl = $(pageEl); + router.initialPages.push($pageEl[0]); + if (router.separateNavbar && $pageEl.children('.navbar').length > 0) { + router.initialNavbars.push($pageEl.children('.navbar').find('.navbar-inner')[0]); + } + }); + } + + if (router.$el.children('.page:not(.stacked)').length === 0 && initUrl) { + // No pages presented in DOM, reload new page + router.navigate(initUrl, { + initial: true, + reloadCurrent: true, + pushState: false, + }); + } else { + // Init current DOM page + var hasTabRoute; + router.currentRoute = currentRoute; + router.$el.children('.page:not(.stacked)').each(function (index, pageEl) { + var $pageEl = $(pageEl); + var $navbarInnerEl; + $pageEl.addClass('page-current'); + if (router.separateNavbar) { + $navbarInnerEl = $pageEl.children('.navbar').children('.navbar-inner'); + if ($navbarInnerEl.length > 0) { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + router.$navbarEl.append($navbarInnerEl); + $pageEl.children('.navbar').remove(); + } else { + router.$navbarEl.addClass('navbar-hidden'); + } + } + var initOptions = { + route: router.currentRoute, + }; + if (router.currentRoute && router.currentRoute.route && router.currentRoute.route.options) { + Utils.extend(initOptions, router.currentRoute.route.options); + } + router.currentPageEl = $pageEl[0]; + if (router.dynamicNavbar && $navbarInnerEl.length) { + router.currentNavbarEl = $navbarInnerEl[0]; + } + router.removeThemeElements($pageEl); + if (router.dynamicNavbar && $navbarInnerEl.length) { + router.removeThemeElements($navbarInnerEl); + } + if (initOptions.route.route.tab) { + hasTabRoute = true; + router.tabLoad(initOptions.route.route.tab, Utils.extend({}, initOptions)); + } + router.pageCallback('init', $pageEl, $navbarInnerEl, 'current', undefined, initOptions); + }); + if (historyRestored) { + router.navigate(initUrl, { + initial: true, + pushState: false, + history: false, + animate: pushStateAnimateOnLoad, + once: { + pageAfterIn: function pageAfterIn() { + if (router.history.length > 2) { + router.back({ preload: true }); + } + }, + }, + }); + } + if (!historyRestored && !hasTabRoute) { + router.history.push(initUrl); + router.saveHistory(); + } + } + if (initUrl && pushState && pushStateOnLoad && (!History.state || !History.state[view.id])) { + History.initViewState(view.id, { + url: initUrl, + }); + } + router.emit('local::init routerInit', router); + }; + + Router.prototype.destroy = function destroy () { + var router = this; + + router.emit('local::destroy routerDestroy', router); + + // Delete props & methods + Object.keys(router).forEach(function (routerProp) { + router[routerProp] = null; + delete router[routerProp]; + }); + + router = null; + }; + + return Router; + }(Framework7Class)); + + // Load + Router.prototype.forward = forward; + Router.prototype.load = load; + Router.prototype.navigate = navigate; + Router.prototype.refreshPage = refreshPage; + // Tab + Router.prototype.tabLoad = tabLoad; + Router.prototype.tabRemove = tabRemove; + // Modal + Router.prototype.modalLoad = modalLoad; + Router.prototype.modalRemove = modalRemove; + // Back + Router.prototype.backward = backward; + Router.prototype.loadBack = loadBack; + Router.prototype.back = back; + // Clear previoius pages from the DOM + Router.prototype.clearPreviousPages = clearPreviousPages; + // Clear history + Router.prototype.clearPreviousHistory = clearPreviousHistory; + + var Router$1 = { + name: 'router', + static: { + Router: Router, + }, + instance: { + cache: { + xhr: [], + templates: [], + components: [], + }, + }, + create: function create() { + var instance = this; + if (instance.app) { + // View Router + if (instance.params.router) { + instance.router = new Router(instance.app, instance); + } + } else { + // App Router + instance.router = new Router(instance); + } + }, + }; + + var View = /*@__PURE__*/(function (Framework7Class$$1) { + function View(appInstance, el, viewParams) { + if ( viewParams === void 0 ) viewParams = {}; + + Framework7Class$$1.call(this, viewParams, [appInstance]); + + var app = appInstance; + var $el = $(el); + var view = this; + + var defaults = { + routes: [], + routesAdd: [], + }; + + // Default View params + view.params = Utils.extend(defaults, app.params.view, viewParams); + + // Routes + if (view.params.routes.length > 0) { + view.routes = view.params.routes; + } else { + view.routes = [].concat(app.routes, view.params.routesAdd); + } + + // Selector + var selector; + if (typeof el === 'string') { selector = el; } + else { + // Supposed to be HTMLElement or Dom7 + selector = ($el.attr('id') ? ("#" + ($el.attr('id'))) : '') + ($el.attr('class') ? ("." + ($el.attr('class').replace(/ /g, '.').replace('.active', ''))) : ''); + } + + // DynamicNavbar + var $navbarEl; + if (app.theme === 'ios' && view.params.iosDynamicNavbar && view.params.iosSeparateDynamicNavbar) { + $navbarEl = $el.children('.navbar').eq(0); + if ($navbarEl.length === 0) { + $navbarEl = $('
'); + } + } + + // View Props + Utils.extend(false, view, { + app: app, + $el: $el, + el: $el[0], + name: view.params.name, + main: view.params.main || $el.hasClass('view-main'), + $navbarEl: $navbarEl, + navbarEl: $navbarEl ? $navbarEl[0] : undefined, + selector: selector, + history: [], + scrollHistory: {}, + }); + + // Save in DOM + $el[0].f7View = view; + + // Install Modules + view.useModules(); + + // Add to app + app.views.push(view); + if (view.main) { + app.views.main = view; + } + if (view.name) { + app.views[view.name] = view; + } + + // Index + view.index = app.views.indexOf(view); + + // View ID + var viewId; + if (view.name) { + viewId = "view_" + (view.name); + } else if (view.main) { + viewId = 'view_main'; + } else { + viewId = "view_" + (view.index); + } + view.id = viewId; + + // Init View + if (app.initialized) { + view.init(); + } else { + app.on('init', function () { + view.init(); + }); + } + + return view; + } + + if ( Framework7Class$$1 ) View.__proto__ = Framework7Class$$1; + View.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + View.prototype.constructor = View; + + View.prototype.destroy = function destroy () { + var view = this; + var app = view.app; + + view.$el.trigger('view:beforedestroy', view); + view.emit('local::beforeDestroy viewBeforeDestroy', view); + + if (view.main) { + app.views.main = null; + delete app.views.main; + } else if (view.name) { + app.views[view.name] = null; + delete app.views[view.name]; + } + view.$el[0].f7View = null; + delete view.$el[0].f7View; + + app.views.splice(app.views.indexOf(view), 1); + + // Destroy Router + if (view.params.router && view.router) { + view.router.destroy(); + } + + view.emit('local::destroy viewDestroy', view); + + // Delete props & methods + Object.keys(view).forEach(function (viewProp) { + view[viewProp] = null; + delete view[viewProp]; + }); + + view = null; + }; + + View.prototype.init = function init () { + var view = this; + if (view.params.router) { + view.router.init(); + view.$el.trigger('view:init', view); + view.emit('local::init viewInit', view); + } + }; + + return View; + }(Framework7Class)); + + // Use Router + View.use(Router$1); + + function initClicks(app) { + function handleClicks(e) { + var $clickedEl = $(e.target); + var $clickedLinkEl = $clickedEl.closest('a'); + var isLink = $clickedLinkEl.length > 0; + var url = isLink && $clickedLinkEl.attr('href'); + var isTabLink = isLink && $clickedLinkEl.hasClass('tab-link') && ($clickedLinkEl.attr('data-tab') || (url && url.indexOf('#') === 0)); + + // Check if link is external + if (isLink) { + // eslint-disable-next-line + if ($clickedLinkEl.is(app.params.clicks.externalLinks) || (url && url.indexOf('javascript:') >= 0)) { + var target = $clickedLinkEl.attr('target'); + if ( + url + && win.cordova + && win.cordova.InAppBrowser + && (target === '_system' || target === '_blank') + ) { + e.preventDefault(); + win.cordova.InAppBrowser.open(url, target); + } + return; + } + } + + // Modules Clicks + Object.keys(app.modules).forEach(function (moduleName) { + var moduleClicks = app.modules[moduleName].clicks; + if (!moduleClicks) { return; } + Object.keys(moduleClicks).forEach(function (clickSelector) { + var matchingClickedElement = $clickedEl.closest(clickSelector).eq(0); + if (matchingClickedElement.length > 0) { + moduleClicks[clickSelector].call(app, matchingClickedElement, matchingClickedElement.dataset()); + } + }); + }); + + // Load Page + var clickedLinkData = {}; + if (isLink) { + e.preventDefault(); + clickedLinkData = $clickedLinkEl.dataset(); + } + var validUrl = url && url.length > 0 && url !== '#' && !isTabLink; + if (validUrl || $clickedLinkEl.hasClass('back')) { + var view; + if (clickedLinkData.view) { + view = $(clickedLinkData.view)[0].f7View; + } else { + view = $clickedEl.parents('.view')[0] && $clickedEl.parents('.view')[0].f7View; + if (!$clickedLinkEl.hasClass('back') && view && view.params.linksView) { + if (typeof view.params.linksView === 'string') { view = $(view.params.linksView)[0].f7View; } + else if (view.params.linksView instanceof View) { view = view.params.linksView; } + } + } + if (!view) { + if (app.views.main) { view = app.views.main; } + } + if (!view || !view.router) { return; } + if (clickedLinkData.context && typeof clickedLinkData.context === 'string') { + try { + clickedLinkData.context = JSON.parse(clickedLinkData.context); + } catch (err) { + // something wrong there + } + } + if ($clickedLinkEl[0].f7RouteProps) { + clickedLinkData.props = $clickedLinkEl[0].f7RouteProps; + } + if ($clickedLinkEl.hasClass('back')) { view.router.back(url, clickedLinkData); } + else { view.router.navigate(url, clickedLinkData); } + } + } + + app.on('click', handleClicks); + + // Prevent scrolling on overlays + function preventScrolling(e) { + e.preventDefault(); + } + if (Support.touch && !Device.android) { + var activeListener = Support.passiveListener ? { passive: false, capture: false } : false; + $(doc).on((app.params.touch.fastClicks ? 'touchstart' : 'touchmove'), '.panel-backdrop, .dialog-backdrop, .preloader-backdrop, .popup-backdrop, .searchbar-backdrop', preventScrolling, activeListener); + } + } + var ClicksModule = { + name: 'clicks', + params: { + clicks: { + // External Links + externalLinks: '.external', + }, + }, + on: { + init: function init() { + var app = this; + initClicks(app); + }, + }, + }; + + var HistoryModule = { + name: 'history', + static: { + history: History, + }, + on: { + init: function init() { + History.init(this); + }, + }, + }; + + var keyPrefix = 'f7storage-'; + var Storage = { + get: function get(key) { + return Utils.promise(function (resolve, reject) { + try { + var value = JSON.parse(win.localStorage.getItem(("" + keyPrefix + key))); + resolve(value); + } catch (e) { + reject(e); + } + }); + }, + set: function set(key, value) { + return Utils.promise(function (resolve, reject) { + try { + win.localStorage.setItem(("" + keyPrefix + key), JSON.stringify(value)); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + remove: function remove(key) { + return Utils.promise(function (resolve, reject) { + try { + win.localStorage.removeItem(("" + keyPrefix + key)); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + clear: function clear() { + + }, + length: function length() { + + }, + keys: function keys() { + return Utils.promise(function (resolve, reject) { + try { + var keys = Object.keys(win.localStorage) + .filter(function (keyName) { return keyName.indexOf(keyPrefix) === 0; }) + .map(function (keyName) { return keyName.replace(keyPrefix, ''); }); + resolve(keys); + } catch (e) { + reject(e); + } + }); + }, + forEach: function forEach(callback) { + return Utils.promise(function (resolve, reject) { + try { + Object.keys(win.localStorage) + .filter(function (keyName) { return keyName.indexOf(keyPrefix) === 0; }) + .forEach(function (keyName, index) { + var key = keyName.replace(keyPrefix, ''); + Storage.get(key).then(function (value) { + callback(key, value, index); + }); + }); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + }; + + var StorageModule = { + name: 'storage', + static: { + Storage: Storage, + storage: Storage, + }, + }; + + function vnode(sel, data, children, text, elm) { + var key = data === undefined ? undefined : data.key; + return { sel: sel, data: data, children: children, + text: text, elm: elm, key: key }; + } + + var array = Array.isArray; + function primitive(s) { + return typeof s === 'string' || typeof s === 'number'; + } + + function addNS(data, children, sel) { + data.ns = 'http://www.w3.org/2000/svg'; + if (sel !== 'foreignObject' && children !== undefined) { + for (var i = 0; i < children.length; ++i) { + var childData = children[i].data; + if (childData !== undefined) { + addNS(childData, children[i].children, children[i].sel); + } + } + } + } + function h(sel, b, c) { + var data = {}, children, text, i; + if (c !== undefined) { + data = b; + if (array(c)) { + children = c; + } + else if (primitive(c)) { + text = c; + } + else if (c && c.sel) { + children = [c]; + } + } + else if (b !== undefined) { + if (array(b)) { + children = b; + } + else if (primitive(b)) { + text = b; + } + else if (b && b.sel) { + children = [b]; + } + else { + data = b; + } + } + if (array(children)) { + for (i = 0; i < children.length; ++i) { + if (primitive(children[i])) + { children[i] = vnode(undefined, undefined, undefined, children[i], undefined); } + } + } + if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g' && + (sel.length === 3 || sel[3] === '.' || sel[3] === '#')) { + addNS(data, children, sel); + } + return vnode(sel, data, children, text, undefined); + } + + /* eslint no-use-before-define: "off" */ + + var selfClosing = 'area base br col command embed hr img input keygen link menuitem meta param source track wbr'.split(' '); + var propsAttrs = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple value'.split(' '); + var booleanProps = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple readOnly'.split(' '); + var tempDom = doc.createElement('div'); + + function getHooks(data, app, initial, isRoot) { + var hooks = {}; + if (!data || !data.attrs || !data.attrs.class) { return hooks; } + var classNames = data.attrs.class; + var insert = []; + var destroy = []; + var update = []; + var postpatch = []; + classNames.split(' ').forEach(function (className) { + if (!initial) { + insert.push.apply(insert, app.getVnodeHooks('insert', className)); + } + destroy.push.apply(destroy, app.getVnodeHooks('destroy', className)); + update.push.apply(update, app.getVnodeHooks('update', className)); + postpatch.push.apply(postpatch, app.getVnodeHooks('postpatch', className)); + }); + + if (isRoot && !initial) { + postpatch.push(function (oldVnode, vnode) { + var vn = vnode || oldVnode; + if (!vn) { return; } + if (vn.data && vn.data.context && vn.data.context.$options.updated) { + vn.data.context.$options.updated(); + } + }); + } + if (insert.length === 0 && destroy.length === 0 && update.length === 0 && postpatch.length === 0) { + return hooks; + } + if (insert.length) { + hooks.insert = function (vnode) { + insert.forEach(function (f) { return f(vnode); }); + }; + } + if (destroy.length) { + hooks.destroy = function (vnode) { + destroy.forEach(function (f) { return f(vnode); }); + }; + } + if (update.length) { + hooks.update = function (oldVnode, vnode) { + update.forEach(function (f) { return f(oldVnode, vnode); }); + }; + } + if (postpatch.length) { + hooks.postpatch = function (oldVnode, vnode) { + postpatch.forEach(function (f) { return f(oldVnode, vnode); }); + }; + } + + return hooks; + } + function getEventHandler(handlerString, context, ref) { + if ( ref === void 0 ) ref = {}; + var stop = ref.stop; + var prevent = ref.prevent; + var once = ref.once; + + var fired = false; + + var methodName; + var method; + var customArgs = []; + var needMethodBind = true; + + if (handlerString.indexOf('(') < 0) { + methodName = handlerString; + } else { + methodName = handlerString.split('(')[0]; + } + if (methodName.indexOf('.') >= 0) { + methodName.split('.').forEach(function (path, pathIndex) { + if (pathIndex === 0 && path === 'this') { return; } + if (pathIndex === 0 && path === 'window') { + // eslint-disable-next-line + method = win; + needMethodBind = false; + return; + } + if (!method) { method = context; } + if (method[path]) { method = method[path]; } + else { + throw new Error(("Framework7: Component doesn't have method \"" + (methodName.split('.').slice(0, pathIndex + 1).join('.')) + "\"")); + } + }); + } else { + if (!context[methodName]) { + throw new Error(("Framework7: Component doesn't have method \"" + methodName + "\"")); + } + method = context[methodName]; + } + if (needMethodBind) { + method = method.bind(context); + } + + function handler() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var e = args[0]; + if (once && fired) { return; } + if (stop) { e.stopPropagation(); } + if (prevent) { e.preventDefault(); } + fired = true; + + if (handlerString.indexOf('(') < 0) { + customArgs = args; + } else { + handlerString.split('(')[1].split(')')[0].split(',').forEach(function (argument) { + var arg = argument.trim(); + // eslint-disable-next-line + if (!isNaN(arg)) { arg = parseFloat(arg); } + else if (arg === 'true') { arg = true; } + else if (arg === 'false') { arg = false; } + else if (arg === 'null') { arg = null; } + else if (arg === 'undefined') { arg = undefined; } + else if (arg[0] === '"') { arg = arg.replace(/"/g, ''); } + else if (arg[0] === '\'') { arg = arg.replace(/'/g, ''); } + else if (arg.indexOf('.') > 0) { + var deepArg; + arg.split('.').forEach(function (path) { + if (!deepArg) { deepArg = context; } + deepArg = deepArg[path]; + }); + arg = deepArg; + } else { + arg = context[arg]; + } + customArgs.push(arg); + }); + } + + method.apply(void 0, customArgs); + } + + return handler; + } + + function getData(el, context, app, initial, isRoot) { + var data = { + context: context, + }; + var attributes = el.attributes; + Array.prototype.forEach.call(attributes, function (attr) { + var attrName = attr.name; + var attrValue = attr.value; + if (propsAttrs.indexOf(attrName) >= 0) { + // Props + if (!data.props) { data.props = {}; } + if (attrName === 'readonly') { + attrName = 'readOnly'; + } + if (booleanProps.indexOf(attrName) >= 0) { + // eslint-disable-next-line + data.props[attrName] = attrValue === false ? false : true; + } else { + data.props[attrName] = attrValue; + } + } else if (attrName === 'key') { + // Key + data.key = attrValue; + } else if (attrName.indexOf('@') === 0) { + // Events + if (!data.on) { data.on = {}; } + var eventName = attrName.substr(1); + var stop = false; + var prevent = false; + var once = false; + if (eventName.indexOf('.') >= 0) { + eventName.split('.').forEach(function (eventNamePart, eventNameIndex) { + if (eventNameIndex === 0) { eventName = eventNamePart; } + else { + if (eventNamePart === 'stop') { stop = true; } + if (eventNamePart === 'prevent') { prevent = true; } + if (eventNamePart === 'once') { once = true; } + } + }); + } + data.on[eventName] = getEventHandler(attrValue, context, { stop: stop, prevent: prevent, once: once }); + } else if (attrName === 'style') { + // Style + if (attrValue.indexOf('{') >= 0 && attrValue.indexOf('}') >= 0) { + try { + data.style = JSON.parse(attrValue); + } catch (e) { + if (!data.attrs) { data.attrs = {}; } + data.attrs.style = attrValue; + } + } else { + if (!data.attrs) { data.attrs = {}; } + data.attrs.style = attrValue; + } + } else { + // Rest of attribures + if (!data.attrs) { data.attrs = {}; } + data.attrs[attrName] = attrValue; + + // ID -> Key + if (attrName === 'id' && !data.key && !isRoot) { + data.key = attrValue; + } + } + }); + var hooks = getHooks(data, app, initial, isRoot); + hooks.prepatch = function (oldVnode, vnode) { + if (!oldVnode || !vnode) { return; } + if (oldVnode && oldVnode.data && oldVnode.data.props) { + Object.keys(oldVnode.data.props).forEach(function (key) { + if (booleanProps.indexOf(key) < 0) { return; } + if (!vnode.data) { vnode.data = {}; } + if (!vnode.data.props) { vnode.data.props = {}; } + if (oldVnode.data.props[key] === true && !(key in vnode.data.props)) { + vnode.data.props[key] = false; + } + }); + } + }; + if (hooks) { + data.hook = hooks; + } + return data; + } + + function getChildren(el, context, app, initial) { + var children = []; + var nodes = el.childNodes; + for (var i = 0; i < nodes.length; i += 1) { + var childNode = nodes[i]; + var child = elementToVNode(childNode, context, app, initial); + if (child) { + children.push(child); + } + } + return children; + } + + function elementToVNode(el, context, app, initial, isRoot) { + if (el.nodeType === 1) { + // element + var tagName = el.nodeName.toLowerCase(); + return h( + tagName, + getData(el, context, app, initial, isRoot), + selfClosing.indexOf(tagName) >= 0 ? [] : getChildren(el, context, app, initial) + ); + } + if (el.nodeType === 3) { + // text + return el.textContent; + } + return null; + } + + function vdom (html, context, app, initial) { + if ( html === void 0 ) html = ''; + + // Save to temp dom + tempDom.innerHTML = html.trim(); + + // Parse DOM + var rootEl; + for (var i = 0; i < tempDom.childNodes.length; i += 1) { + if (!rootEl && tempDom.childNodes[i].nodeType === 1) { + rootEl = tempDom.childNodes[i]; + } + } + var result = elementToVNode(rootEl, context, app, initial, true); + + // Clean + tempDom.innerHTML = ''; + + return result; + } + + function createElement(tagName) { + return document.createElement(tagName); + } + function createElementNS(namespaceURI, qualifiedName) { + return document.createElementNS(namespaceURI, qualifiedName); + } + function createTextNode(text) { + return document.createTextNode(text); + } + function createComment(text) { + return document.createComment(text); + } + function insertBefore$1(parentNode, newNode, referenceNode) { + parentNode.insertBefore(newNode, referenceNode); + } + function removeChild(node, child) { + if (!node) { return; } + node.removeChild(child); + } + function appendChild(node, child) { + node.appendChild(child); + } + function parentNode(node) { + return node.parentNode; + } + function nextSibling(node) { + return node.nextSibling; + } + function tagName(elm) { + return elm.tagName; + } + function setTextContent(node, text) { + node.textContent = text; + } + function getTextContent(node) { + return node.textContent; + } + function isElement(node) { + return node.nodeType === 1; + } + function isText(node) { + return node.nodeType === 3; + } + function isComment(node) { + return node.nodeType === 8; + } + var htmlDomApi = { + createElement: createElement, + createElementNS: createElementNS, + createTextNode: createTextNode, + createComment: createComment, + insertBefore: insertBefore$1, + removeChild: removeChild, + appendChild: appendChild, + parentNode: parentNode, + nextSibling: nextSibling, + tagName: tagName, + setTextContent: setTextContent, + getTextContent: getTextContent, + isElement: isElement, + isText: isText, + isComment: isComment, + }; + + function isUndef(s) { return s === undefined; } + function isDef(s) { return s !== undefined; } + var emptyNode = vnode('', {}, [], undefined, undefined); + function sameVnode(vnode1, vnode2) { + return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel; + } + function isVnode(vnode$$1) { + return vnode$$1.sel !== undefined; + } + function createKeyToOldIdx(children, beginIdx, endIdx) { + var i, map = {}, key, ch; + for (i = beginIdx; i <= endIdx; ++i) { + ch = children[i]; + if (ch != null) { + key = ch.key; + if (key !== undefined) + { map[key] = i; } + } + } + return map; + } + var hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post']; + function init$1(modules, domApi) { + var i, j, cbs = {}; + var api = domApi !== undefined ? domApi : htmlDomApi; + for (i = 0; i < hooks.length; ++i) { + cbs[hooks[i]] = []; + for (j = 0; j < modules.length; ++j) { + var hook = modules[j][hooks[i]]; + if (hook !== undefined) { + cbs[hooks[i]].push(hook); + } + } + } + function emptyNodeAt(elm) { + var id = elm.id ? '#' + elm.id : ''; + var c = elm.className ? '.' + elm.className.split(' ').join('.') : ''; + return vnode(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm); + } + function createRmCb(childElm, listeners) { + return function rmCb() { + if (--listeners === 0) { + var parent_1 = api.parentNode(childElm); + api.removeChild(parent_1, childElm); + } + }; + } + function createElm(vnode$$1, insertedVnodeQueue) { + var i, data = vnode$$1.data; + if (data !== undefined) { + if (isDef(i = data.hook) && isDef(i = i.init)) { + i(vnode$$1); + data = vnode$$1.data; + } + } + var children = vnode$$1.children, sel = vnode$$1.sel; + if (sel === '!') { + if (isUndef(vnode$$1.text)) { + vnode$$1.text = ''; + } + vnode$$1.elm = api.createComment(vnode$$1.text); + } + else if (sel !== undefined) { + // Parse selector + var hashIdx = sel.indexOf('#'); + var dotIdx = sel.indexOf('.', hashIdx); + var hash = hashIdx > 0 ? hashIdx : sel.length; + var dot = dotIdx > 0 ? dotIdx : sel.length; + var tag = hashIdx !== -1 || dotIdx !== -1 ? sel.slice(0, Math.min(hash, dot)) : sel; + var elm = vnode$$1.elm = isDef(data) && isDef(i = data.ns) ? api.createElementNS(i, tag) + : api.createElement(tag); + if (hash < dot) + { elm.setAttribute('id', sel.slice(hash + 1, dot)); } + if (dotIdx > 0) + { elm.setAttribute('class', sel.slice(dot + 1).replace(/\./g, ' ')); } + for (i = 0; i < cbs.create.length; ++i) + { cbs.create[i](emptyNode, vnode$$1); } + if (array(children)) { + for (i = 0; i < children.length; ++i) { + var ch = children[i]; + if (ch != null) { + api.appendChild(elm, createElm(ch, insertedVnodeQueue)); + } + } + } + else if (primitive(vnode$$1.text)) { + api.appendChild(elm, api.createTextNode(vnode$$1.text)); + } + i = vnode$$1.data.hook; // Reuse variable + if (isDef(i)) { + if (i.create) + { i.create(emptyNode, vnode$$1); } + if (i.insert) + { insertedVnodeQueue.push(vnode$$1); } + } + } + else { + vnode$$1.elm = api.createTextNode(vnode$$1.text); + } + return vnode$$1.elm; + } + function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) { + for (; startIdx <= endIdx; ++startIdx) { + var ch = vnodes[startIdx]; + if (ch != null) { + api.insertBefore(parentElm, createElm(ch, insertedVnodeQueue), before); + } + } + } + function invokeDestroyHook(vnode$$1) { + var i, j, data = vnode$$1.data; + if (data !== undefined) { + if (isDef(i = data.hook) && isDef(i = i.destroy)) + { i(vnode$$1); } + for (i = 0; i < cbs.destroy.length; ++i) + { cbs.destroy[i](vnode$$1); } + if (vnode$$1.children !== undefined) { + for (j = 0; j < vnode$$1.children.length; ++j) { + i = vnode$$1.children[j]; + if (i != null && typeof i !== "string") { + invokeDestroyHook(i); + } + } + } + } + } + function removeVnodes(parentElm, vnodes, startIdx, endIdx) { + for (; startIdx <= endIdx; ++startIdx) { + var i_1 = void 0, listeners = void 0, rm = void 0, ch = vnodes[startIdx]; + if (ch != null) { + if (isDef(ch.sel)) { + invokeDestroyHook(ch); + listeners = cbs.remove.length + 1; + rm = createRmCb(ch.elm, listeners); + for (i_1 = 0; i_1 < cbs.remove.length; ++i_1) + { cbs.remove[i_1](ch, rm); } + if (isDef(i_1 = ch.data) && isDef(i_1 = i_1.hook) && isDef(i_1 = i_1.remove)) { + i_1(ch, rm); + } + else { + rm(); + } + } + else { + api.removeChild(parentElm, ch.elm); + } + } + } + } + function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) { + var oldStartIdx = 0, newStartIdx = 0; + var oldEndIdx = oldCh.length - 1; + var oldStartVnode = oldCh[0]; + var oldEndVnode = oldCh[oldEndIdx]; + var newEndIdx = newCh.length - 1; + var newStartVnode = newCh[0]; + var newEndVnode = newCh[newEndIdx]; + var oldKeyToIdx; + var idxInOld; + var elmToMove; + var before; + while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) { + if (oldStartVnode == null) { + oldStartVnode = oldCh[++oldStartIdx]; // Vnode might have been moved left + } + else if (oldEndVnode == null) { + oldEndVnode = oldCh[--oldEndIdx]; + } + else if (newStartVnode == null) { + newStartVnode = newCh[++newStartIdx]; + } + else if (newEndVnode == null) { + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldStartVnode, newStartVnode)) { + patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue); + oldStartVnode = oldCh[++oldStartIdx]; + newStartVnode = newCh[++newStartIdx]; + } + else if (sameVnode(oldEndVnode, newEndVnode)) { + patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue); + oldEndVnode = oldCh[--oldEndIdx]; + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldStartVnode, newEndVnode)) { + patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue); + api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm)); + oldStartVnode = oldCh[++oldStartIdx]; + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldEndVnode, newStartVnode)) { + patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue); + api.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm); + oldEndVnode = oldCh[--oldEndIdx]; + newStartVnode = newCh[++newStartIdx]; + } + else { + if (oldKeyToIdx === undefined) { + oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); + } + idxInOld = oldKeyToIdx[newStartVnode.key]; + if (isUndef(idxInOld)) { + api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm); + newStartVnode = newCh[++newStartIdx]; + } + else { + elmToMove = oldCh[idxInOld]; + if (elmToMove.sel !== newStartVnode.sel) { + api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm); + } + else { + patchVnode(elmToMove, newStartVnode, insertedVnodeQueue); + oldCh[idxInOld] = undefined; + api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm); + } + newStartVnode = newCh[++newStartIdx]; + } + } + } + if (oldStartIdx <= oldEndIdx || newStartIdx <= newEndIdx) { + if (oldStartIdx > oldEndIdx) { + before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm; + addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue); + } + else { + removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx); + } + } + } + function patchVnode(oldVnode, vnode$$1, insertedVnodeQueue) { + var i, hook; + if (isDef(i = vnode$$1.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) { + i(oldVnode, vnode$$1); + } + var elm = vnode$$1.elm = oldVnode.elm; + var oldCh = oldVnode.children; + var ch = vnode$$1.children; + if (oldVnode === vnode$$1) + { return; } + if (vnode$$1.data !== undefined) { + for (i = 0; i < cbs.update.length; ++i) + { cbs.update[i](oldVnode, vnode$$1); } + i = vnode$$1.data.hook; + if (isDef(i) && isDef(i = i.update)) + { i(oldVnode, vnode$$1); } + } + if (isUndef(vnode$$1.text)) { + if (isDef(oldCh) && isDef(ch)) { + if (oldCh !== ch) + { updateChildren(elm, oldCh, ch, insertedVnodeQueue); } + } + else if (isDef(ch)) { + if (isDef(oldVnode.text)) + { api.setTextContent(elm, ''); } + addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue); + } + else if (isDef(oldCh)) { + removeVnodes(elm, oldCh, 0, oldCh.length - 1); + } + else if (isDef(oldVnode.text)) { + api.setTextContent(elm, ''); + } + } + else if (oldVnode.text !== vnode$$1.text) { + api.setTextContent(elm, vnode$$1.text); + } + if (isDef(hook) && isDef(i = hook.postpatch)) { + i(oldVnode, vnode$$1); + } + } + return function patch(oldVnode, vnode$$1) { + var i, elm, parent; + var insertedVnodeQueue = []; + for (i = 0; i < cbs.pre.length; ++i) + { cbs.pre[i](); } + if (!isVnode(oldVnode)) { + oldVnode = emptyNodeAt(oldVnode); + } + if (sameVnode(oldVnode, vnode$$1)) { + patchVnode(oldVnode, vnode$$1, insertedVnodeQueue); + } + else { + elm = oldVnode.elm; + parent = api.parentNode(elm); + createElm(vnode$$1, insertedVnodeQueue); + if (parent !== null) { + api.insertBefore(parent, vnode$$1.elm, api.nextSibling(elm)); + removeVnodes(parent, [oldVnode], 0, 0); + } + } + for (i = 0; i < insertedVnodeQueue.length; ++i) { + insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]); + } + for (i = 0; i < cbs.post.length; ++i) + { cbs.post[i](); } + return vnode$$1; + }; + } + + var xlinkNS = 'http://www.w3.org/1999/xlink'; + var xmlNS = 'http://www.w3.org/XML/1998/namespace'; + var colonChar = 58; + var xChar = 120; + function updateAttrs(oldVnode, vnode) { + var key, elm = vnode.elm, oldAttrs = oldVnode.data.attrs, attrs = vnode.data.attrs; + if (!oldAttrs && !attrs) + { return; } + if (oldAttrs === attrs) + { return; } + oldAttrs = oldAttrs || {}; + attrs = attrs || {}; + // update modified attributes, add new attributes + for (key in attrs) { + var cur = attrs[key]; + var old = oldAttrs[key]; + if (old !== cur) { + if (cur === true) { + elm.setAttribute(key, ""); + } + else if (cur === false) { + elm.removeAttribute(key); + } + else { + if (key.charCodeAt(0) !== xChar) { + elm.setAttribute(key, cur); + } + else if (key.charCodeAt(3) === colonChar) { + // Assume xml namespace + elm.setAttributeNS(xmlNS, key, cur); + } + else if (key.charCodeAt(5) === colonChar) { + // Assume xlink namespace + elm.setAttributeNS(xlinkNS, key, cur); + } + else { + elm.setAttribute(key, cur); + } + } + } + } + // remove removed attributes + // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value) + // the other option is to remove all attributes with value == undefined + for (key in oldAttrs) { + if (!(key in attrs)) { + elm.removeAttribute(key); + } + } + } + var attributesModule = { create: updateAttrs, update: updateAttrs }; + + function updateProps(oldVnode, vnode) { + var key, cur, old, elm = vnode.elm, oldProps = oldVnode.data.props, props = vnode.data.props; + if (!oldProps && !props) + { return; } + if (oldProps === props) + { return; } + oldProps = oldProps || {}; + props = props || {}; + for (key in oldProps) { + if (!props[key]) { + delete elm[key]; + } + } + for (key in props) { + cur = props[key]; + old = oldProps[key]; + if (old !== cur && (key !== 'value' || elm[key] !== cur)) { + elm[key] = cur; + } + } + } + var propsModule = { create: updateProps, update: updateProps }; + + var raf = (typeof window !== 'undefined' && window.requestAnimationFrame) || setTimeout; + var nextFrame = function (fn) { raf(function () { raf(fn); }); }; + function setNextFrame(obj, prop, val) { + nextFrame(function () { obj[prop] = val; }); + } + function updateStyle(oldVnode, vnode) { + var cur, name, elm = vnode.elm, oldStyle = oldVnode.data.style, style = vnode.data.style; + if (!oldStyle && !style) + { return; } + if (oldStyle === style) + { return; } + oldStyle = oldStyle || {}; + style = style || {}; + var oldHasDel = 'delayed' in oldStyle; + for (name in oldStyle) { + if (!style[name]) { + if (name[0] === '-' && name[1] === '-') { + elm.style.removeProperty(name); + } + else { + elm.style[name] = ''; + } + } + } + for (name in style) { + cur = style[name]; + if (name === 'delayed' && style.delayed) { + for (var name2 in style.delayed) { + cur = style.delayed[name2]; + if (!oldHasDel || cur !== oldStyle.delayed[name2]) { + setNextFrame(elm.style, name2, cur); + } + } + } + else if (name !== 'remove' && cur !== oldStyle[name]) { + if (name[0] === '-' && name[1] === '-') { + elm.style.setProperty(name, cur); + } + else { + elm.style[name] = cur; + } + } + } + } + function applyDestroyStyle(vnode) { + var style, name, elm = vnode.elm, s = vnode.data.style; + if (!s || !(style = s.destroy)) + { return; } + for (name in style) { + elm.style[name] = style[name]; + } + } + function applyRemoveStyle(vnode, rm) { + var s = vnode.data.style; + if (!s || !s.remove) { + rm(); + return; + } + var name, elm = vnode.elm, i = 0, compStyle, style = s.remove, amount = 0, applied = []; + for (name in style) { + applied.push(name); + elm.style[name] = style[name]; + } + compStyle = getComputedStyle(elm); + var props = compStyle['transition-property'].split(', '); + for (; i < props.length; ++i) { + if (applied.indexOf(props[i]) !== -1) + { amount++; } + } + elm.addEventListener('transitionend', function (ev) { + if (ev.target === elm) + { --amount; } + if (amount === 0) + { rm(); } + }); + } + var styleModule = { + create: updateStyle, + update: updateStyle, + destroy: applyDestroyStyle, + remove: applyRemoveStyle + }; + + function invokeHandler(handler, event, args) { + if (typeof handler === 'function') { + // call function handler + handler.apply(void 0, [ event ].concat( args )); + } + } + function handleEvent(event, args, vnode) { + var name = event.type; + var on = vnode.data.on; + // call event handler(s) if exists + if (on && on[name]) { + invokeHandler(on[name], event, args, vnode); + } + } + function createListener() { + return function handler(event) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + handleEvent(event, args, handler.vnode); + }; + } + function updateEvents(oldVnode, vnode) { + var oldOn = oldVnode.data.on; + var oldListener = oldVnode.listener; + var oldElm = oldVnode.elm; + var on = vnode && vnode.data.on; + var elm = (vnode && vnode.elm); + // optimization for reused immutable handlers + if (oldOn === on) { + return; + } + // remove existing listeners which no longer used + if (oldOn && oldListener) { + // if element changed or deleted we remove all existing listeners unconditionally + if (!on) { + Object.keys(oldOn).forEach(function (name) { + $(oldElm).off(name, oldListener); + }); + } else { + Object.keys(oldOn).forEach(function (name) { + if (!on[name]) { + $(oldElm).off(name, oldListener); + } + }); + } + } + // add new listeners which has not already attached + if (on) { + // reuse existing listener or create new + var listener = oldVnode.listener || createListener(); + vnode.listener = listener; + // update vnode for listener + listener.vnode = vnode; + // if element changed or added we add all needed listeners unconditionally + if (!oldOn) { + Object.keys(on).forEach(function (name) { + $(elm).on(name, listener); + }); + } else { + Object.keys(on).forEach(function (name) { + if (!oldOn[name]) { + $(elm).on(name, listener); + } + }); + } + } + } + + var eventListenersModule = { + create: updateEvents, + update: updateEvents, + destroy: updateEvents, + }; + + /* eslint import/no-named-as-default: off */ + + var patch = init$1([ + attributesModule, + propsModule, + styleModule, + eventListenersModule ]); + + var Framework7Component = function Framework7Component(app, options, extendContext) { + if ( extendContext === void 0 ) extendContext = {}; + + var id = Utils.id(); + var self = Utils.merge( + this, + extendContext, + { + $: $, + $$: $, + $dom7: $, + $app: app, + $options: Utils.extend({ id: id }, options), + } + ); + var $options = self.$options; + + // Root data and methods + Object.defineProperty(self, '$root', { + enumerable: true, + configurable: true, + get: function get() { + var root = Utils.merge({}, app.data, app.methods); + if (win && win.Proxy) { + root = new win.Proxy(root, { + set: function set(target, name, val) { + app.data[name] = val; + }, + deleteProperty: function deleteProperty(target, name) { + delete app.data[name]; + delete app.methods[name]; + }, + has: function has(target, name) { + return (name in app.data || name in app.methods); + }, + }); + } + return root; + }, + set: function set() {}, + }); + + // Apply context + ('beforeCreate created beforeMount mounted beforeDestroy destroyed updated').split(' ').forEach(function (cycleKey) { + if ($options[cycleKey]) { $options[cycleKey] = $options[cycleKey].bind(self); } + }); + + if ($options.data) { + $options.data = $options.data.bind(self); + // Data + Utils.extend(self, $options.data()); + } + if ($options.render) { $options.render = $options.render.bind(self); } + if ($options.methods) { + Object.keys($options.methods).forEach(function (methodName) { + self[methodName] = $options.methods[methodName].bind(self); + }); + } + + // Bind Events + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $options.on[eventName] = $options.on[eventName].bind(self); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $options.once[eventName] = $options.once[eventName].bind(self); + }); + } + + // Before create hook + if ($options.beforeCreate) { $options.beforeCreate(); } + + // Render + var html = self.$render(); + + // Make Dom + if (html && typeof html === 'string') { + html = html.trim(); + self.$vnode = vdom(html, self, app, true); + self.el = doc.createElement('div'); + patch(self.el, self.$vnode); + } else if (html) { + self.el = html; + } + self.$el = $(self.el); + + // Set styles scope ID + if ($options.style) { + self.$styleEl = doc.createElement('style'); + self.$styleEl.innerHTML = $options.style; + if ($options.styleScoped) { + self.el.setAttribute(("data-f7-" + ($options.id)), ''); + } + } + + self.$attachEvents(); + + // Created callback + if ($options.created) { $options.created(); } + + // Store component instance + self.el.f7Component = self; + + return self; + }; + + Framework7Component.prototype.$attachEvents = function $attachEvents () { + var self = this; + var $options = self.$options; + var $el = self.$el; + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $el.on(Utils.eventNameToColonCase(eventName), $options.on[eventName]); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $el.once(Utils.eventNameToColonCase(eventName), $options.once[eventName]); + }); + } + }; + + Framework7Component.prototype.$detachEvents = function $detachEvents () { + var self = this; + var $options = self.$options; + var $el = self.$el; + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $el.off(Utils.eventNameToColonCase(eventName), $options.on[eventName]); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $el.off(Utils.eventNameToColonCase(eventName), $options.once[eventName]); + }); + } + }; + + Framework7Component.prototype.$render = function $render () { + var self = this; + var $options = self.$options; + var html = ''; + if ($options.render) { + html = $options.render(); + } else if ($options.template) { + if (typeof $options.template === 'string') { + try { + html = Template7.compile($options.template)(self); + } catch (err) { + throw err; + } + } else { + // Supposed to be function + html = $options.template(self); + } + } + return html; + }; + + Framework7Component.prototype.$forceUpdate = function $forceUpdate () { + var self = this; + var html = self.$render(); + + // Make Dom + if (html && typeof html === 'string') { + html = html.trim(); + var newVNode = vdom(html, self, self.$app); + self.$vnode = patch(self.$vnode, newVNode); + } + }; + + Framework7Component.prototype.$setState = function $setState (mergeState) { + var self = this; + Utils.merge(self, mergeState); + self.$forceUpdate(); + }; + + Framework7Component.prototype.$mount = function $mount (mountMethod) { + var self = this; + if (self.$options.beforeMount) { self.$options.beforeMount(); } + if (self.$styleEl) { $('head').append(self.$styleEl); } + if (mountMethod) { mountMethod(self.el); } + if (self.$options.mounted) { self.$options.mounted(); } + }; + + Framework7Component.prototype.$destroy = function $destroy () { + var self = this; + if (self.$options.beforeDestroy) { self.$options.beforeDestroy(); } + if (self.$styleEl) { $(self.$styleEl).remove(); } + self.$detachEvents(); + if (self.$options.destroyed) { self.$options.destroyed(); } + // Delete component instance + if (self.el && self.el.f7Component) { + self.el.f7Component = null; + delete self.el.f7Component; + } + // Patch with empty node + if (self.$vnode) { + self.$vnode = patch(self.$vnode, { sel: self.$vnode.sel, data: {} }); + } + Utils.deleteProps(self); + }; + + function parseComponent(componentString) { + var id = Utils.id(); + var callbackCreateName = "f7_component_create_callback_" + id; + var callbackRenderName = "f7_component_render_callback_" + id; + + // Template + var template; + var hasTemplate = componentString.match(//); + var templateType = hasTemplate[2] || 't7'; + if (hasTemplate) { + template = componentString + .split(//) + .filter(function (item, index) { return index > 0; }) + .join('') + .filter(function (item, index, arr) { return index < arr.length - 1; }) + .join('') + .replace(/{{#raw}}([ \n]*)